vendredi 1 avril 2011

Les effets 3D sur texte avec Photoshop et Illustrator

Avant de commencer téléchargez le pack suivant, puis ouvrez un nouveau document de 1000x1000 pixels résolution 72Dpi couleur RVB 8bits.
Ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Tapez votre texte comme ceci en utilisant la couleur suivante #272727 et la police Ballpark
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Maintenant prenez l'outil texte (T) et cliquez sur votre texte avec le bouton droit de la souris puis sur créer un tracé de travail, ensuite allez dans l'onglet Tracés puis clique sur tracé de travail et copiez le (Ctrl+C) ou bien allez dans Menu > Edition > Copier.
Les effets 3D avec photoshop et illustrator
Laissez Photoshop a coté et ouvrez Illustrator et créez un nouveau document de 1000x1000 pixels
Les effets 3D avec photoshop et illustrator
Et collez le tracé que vous avez copié dans Photoshop (Ctrl+V) ou dans Menu > Edition > Coller (Sous illustrator)
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Remplissez votre tracé avec la couleur suivante #bfbfbf
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Maintenant allez dans Menu > Effect > 3D > Extrude and Bevel
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Maintenant faite un copie (Ctrl+C dans illustrator) et revenez a votre document dans Photoshop et faite collez (Ctrl+V dans Photoshop).
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Appliquez dessus une incrustation en dégradé dans les options de fusion
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Maintenant déplacez le calque du texte 3D en dessous de votre premier texte gris
Les effets 3D avec photoshop et illustrator
Ensuite nous allons maitre un texte gris claire au milieu des deux autres pour le faire dupliquez juste le texte gris foncé (Ctrl+J) et changez sa couleur en Gris clair (#e9e9e9)
Les effets 3D avec photoshop et illustrator
Maintenant appliquez sur le calques que vous venez de dupliqué (Texte gris clair) une incrustation en dégradé dans les options de fusion
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Notre texte gris foncé recouvre complètement le texte gris clair nous allons maintenant déplacer le texte gris claire de juste quelques pixels vers le haut pour laisser apparaitre l'autre
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Ensuite nous allons créer un ombre portée, pour le faire dupliquez le texte gris foncé (Ctrl+J) et mettez le en dessous de touts les autre calque (j'ai masqué touts les calques pour mieux vous illustrer les étapes à suivre )
Les effets 3D avec photoshop et illustrator
Allez ensuite dans Menu > Filtre > Atténuation > Flou gaussien > 1,4 pixels
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Dupliquez ce dernier et allez dans Menu > Filtre > Atténuation > Flou gaussien > 3 pixels
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Allez dans Menu > Edition > Transformation manuel (Ctrl+T) et transformez le texte flouté comme ceci
Les effets 3D avec photoshop et illustrator
Réduisez l'opacité de ce dernier à 36% et laissez apparaitre tout les autres calques pour obtenir un magnifique effet d'ombrage réaliste
Les effets 3D avec photoshop et illustrator
Les effets 3D avec photoshop et illustrator
Importez la texture suivante dans votre document
Les effets 3D avec photoshop et illustrator
Puis changez son mode de fusion en Lumière tamisée
Les effets 3D avec photoshop et illustrator
Et voila le rendu final
Les effets 3D avec photoshop et illustrator
Un tutoriel inspiré d'un tuto Anglais refait complètement par tutsps sur demande du membre Ma2t dans la section Proposition de tutoriels

Aucun commentaire:

Enregistrer un commentaire