Créer un effet de texte 3D fleuré avec Photoshop

Voilà un tout nouveau tutoriel inspiré du tuto de 10steps

Pour commencer ouvrez un nouveau document de 1900x1200 pixels Résolution 72Dpi couleur RVB

Ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Déplacez le en haut (au moment ou vous êtes sur l'éditeur des dégradé cliquez avec la souris sur le dégradé et glissez-le un peut vers le haut)

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Maintenant nous allons utiliser un autre logiciel pour faire la 3D pour ceux qui possèdent Photoshop Cs5 utilisez l'outil repoussé (Menu > 3D > Repoussé) pour les autres utilisez Xara 3D ou illustrator, perso je vais utiliser illustrator Cs5.

Créez un nouveau document de 1900x1200 pixels avec un fond Noir

Nous allons appliquez l'effet 3D sur les lettre une par une tapez votre première lettre avec du blanc et la police Impact avec une taille de 280pt.

effet de texte 3D avec photoshop et illustrator cs5

Allez dans Menu > Effect > 3D > Extrude & Bevel et appliquez les options suivantes

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Recommencez cette étape avec tout les lettres une par une en changeant la rotation des trois axes X, Y, Z

effet de texte 3D avec photoshop et illustrator cs5

Maintenant sélectionnez tout les lettres 3D et faite un copie (Ctrl+C dans illustrator) / collez (Ctrl+V dans photoshop).

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Ensuite prenez l'outil baguette magique (w) avec une tolérance 1 mettez vous sur le calque du texte 3D et cliquez sur la 1 er lettre puis créez un nouveau calque tout en laissant la sélection actif.

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Prenez l'outil dégradé (G) et dessinez un dégradé en partant du haut de la lettre comme ceci

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Dans le même calque et toujours avec la sélection actif téléchargez ce brushe et dessinez avec en utilisant une couleur blanche.

effet de texte 3D avec photoshop et illustrator cs5

Faite la même chose pour tout les lettre en utilisant les dégradés suivants

#c9f4ae à #244600

#76d3ff à #2279b6

#b7e6fc à #2a4c0a

#c9f4ae à #385b13

#9acee4 à #154d72

Pour obtenir à la fin ceci

effet de texte 3D avec photoshop et illustrator cs5

Maintenant mettez vous au dessous du calque des lettre en 3D et créez deux calques (Ctrl+Shift+N)

effet de texte 3D avec photoshop et illustrator cs5

Prenez l'outil forme personnalisée (U) et dessinez la forme suivant avec une couleur Bleu.

effet de texte 3D avec photoshop et illustrator cs5

Ensuite allez dans Menu > Filtre > Atténuation > Flou Gaussien

effet de texte 3D avec photoshop et illustrator cs5

Changez son mode de fusion en Incrustation

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Maintenant mettez vous sur le deuxième calque et dessinez avec le brushe précédent un fond comme ceci avec la couleur suivant #bef7a8

effet de texte 3D avec photoshop et illustrator cs5

Dans les options de fusion appliquez dessus une Lueur externe.

effet de texte 3D avec photoshop et illustrator cs5

Et voilà le résultat

effet de texte 3D avec photoshop et illustrator cs5

Maintenant importez la texture suivante dans votre document

effet de texte 3D avec photoshop et illustrator cs5

Changez son mode de fusion en Lumière tamisée

effet de texte 3D avec photoshop et illustrator cs5

Pour finir créez un nouveau calque (Ctrl+Shift+N) et allez dans Menu > Filtre > Rendu > Nuages

effet de texte 3D avec photoshop et illustrator cs5

Changez son mode de fusion en Incrustation et réduisez son opacité à 63%

effet de texte 3D avec photoshop et illustrator cs5

Et voilà le rendu final

effet de texte 3D avec photoshop et illustrator cs5

source : http://www.tutsps.com/