Retrouvez cet article dans : Linux Magazine HS 19
Qui n'a pas besoin d'un titre pour agrémenter un site, un document ou une carte de visite ? Ce tutoriel vous propose la création d'un titre en effet plastique sobre d'apparence mais du plus bel effet si l'on y regarde de plus près.
Ce tutoriel nous permettra de voir à quel point ce qui peut sembler insignifiant lors de la création d'un logo devient important dans la perception de l'ensemble. Le but de la procédure est ici de créer quelque chose de relativement simple au premier coup d'œil, mais grouillant de détails, donnant un côté réel et palpable.
1. Après avoir créé une image composée d'un fond blanc, ajoutez votre texte grâce à l'outil du même nom. Deux points sont importants ici. Premièrement, prévoyez suffisamment de bord blanc autour du texte (un débord) et deuxièmement, utilisez une police relativement grasse. Nous allons apporter un grand nombre de modifications dans l'épaisseur des lettres ; si la police est trop fine, les effets ne seront pas visibles.
2. Assurez-vous que le calque du texte soit actif et récupérez une sélection à partir de l'alpha (transparence). Pour ce faire, utilisez le menu contextuel dans la fenêtre des calques (Alpha vers sélection). Vous pouvez également utiliser le menu contextuel de l'image. Enregistrez la sélection dans un canal (Sélection, enregistrer dans un canal). Ceci nous permet de littéralement garder une copie enregistrée de notre sélection (et plus encore).
3. Cachez le calque de texte et déplacez-le à l’arrière-plan (ajoutez un canal alpha au besoin). Créez ensuite un nouveau calque blanc et un masque de calque noir à ce même calque. Le masque actif, effacez la sélection. Activez le calque blanc et remplissez-le entièrement à l'aide d'un dégradé personnalisé. Un dégradé couvrant tout le spectre de couleur sera du plus bel effet mais rien ne vous interdit d'utiliser n'importe quel dégradé. Evitez cependant tous ceux qui contiennent du noir ou du blanc.
4. Ajoutez un calque utilisant la couleur de premier plan par défaut (noir) entre le calque arc-en-ciel et le calque blanc. Nous allons ajouter une ombre portée pour détacher le texte du fond. Ajoutez un masque de calque noir. Celui-ci rend immédiatement invisible l'ensemble du calque noir. Notre sélection n'est plus active, récupérez-la depuis le canal précédemment enregistré. Déplacez ensuite cette sélection (et non son contenu) en maintenant la touche Alt enfoncée. Décalez la sélection vers le bas et à droite par rapport au texte arc-en-ciel. Ceci fait, supprimez la sélection (Ctrl-X).
5. Assurez-vous d'avoir toujours le masque activé puis appliquez un flou gaussien. Le masque s'en trouve modifié et l'effet de pochoir propre aux masques de calques s'en trouve changé. Nous obtenons un effet d'ombre portée. Pourquoi donc procéder de la sorte et non en coulant du noir dans la sélection et se passer de masque ? La réponse est simple, nous pouvons ici changer très facilement et en une seule opération la couleur ou même la texture de l'ombre. Il en va de même, vous l'aurez remarqué, pour le texte lui-même. Notre composition est modulaire ou thémable.
6. Ajoutons une bordure à notre texte. Pour ce faire, ajoutez un calque transparent en tout premier plan. Récupérez ensuite la sélection depuis le canal puis agrandissez la sélection d'un pixel (peut-être plus pour une plus grande image). Toujours dans la fenêtre des canaux, maintenez la touche Ctrl enfoncée et cliquez à nouveau sur le bouton de transformation de canal en sélection. Vous venez de soustraire la sélection obtenue depuis le canal de la sélection active, la différence. Activez le nouveau calque vide et remplissez de noir la sélection.
7. La bordure est à peine perceptible et ce en raison de la présence l'ombre portée. Peu importe, même si elle n'est pas voyante, cette bordure est perçue par l'observateur et influe sur son appréciation de la scène.
8. Tout ceci manque cruellement de relief. Pour corriger cela, nous allons ajouter un effet. La perception du relief se limite souvent au fait de voir d'une manière différente une partie en hauteur d'une partie plus en dessous. Si notre texte est en volume, le centre de chaque lettre doit être différent du bord. Nous allons pour cela utiliser un nouveau calque dans un mode spécial. Ajoutez un calque blanc entre le texte en couleur et la bordure, puis récupérez la sélection. Utilisez le menu Sélection réduire pour réduire de 5 pixels l'étendue de la sélection. Enfin, coupez la sélection.
9. Aucune sélection n'étant active, appliquez un flou gaussien plus ou moins identique à celui utilisé pour l'ombre portée. Enfin, ajoutez un masque de calque entièrement noir, récupérez encore une fois la sélection depuis le canal et supprimez cette sélection du masque. Passez le masque en mode « Ecran » et ajustez l'opacité du calque. Nous obtenons notre effet de bord. Nous approchons du but.
10. Puisque notre texte est en plastique et en relief, un reflet manque à l'appel pour compléter l'ensemble. Ajoutez un nouveau calque transparent en tout premier plan. Faites un zoom arrière et/ou agrandissez la fenêtre d'image afin de faire une sélection elliptique en partant d'un point extérieur de l'image. Le but est d'obtenir une sélection de la moitié de l'image en arc de cercle. Réglez la couleur d'avant-plan sur le blanc et remplissez la sélection d'un dégradé de blanc vers transparent, de bas en haut.
11. Procédez ensuite comme avec le calque blanc permettant l'effet de bord en ajoutant un masque de calque contenant le texte en blanc sur fond noir. Nous masquons le dégradé qui ne se trouve pas sur le texte en couleur. Jouez sur le mode de calque (ici « Ecran ») et sur l'opacité pour obtenir un résultat satisfaisant.
12. Voyez-vous quelque chose qui ne va pas ? Non ? Si notre texte est en relief, ce qui semble être le cas, comment se fait-il que le reflet qui s'y trouve n'épouse pas ce même relief et reste invariablement plat ? Voilà encore un petit détail qui fait la différence. Pour ajouter cet effet, ajoutez un nouveau calque, noir cette fois. Peu importe son emplacement, celui-ci ne nous sera utile que temporairement. Récupérez encore une fois la sélection et réduisez-la du tiers environ. Remplissez de blanc, annulez la sélection et appliquez un flou gaussien équivalent à ceux précédemment utilisés.
13. Nous venons de créer le calque qui sera utilisé pour déformer le reflet. Activez le calque en question et utilisez le menu Filtres, Carte, Déplacer. Réglez un déplacement très léger et n'oubliez pas de spécifier l'utilisation du calque de déplacement prévu pour l'opération.
14. Le reflet respecte maintenant la surface supposée du texte, et nous obtenons notre logo à effet plastique.
15. 16. En fonction d'infimes réglages concernant l'épaisseur du filet de bordure, la transparence, le taux de flou, nous pouvons obtenir des logos semblables mais subtilement différents. A vous maintenant de composer selon vos préférences.
