Cet article a été publié sur le site graphuccino.com
Les tutos sur les effets de textes sur photoshop foisonnent sur le net… alors graphuccino s’y met aussi !
Voici un petit tuto pour réaliser simplement un effet argenté sur un texte. Pour ce tuto, je vais prendre pour exemple le travail que j’ai effectué sur le logo du bijoutier « Corpus Christi » à l’occasion de la sortie de son site Internet.
Le résultat final de notre tuto sur l'effet de texte argenté
1 ) Le choix de la police de caractère
Cette étape n’est pas si anodine que ça. La police de caractère que vous choisirez va beaucoup influençer le rendu final… tout est question de goûts néanmoins, je vous conseille des polices épaisses pour ce genre d’effets. Cela semble logique, mais des polices grasses permettront de faire figurer les effets plus simplement. Vous devez également choisir une couleur noire pour votre texte. Dans notre exemple, la police choisie correspond parfaitement.
La police de caractère que nous avons choisi
2 ) Ajouter le dégradé de couleur sous photoshop
Double-cliquez sur le calque de votre texte. La fenêtre des styles de calques de photoshop s’ouvre. Pour commençer, on va ajouter une légère ombre portée à notre texte. Cela n’est pas obligatoire mais ajoutera facilement et rapidement du réalisme à notre texte (cette méthode d’ombre portée est basique, vous pouvez bien sûr utiliser des méthodes plus complexes que je ne détaillerai pas dans ce post dont ce n’est pas l’objet). Pour cela rendez-vous dans l’onglet « ombre portée » et faites vos réglages selon le rendu recherché. Ces réglages dépendront beaucoup de votre composition et ne sont pas fondamentaux à notre tuto… je vous conseille juste de ne pas abuser de ce genre d’ombres portées essayez toujours d’être soit réaliste, soit léger.
Passons au plus intéressant, et ajoutons de la couleur !
Toujours dans la fenêtre « style de calque » de photoshop, rendez-vous dans l’onglet « Incrustation en dégradé ». Assurez-vous d’abord que les réglages de base correspondent bien à ceux de l’image ci-dessous ( mode de fusion sur normal, angle sur 90, et échelle sur 100 notamment) :
Les réglages de base de l'incrustation en dégradé sous photoshop
Cliquez maintenant sur les couleurs du dégradé. Une nouvelle fenêtre s’ouvre dans laquelle nous allons pouvoir choisir les couleurs qui composeront notre dégradé, ainsi que leur placement. Pour modifier les couleurs, double-cliquez simplement sur la flèche colorée placée sous le dégradé de couleur. Vous pouvez glisser-déposer les flèches de couleurs de votre dégradé selon vos envies. Enfin, vous pouvez ajouter de nouvelles couleurs en cliquant sous le dégradé, à l’endroit où vous souhaitez ajouter votre couleur.
Les couleurs que j’ai choisi ne sont pas absolues, vous pouvez bien sûr choisir un dégradé différent, mais si vous êtes un peu perdu, elles vous donneront de bonnes indications de départ.
En partant de la gauche (le bas du dégradé si vous avez conservé les réglages de base) : Tout d’abord un noir pur (#000000) pas tout à fait collé au bord gauche du dégradé; ensuite, vous devez identifier l’endroit où vous souhaitez que le reflet lumineux de l’argent soit le plus intense, et plaçez une couleur assez lumineuse et moyennement saturée (dans les verts turquoises / bleux pour de l’argent) juste à gauche de cet endroit (#a9c7ca); tout près à droite, ajoutez la couleur qui sera la plus lumineuse de notre dégradé, une couleur presque grise et très claire (#f6f8f8); beaucoup plus loin, ajoutez une couleur saturée et foncée (un bleu foncé comme #356367 devrait convenir); pour finir, sur la bordure de droite de notre dégradé, ajoutez une couleur plus claire que la dernière et un peu moins saturée (#5c8488).
Le placement des couleurs sur notre dégradé
Notre texte commence à ressembler à de l’argent ! Il manque pourtant encore quelque chose pour le rendre plus réaliste : un peu de texture.
3 ) Ajouter de la texture à notre texte
Ici, nous allons faire appel à la photo pour ajouter de la texture à notre texte… les banques d’images et les sources gratuites foisonnent sur Internet. Il est relativement simple de trouver à peu près n’importe quelle texture. N’hésitez pas également à utiliser un appareil photo et à vous constituer vous même votre propre banque d’images. Ici, ne vous souciez pas de la couleur de la texture, mais seulement de son aspect, de son « relief ». J’ai personnellement opté pour une image personnelle de feuille d’or, mais cette texture trouvée sur le site www.cgtextures.com fera très bien l’affaire.
Ouvrez votre image de texture dans photoshop, et copiez/collez la sur un nouveau calque du fichier qui contient votre texte (au dessus du calque de texte). Faites un ctrl-clic (pomme-clic pour mac) sur le calque de texte (faites bien attention de cliquer sur la vignette du calque et pas sur le nom du calque), puis resélectionnez le calque de texture.
Ajoutez maintenant un masque au calque de texture grâce à la sélection en cours. Pour cela, cliquez sur le bouton de masque en bas de la fenêtre des calques de photoshop.
Le bouton de masque de la fenêtre de calques de photoshop
Notre texture n’apparaît désormais que sur les endroits couverts par notre police de caractères !
Nous avons néanmoins perdu tout le travail de couleur précédemment effectué et maintenant recouvert par la texture… nous allons donc devoir mélanger ces 2 composantes de notre effet de texte.
Sélectionnez le calque de texture et choisissez « inscrustation » comme mode de fusion du calque (en haut de la fenêtre de calques).
Le mode de fusion incrustation des calques de photoshop
Vous pouvez ensuite déplacer le calque de texture au dessus de la police de caractère (avec l’outil flèche de photoshop raccourcis « v » ) pour trouver l’endroit le plus adapté à votre texte. Vous pouvez également le redimensionner (ctrl-t ou pomme-t). Pour cela, assurez vous que le masque est bien délié du calque de texture. Si cela n’est pas fait, cliquez sur le lien entre la texture et son masque pour les délier (vous les lierez de nouveau par la suite).
Le bouton de liaison du masque au calque sous photoshop
Pour fini, réglez l’opacité du calque de texture selon vos envies… je trouve qu’une opacité d’environ 55% donne un résultat tout à fait réaliste.
Lorsque vous êtes satisfaits, sauvegardez votre travail, et contemplez le joli effet argenté que vous venez de réaliser !
Le résultat final de notre effet de texte argenté
Note : Ce tuto est tout à fait appliquable à d’autres effets métalliques… Il vous suffit simplement de changer les couleurs du dégradé de l’étape 2. Par exemple, pour de l’or, les couleurs pourraient être de gauche à droite : #000000, #d2aa1e, #f2dc8e, #d2aa1e, #e3bf3f, #9e7f13. Et le résultat serait alors :
L'effet de texte d'or
Cet effet est assez simple à réaliser et il est souvent utile de pouvoir appliquer rapidement ce genre de textures, alors n’hésitez pas à le réutiliser et à le remanier selon vos besoins.
Tags : photoshop
