[Tutoriel] Design Typographique

• Convertir en PDF
• Envoyer à un ami

• Soumis par rudy Nosile
• 21-11-2008

La typographie, très utilisé en Graphic Design. Je vous propose donc un tutoriel plutôt intéressant.Pour ceci choisissez une typographie de votre choix ( vous pouvez aussi la télécharger sur le net), ensuite à partir d'un logiciel de 3D ( maya, blender,3ds...). De mise utilisé un rendu ambiant occlusion pour les lettres ( note: l'image rendu 3d est fourni )
Pour avoir plus de souplesse sur les textures nous allons utilisé photoshop, grâce aux masques de fusion nous pourrons placer les textures adéquats à l'endroit voulu.
A vous de choisir le style de votre typographie, ainsi que l'angle de vue...

Etape 1 :

L'étape suivante consiste à détourer les lettres sur l'image du rendu 3D, nous allons utilisé pour cela un masque vectoriel sur l'image. Calque> Masque Vectoriel > Tout masquer(Layer>Add layer mask> hideall). Prenez un pinceau a bords dur(Brush) et commencez à peindre sur le masque avec une couleur noir. Détourez jusqu'a ne laisser qu'apparaître les lettres. Dupliquez ce calque et placer le au dessus, mettez le mode de fusion en superposition(Screen).

Etape 2 :

Placez un fond de votre choix au dessous de tous les calques. Pour ma part j'utilise la texture d'un mur (mur.jpg) ou d'une surface de béton .( Il est important de mettre un fond pour mieu voir l'impacte de la texture sur la typographie).

Etape 3 :

Utilisez la texture (mur2.jpg), placez le au dessus de tous les calques. Revenez sur la copie du calque de la typo, cliquez droit sur le masque vectoriel, faites ''ajouter le masque de fusion à la selection ''.
Revenez sur le calque contenant mur2.jpg et cliquez sur le masque vectoriel dans la palette de calque pour que la séléction faite auparavant se retrouve sur le masque de ce calque. Passez le calque texture en mode densité linéaire + (Linear burn).

Etape 4:

Nous allons peaufiner la texture sur les lettres. Dupliquez le calque texture et placez le mode de fusion en mode produit(Multiply). Utilisez la texture metal03.jpg pour casser la répétitivité de la texture précédente.
Placer la texture sur le bas en la deformant un peu avec l'outils transformation manuelle(free transform),Edition>transformation manuelle. Répétez l'etape 3 pour placez un masque vectoriel des calques suivant sur celui ci. Passez le mode en Obscursir(Darken).

Etape 5 :

Nous allons utilisé la texture de metal et y ajouter une couleur (ici rouge). Image>Réglages>Teinte>Saturation (ctrl+u), utilisez le curseur teinte pou changer la couleur.
Passez en mode superposition(Sreen) le calque. Placez un masque tutoriel sur ce calque, laissez apparaitre les lettres du bas et baissez l'opacité du claque ( ici 40% ).

Etape 6:

Ensuite créez un nouveau calque juste au dessus du calque fond et utilisé l'outils dégradé radial(radient gradient).Utilisez une couleur noir comme couleur de 1er plan.
Dans l'editeur de dégradé choisissez le dégradé premier plan-transparent. Et utilisez le à partir du centre du calque. Ensuite créez un calque au dessus de celui-ci juste au dessous des calques typo, utilisez le dégradé radial pour créer une ombre au dessous des lettres.

Etape 7:

Nous allons ajouter une texture et une forme vectorielle sur le haut des lettres (libre choix à vous). Ouvrez l'image patern1.jpg dans photoshop. Edition>Utilisez comme motif, nommez votre motif. Créez un nouveau calque et utilisez l'outils lasso magnétique( Magnetic lasso) pour suivre les formes des lettres. fermez la selection et remplissez avec votre motif, outils pot de peinture (Paint buck),selectionnez motif et choisissez le votre. Répétez l'opération pour chaque lettre et effacez le bord des lettres. Placez ce calque en mode de fusion produit(Multiply) et baissez l'opacité si besoin.

Etape 8:

Nous placons maintenant une forme vectorielle sur la 2eme partie des lettres. Utilisez une forme créee dans illustrator ou telechargez le sur internet. Déformez le avec l'outils transformation manuelle (free transform). Placez le mode de fusion en Produit(Multiply). Dupliquez le calque et ajoutez un léger flou gaussien (Filtre>Atténuation>flou gaussien)(Blur>Gaussiant blur). Placez le calque en dessus et passez le mode en Produit(Multiply) et baissez l'opacité selon votre jugement.

Etape 9:

Ajoutez grâce aux broches des tâches de peinture au dessous des lettres et au dessus. Variez l'opacité et la quantité des tâches.

Conclusion:

Pour finir créez un calque de réglages, choisissez dégradé et dans la courbe de dégradé (New Adjustement Layer>Gradient zap) placez 3 couleurs différentes un bleu #233471, du rouge au milieu #c8181c et du jaune #f1e500. Passez le mode en Eclaircir(Lighten) et baissez l'opacité à 30%.
Voici donc un exemple de Design graphique avec un melange de média. Vous pouvez varier les formes vectorielles et motifs ainsi que la texture selon votre goût
Bon courage.

• tuto
• design
• typographique
• 3d
• photoshop

Articles connexes :

• Al Dente
• Autodesk Maya and 3ds max Mast
• Autodesk rachète Softimage
• Emily de chez Image Metrics
• Fly me to the moon un film un

Kozman(s)

         

Seuls les utilisateurs enregistrés peuvent ajouter des kozmans.
Veuillez vous identifier ou vous enregistrer.

Powered by AkoComment 2.0!

Dernière mise à jour : ( 22-11-2008 )