Tutoriaux Graphiques : bub73, vonclutch et 65 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto Photoshop] Créer un titre en métal craquelé

 
n°23669
balmo
Profil : New Penguin
Avatar
profil
Posté le 03-08-2009 à 14:23:49  
 

http://img188.imageshack.us/img188/3905/titrea.png    
 
 Bonjour à tous!
 
  Dans ce tuto, nous allons réaliser un titre avec uneffet métal craquelé.  
Ce cours a été réalisé avec Photoshop CS4 Extended mais il esttout-à-fait possible de reproduire ses effets avec Elements ou The Gimp.
 
 Je tiens à préciser qu'il est possible que vous ayez déjà rencontré cette méthode sur d'autres sites tels que Relite. Toutefois, il faut savoir que dans tout les cas, c\\\'est moi qui l\\\'ai rédigé. Ne me critiquez donc pas en disant que j'ai fait un copier-coller d'un autre internaute, ce n'est pas le cas!  
 
 J'en viens donc au plus important: le rendu final. Voici ce que vous arriverez à faire:
 
http://img34.imageshack.us/img34/4126/finl.png
 
http://img148.imageshack.us/img148/3777/et01.png
 
Créez un nouveau document (CTRL+N), attribuez-lui une taille de votre choix et une résolution de 72PPP (sauf si vous voulez l'imprimer par la suite). Je vous conseille de sélectionner un arrière-plan transparent et d'enregistrer votre document au format PNG (et n'oubliez pas de faire une copie PSD en cas de modification ultérieure).
 
Dans mon cas, j'ai entré une taille de 640X480.

http://img515.imageshack.us/img515/7523/nvdialog.png
 
http://img525.imageshack.us/img525/791/et02.png
 
Entrez maintenant le texte de votre choix. Je vous conseille d'utiliser une police de type serif (avec empattement). La fonte employée dans ce cours est Trajan Pro (disponible avec Photoshop) La couleur du texte n'a pas d'importance car nous allons y appliquer un style de calque.
 
http://img20.imageshack.us/img20/9971/et03.png
 
 Nous allons maintenant nous attaquer au principal: Les styles de calques.
C'est une fonction très souvent utilisé dans Photoshop. En effet, elle sert à donner de la dynamique à un objet au moyen de biseaux, contours, incrustations de couleurs... Commencez par vous rendre dans le panneau "Styles" de Photoshop.
 
http://img19.imageshack.us/img19/8823/pannstyles.png
 
Le style qui nous intéresse est le style "Métal" que vous trouverez dans la catégorie"Effets de Texte"
 
http://img522.imageshack.us/img522/9982/stlmetal.png
 
Votre texte devrait maintenant ressembler à ceci:
 
http://img34.imageshack.us/img34/3953/ttp01.png
Tout cela est fort joli mais ce style demande encore quelques modifications. Ouvrez la fenêtre d'édition du style en double-cliquant sur le calque du texte.

http://img440.imageshack.us/img440/1830/dialsdc.png

Décochez la case "Ombre portée" et cliquez sur l'option "Biseautage et Estampage". Le contenu de la fenêtre doit alors ressembler à ceci:
 
http://img27.imageshack.us/img27/5935/bee001.png
Modifiez les réglages afin d'arriver à ce résultat
 
http://img146.imageshack.us/img146/3423/bee002.png

Cliquez sur la case "Contour Brillant" et modifiez la courbe comme suit:
(Pour réaliser une telle courbe, je suis parti de la forme "cône inversé" et j'ai simplement tiré le point d'ancrage du bas.)
 
http://img210.imageshack.us/img210/1205/courbe.png
 
Validez.
 
http://img201.imageshack.us/img201/5773/et04.png
 
 Dupliquez le calque (CTRL+J) et convertissez-le en objet dynamique ( Clic droit sur le calque -> Convertir en objet dynamique).
 
Ouvrez maintenant le menu "Filtres" et sélectionnez "Contours > Diagonales"
Entrez les réglages comme suit:
 
http://img41.imageshack.us/img41/9577/diago.png
Vous pouvez modifier l'intensité de l'effet avec le curseur de netteté.
 
Votre titre devrait ressembler à ceci:
 
http://img40.imageshack.us/img40/1836/ttp002.png
http://img201.imageshack.us/img201/369/ann001.png
 
Dans cette annexe, nous allons rajouter une lumière projetée de derrière le texte.
 
Sélectionnez le deuxième calque, convertissez-le en objet dynamique et ouvrez le menu "Filtres > Atténuation > Flou radial".
 
Entrez les paramètres suivants

:http://img197.imageshack.us/img197/7821/flouradial.png
 
Validez et recommencez l'opération (CTRL+F) autant de fois qu'il ne le faut pour arriver à un résultat satisfaisant.
 
Vous pouvez utiliser les fonctions de lumière ou un calque de réglage teinte/saturation pour adapter votre titre.
 
http://img34.imageshack.us/img34/4126/finl.png
 
Et voilà! J'espère que ce tuto vous a plu. Si vous avez des questions, remarques, messages..., n'hésitez pas à poster un commentaire!  :smile: [/center]


Message édité par balmo le 03-08-2009 à 14:28:11
answer
mood
GoogleAds
profil
Posté le 03-08-2009 à 14:23:49  
 

answer
n°24325
Xena
Secrétaire de dlb
Profil : Modo
Avatar
profil
Posté le 27-10-2009 à 10:48:21  
 

Je valide en ajoutant que les valeurs ne doivent pas forcément être recopiées à l'identique si vous changez la police.
J'ajoute aussi pour les débutants, que si vous ne trouvez pas le style métal il faut aller dans le menu des styles de calque et appuyer sur la petite flèche :
http://www.crystalxp.net/forum/mesimages/4683/style de calque.jpg


Message édité par Xena le 27-10-2009 à 11:10:42

---------------
http://images3.hiboox.com/images/0308/g0xa93no.png
answer
n°24411
Supernoobi
Profil : New Penguin
Avatar
profil
Posté le 15-11-2009 à 10:52:13  
 

Merci pour ce tuto :)


---------------
http://img7.hostingpics.net/pics/502058signaturecrxp__.png
answer
n°24418
Narc0
Voodoo child
Profil : Top Penguin
Avatar
profil
Posté le 15-11-2009 à 14:16:38  
 

L'effet est très sympa et devrait beaucoup servir à ceux qui réclament une bannière pour ce style de jeu :great:


---------------
http://img264.imageshack.us/img264/4716/signvt9.png
answer
n°24419
Bidi
Hylien à bonnet vert
Profil : Penguin Pro
Avatar
profil
Posté le 15-11-2009 à 15:06:58  
 

Effet très joli, je regrette un peu les marques triangulaires à la base des lettres mais ça doit pouvoir se corriger après. Toutefois, bon tuto pour un bon rendu ;)


---------------
http://bidinet.free.fr/T.png http://bidinet.free.fr/blogjustin.pnghttp://bidinet.free.fr/signlinkTWW.pnghttp://bidinet.free.fr/fb2.png http://bidinet.free.fr/T.png
Amputé du bidou :o
 
Des bisounettes. Pour MC. Pour Mutsu. Pour Killyoh. (pour Pechpech aussi mais il est chiant)
answer

Aller à :
Ajouter une réponse