Forum de Fandeonepiece2

Bon dev :)


    [Photoshop] [3D] Logo textuel

    Ghost Eagle
    Ghost Eagle
    semi-modo
    semi-modo

    Messages : 174
    Date d'inscription : 03/05/2014
    Age : 16
    Localisation : Cameroun

    [Photoshop] [3D] Logo textuel Empty [Photoshop] [3D] Logo textuel

    Message par Ghost Eagle le Lun 5 Mai - 19:02

    Salut à tous,

    Certains se demande comment appliquer un effet 3D à du texte ou à un logo avec Photoshop c'est exactement ce que nous allons faire dans ce tutoriel. L'effet n'est pas trop fort mais beaucoup impressionant pirat .
    Tous à vos pinceaux ou plutôt vos souris cyclops !

    1 : Le Fond et le texte de base. Pour commencer, j’ouvre un document de 500*500 et je remplis le fond avec la couleur #377db2

    [Photoshop] [3D] Logo textuel 1-8-b810

    Puis je crée un nouveau calque que je remplis avec un gros pinceau diffus blanc de 500 pixels de diamètre, et je le passe en mode de fusion « Lumière tamisée »
    [Photoshop] [3D] Logo textuel 2-8-2110

    Il faut diminuer l'opacité du calque à 50% puis , je met mon texte avec la police Baruta disponible ICI
    je centre mon texte et j'applique quelque style de calque (Dégradé et contour)

    [Photoshop] [3D] Logo textuel Sc1-7010
    [Photoshop] [3D] Logo textuel Sc2-be10

    ce qui donne un truc du genre :
    [Photoshop] [3D] Logo textuel 5-7-0e10

    On commence l'Effet 3D :

    Pour commencer à créer l’effet 3D je vais sélectionner mon calque Texte et appuyez sur Ctrl+t puis clique droit et « Perspective »

    Je l’étire à peu près comme ceci :
    [Photoshop] [3D] Logo textuel Perspe10

    Et « Entrée » pour confirmer.

    Je duplique ensuite ce Calque et je refais Ctrl+t pour le réduire un peu. Je configure en haut les réglages comme ceci :
    [Photoshop] [3D] Logo textuel Taille10

    Et je place mon plus petit texte derrière le plus grand via la fenêtre des calques :
    [Photoshop] [3D] Logo textuel 6-7-6910

    L'effet 3D fait son apparition cheers !

    J'applique ces styles de calques au texte du dessous :
    [Photoshop] [3D] Logo textuel Sc3-5910
    ça donne ça :
    [Photoshop] [3D] Logo textuel 7-3-8f10

    On laisse le contour comme avant
    On passe maintenant à la 3ème couche de l'effet 3D. Pour cela je vais créer un nouveau calque en dessous des deux « Textes » Je laisse ce calque sélectionné puis je fait Ctrl+clique sur l’icône du calque « Texte copie(ou texte 2) ».

    Cela me permet de récupérer la sélection du calque. Je vais ensuite dans le menu>sélection>modifier>dilater> 8 pixels
    [Photoshop] [3D] Logo textuel Select10

    J’ai maintenant ma sélection pour mon nouveau calque, que je vais remplir avec la couleur #232f3e

    [Photoshop] [3D] Logo textuel 8-3-b210

    Puis j’ajoute ces styles de calques :

    [Photoshop] [3D] Logo textuel Sc4-9111
    [Photoshop] [3D] Logo textuel Sc5-c210

    ça donne ceci  Wink :

    [Photoshop] [3D] Logo textuel 9-2-5a10

    C'est tout pour l'effet 3D même si c'est pas encore fini Razz 

    Effet Glossy !


    Pour augmenter l’effet de brillance et de 3D on va appliquer un petit reflet Glossy sur les calques « Textes » et « Calque 2 » Pour cela je crée une ellipse blanche comme ceci sur un nouveau calque :

    [Photoshop] [3D] Logo textuel 10-e3210

    Puis je récupère la sélection de mon calque (Ctrl+clique sur l’icône du calque) je contracte de un pixel, j’intervertis, je supprime. Je gomme ensuite le haut et la droite du reflet

    [Photoshop] [3D] Logo textuel 11-cc310

    Je ne m'attarderai pas trop sur le reflet car vous trouverez d'autres tutoriels partout sur le web Rolling Eyes et je pourrais en faire un une prochaine fois Wink !
    On reprend le processus du haut pour le 2ème calque ( celui le plus foncé ) :

    [Photoshop] [3D] Logo textuel 12-54d10

    Touches finales !


    Le texte étant terminé, nous allons passer aux détails frappant aie  non mais pas dans ce sens là! on parle de détails qui vont donner beaucoup de style au logo textuel Neutral Question .
    Pratiquons d abord :

    Insérer un éclairage sur le calque d'arrière plan comme ceci :
    je sélectionne l’arrière plan puis je fais Filtre>rendu>éclairage. silent 

    On arrive à cette fenêtre ci :
    [Photoshop] [3D] Logo textuel Captur10

    Vous devez appliquer exactement les mêmes paramètres que sur cette screen pour avoir un éclairage pareil Very Happy  :
    [Photoshop] [3D] Logo textuel 13-43210

    C'est tout ! Ainsi, quand on verra votre logo on fera  Shocked cheers sunny .
    N'oubliez pas une chose : ne suivez jamais un tutoriel à la lettre sifflote . Essayez de fouiller les réglages et apporter votre touche personnelle au logo ainsi vous aurez plus de chance de vous développer et ne plus avoir de  help !

    Merci de m'avoir suivi et Au revoir!


    Dernière édition par Enzo koriodan le Mar 6 Mai - 1:11, édité 2 fois
    Aze (admin)
    Aze (admin)
    Admin
    Admin

    Messages : 435
    Date d'inscription : 03/05/2014
    Age : 18
    Localisation : France

    [Photoshop] [3D] Logo textuel Empty Re: [Photoshop] [3D] Logo textuel

    Message par Aze (admin) le Lun 5 Mai - 22:11

    bonjour,
    super tuto (je me suis permis d'éditer le titre pour le faire correspondre au titre par de mon tuto)
    cordialement
    Ghost Eagle
    Ghost Eagle
    semi-modo
    semi-modo

    Messages : 174
    Date d'inscription : 03/05/2014
    Age : 16
    Localisation : Cameroun

    [Photoshop] [3D] Logo textuel Empty Re: [Photoshop] [3D] Logo textuel

    Message par Ghost Eagle le Mar 6 Mai - 1:15

    re,

    Merci il y a pas de problème pour le titre.
    Aze (admin)
    Aze (admin)
    Admin
    Admin

    Messages : 435
    Date d'inscription : 03/05/2014
    Age : 18
    Localisation : France

    [Photoshop] [3D] Logo textuel Empty Re: [Photoshop] [3D] Logo textuel

    Message par Aze (admin) le Mar 6 Mai - 18:15

    re,
    ok (cela facilite grandement la recherche et organise un peu le forum)
    cordialement
    polien
    polien
    semi-modo
    semi-modo

    Messages : 34
    Date d'inscription : 03/05/2014
    Age : 22
    Localisation : Provence

    [Photoshop] [3D] Logo textuel Empty Re: [Photoshop] [3D] Logo textuel

    Message par polien le Ven 23 Oct - 12:00

    Salut,

    Très bon tuto (oui, je sais, depuis le temps l'auteur a eu le temps d'apprendre le ukulélé...)
    Voici mon rendu sous Gimp :

    [Photoshop] [3D] Logo textuel Sans_t10

    C'est pas super ressemblant à l'original par contre XD
    Aze (admin)
    Aze (admin)
    Admin
    Admin

    Messages : 435
    Date d'inscription : 03/05/2014
    Age : 18
    Localisation : France

    [Photoshop] [3D] Logo textuel Empty Re: [Photoshop] [3D] Logo textuel

    Message par Aze (admin) le Ven 23 Oct - 19:40

    Salut Smile
    Sympas Very Happy !
    faudrait essayer avec le texte en gras Wink
    polien
    polien
    semi-modo
    semi-modo

    Messages : 34
    Date d'inscription : 03/05/2014
    Age : 22
    Localisation : Provence

    [Photoshop] [3D] Logo textuel Empty Re: [Photoshop] [3D] Logo textuel

    Message par polien le Dim 25 Oct - 0:58

    Salut,

    Merci.
    Malheuresement je n'ai pas sauvegardé pour modifier mais je prend note pour une autre fois Wink
    Aze (admin)
    Aze (admin)
    Admin
    Admin

    Messages : 435
    Date d'inscription : 03/05/2014
    Age : 18
    Localisation : France

    [Photoshop] [3D] Logo textuel Empty Re: [Photoshop] [3D] Logo textuel

    Message par Aze (admin) le Dim 25 Oct - 9:29

    Ok Razz

    Contenu sponsorisé

    [Photoshop] [3D] Logo textuel Empty Re: [Photoshop] [3D] Logo textuel

    Message par Contenu sponsorisé


      La date/heure actuelle est Mer 17 Juil - 17:46