kira'art
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-39%
Le deal à ne pas rater :
Ordinateur portable ASUS Chromebook Vibe CX34 Flip
399 € 649 €
Voir le deal

Les effets 3D sur texte avec Photoshop et Illustrator

2 participants

Aller en bas

Les effets 3D sur texte avec Photoshop et Illustrator Empty Les effets 3D sur texte avec Photoshop et Illustrator

Message par Jeffix Jeu 21 Avr - 14:28

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 sur texte avec Photoshop et Illustrator Les_ef10

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef11

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef12

Tapez votre texte comme ceci en utilisant la couleur suivante #272727 et la police Ballpark

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef13

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef14

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 sur texte avec Photoshop et Illustrator Les_ef15

Laissez Photoshop a coté et ouvrez Illustrator et créez un nouveau document de 1000x1000 pixels

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef16

Et collez le tracé que vous avez copié dans Photoshop (Ctrl+V) ou dans Menu > Edition > Coller (Sous illustrator)

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef17

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef18

Remplissez votre tracé avec la couleur suivante #bfbfbf

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef19

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef20

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef21

Maintenant allez dans Menu > Effect > 3D > Extrude and Bevel

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef22

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef23

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef25

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 sur texte avec Photoshop et Illustrator Les_ef26

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef27

Appliquez dessus une incrustation en dégradé dans les options de fusion

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef28

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef29

Maintenant déplacez le calque du texte 3D en dessous de votre premier texte gris

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef30

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 sur texte avec Photoshop et Illustrator Les_ef31

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 sur texte avec Photoshop et Illustrator Les_ef33

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef34

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 sur texte avec Photoshop et Illustrator Les_ef35

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef36

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 sur texte avec Photoshop et Illustrator Les_ef37

Allez ensuite dans Menu > Filtre > Atténuation > Flou gaussien > 1,4 pixels

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef38

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef39

Dupliquez ce dernier et allez dans Menu > Filtre > Atténuation > Flou gaussien > 3 pixels

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef40

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef41

Allez dans Menu > Edition > Transformation manuel (Ctrl+T) et transformez le texte flouté comme ceci

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef42

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 sur texte avec Photoshop et Illustrator Les_ef43

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef44

Importez la texture suivante dans votre document

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef45

Puis changez son mode de fusion en Lumière tamisée

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef46

Et voila le rendu final

Les effets 3D sur texte avec Photoshop et Illustrator Les_ef47


Liens original de ce tuto sur tutsps: ICI
Un grand Les effets 3D sur texte avec Photoshop et Illustrator 951178 à grafolog pour ce super tuto!
Jeffix
Jeffix


Messages : 82
Date d'inscription : 15/02/2011
Age : 42
Localisation : CLV 78

Revenir en haut Aller en bas

Les effets 3D sur texte avec Photoshop et Illustrator Empty Re: Les effets 3D sur texte avec Photoshop et Illustrator

Message par dgarcia57 Sam 11 Juin - 2:18

Encore merci pour ce partage, très intéressant tout çà Wink
dgarcia57
dgarcia57
Junior
Junior

Messages : 31
Date d'inscription : 17/02/2011
Age : 58

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum