Ce tutoriel est écrit avec Photoshop CS 6.
Cet exercice consiste à créer texte en volume incrusté dans une rue.
Techniques utilisées : écrire du texte, panneau Caractère, pixeliser un calque de texte, transformation manuelle, filtre flou et opacité du calque
Télécharger l’image :
Vous pouvez télécharger l’image utilisée dans ce tutoriel.
Télécharger : Image avenueTéléchargé 1572 fois – 96,24 Ko
Outils utilisés :
 Texte T : L’outil Texte est un outil d’écriture, on peut l’utiliser soit directement en écrivant avec l’outil, soit en faisant un copier/coller de texte. On peut également créer un Paragraphe, c’est à dire un cadre contenant du texte. On peut choisir ou modifier la police utilisée, sur l’ensemble ou une partie seulement du texte. On peut déplacer un texte, le déformer, l’étirer ou l’orienter. |
 Déplacement V : Les images, les calques et les textes se déplacent à l’aide de l’outil Déplacement. Maintenir la touche Maj permet d’aller en ligne droite. Maintenir la touche Alt et déplacer le calque, permet de le dupliquer. |
Incruster un faux texte 3D :
Écrire le texte :
► ouvrir le fichier avenue.jpg
► prendre l’outil Texte ou touche T
L’outil Texte permet d’écrire et de donner à son texte la typographie (police) de son choix, la taille, l’inclinaison (italique, oblique…), la graisse (épaisseur de la lettre), la couleur et de modifier à loisir les caractères écrits.
► dans l’image cliquer avec l’outil Texte, un curseur clignotant apparaît
► écrire le mot AUTOBUS
► afficher le panneau Caractère, qui contient les réglages pour l’outil Texte, par le menu
Dans ce panneau vous pouvez configurer tous les paramètres.
► modifier la police en cliquant sur la petite flèche à droite de la police et dans le menu déroulant qui apparaît choisir IMPACT (ou une autre police grasse comme par exemple COOPER). Il faut se déplacer dans la liste à l’aide de l’ascenseur de droite.
► 1 cliquer sur la couleur et dans le Sélecteur de couleur,
► 2 prendre du Blanc, en déplaçant l’icône du petit cercle vide, en haut à gauche des couleurs
► modifier la taille (Corps) du texte, en entrant directement 180 dans le champ puis valider avec la touche Entrée
Pixeliser le texte :
Notre texte est écrit, maintenant nous allons le déformer, mais impossible d’effectuer cette déformation manuelle si le texte n’est pas pixelisé au préalable.
► dans le panneau Calques, faire un clic droit sur le calque de texte et choisir Pixeliser le texte
Notre mot AUTOBUS est maintenant pixelisé, il n’est plus possible de modifier le texte par le panneau Caractère, la fonction texte est devenu un objet.
Déformer le texte :
Notre texte est écrit, maintenant nous allons le déformer manuellement.
La fonction de déformation (Transformation) permet de biseauter, de faire tourner, d’agrandir, d’élargir n’importe quel objet sur un calque.
Nous allons donner un effet de perspective à notre texte, pour qu’il suive la perspective dans l’image de l’avenue.
► passer l’affichage de l’espace de travail en Plein écran avec menus, en cliquant sur l’icône tout en bas du panneau des outils ou en appuyant sur la touche F
► choisir le menu ou les touches Ctrl + T
Un cadre composé de 8 poignées apparaît autour du mot, nous allons devoir utiliser les touches Ctrl et Maj pour déformer notre texte.
Dans un premier temps,
► placer le pointeur sur la poignée en bas à gauche puis maintenir les touches Maj et Ctrl et tirer cette poignée vers le bas au delà de l’image, de façon à déformer le texte en hauteur
La touche Maj permet de se déplacer en ligne droite et la touche Ctrl permet de déformer à partir d’un seul coin à la fois.
Dans un second temps, donc sans valider la transformation,
► placer le pointeur sur le coté droit et en maintenant la touche Ctrl, déplacer la poignée du centre vers l’intérieur de l’image, donc vers la gauche, de façon à déformer le texte en largeur
► valider la transformation en faisant un double-clic dans le cadre de transformation ou appuyer sur la touche Entrée
► prendre l’outil Déplacement ou touche V
► déplacer le texte vers la gauche, comme sur la capture et le positionner juste à gauche de la ligne de pointillées dans l’image.
Vous pouvez également déplacer le calque avec les Flèches du clavier.
Ajouter une ombre :
Notre texte AUTOBUS est maintenant déformé, nous allons récupérer la forme de notre objet (sa sélection) pour projeter une ombre derrière lui.
► dans le panneau Calques, maintenir la touche Ctrl et cliquer sur la vignette du calque
Le calque du texte est sélectionné.
► dans le panneau Calques, sélectionner le calque de l’image (Arrière-plan) puis ajouter un nouveau calque en cliquant sur l’icône Créer un calque, en bas du panneau
C’est sur ce calque que nous allons créer l’ombre du texte.
► rétablir les couleurs par défaut Noir et Blanc en appuyant sur la touche D, le Noir est au premier plan
► le calque vide précédemment ajouté étant sélectionné dans le panneau Calques, appuyer sur les touches Alt + Retour arrière pour remplir la sélection de Noir
► désélectionner par le menu ou les touches Ctrl + D
Déformer l’ombre :
Cette phase est la plus délicate, il faut déformer l’ombre pour quelle soit réaliste et la placer derrière le texte, donc créer une ombre projetée.
► choisir le menu ou les touches Ctrl + T
► déformer l’ombre comme sur la capture, en maintenant la touche Ctrl et en déplaçant les poignées au centre des cotés, puis celles d’angles
Il faut procéder en deux temps, d’abord déplacer les centres des cotés du cadre de transformation, puis déplacer les poignées de coins, pour donner cette forme en trapèze. Vous pouvez ensuite déplacer le cadre en plaçant le pointeur à l’intérieur, de façon à bien positionner l’ombre derrière le texte, elle ne doit pas dépasser sur le devant du texte.
► une fois l’ombre en place, valider le cadre de transformation,en appuyant sur la touche Entrée
Adoucir l’ombre :
Maintenant que notre ombre est bien positionnée, nous allons ajouter du flou et baisser l’opacité du calque.
► utiliser le menu
► dans la fenêtre entrer un Rayon de 6 pixels, puis valider la fenêtre par OK
► en haut du panneau Calques, dimnuer l’Opacité du calque vers 55 %
Notre faux texte 3D incrusté dans une image, est terminé.
Ce tutoriel a été réécrit avec l’autorisation de son auteur.
Ce tutoriel est la propriété du site Photoshoplus. Toute reproduction, exploitation ou diffusion du présent document est interdite.
Photoshoplus ©
