survoler l’image pour voir l’original
Ce tutoriel est écrit avec Photoshop CS 6.
Cet exercice consiste à ajouter une étiquette sur une bouteille de parfum.
Techniques utilisées : outils Texte, Trait (ou Crayon) et Rectangle de sélection, remplir une sélection et transformer un calque
Télécharger les images :
Vous pouvez télécharger limage utilisés dans ce tutoriel, un flacon de parfum.
Télécharger : Flacon de parfumTéléchargé 650 fois – 94,85 Ko
Outils utilisés :
    outils de sélections M : Les outils de sélections (Rectangle, Ellipse, Traits) permettent de définir une zone de travail et de limiter toutes transformation à cette zone. |
 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. |
Créer une étiquette pour un parfum :
Écrire les textes :
► ouvrir le fichier flacon-parfum.jpg
► prendre l’outil Texte ou touche T
L’outil Texte va nous servir à écrire le texte sur l’étiquette.
► dans la barre d’options de l’outil en haut de l’écran, choisir une police large (grasse) comme par exemple ARIAL, puis sélectionner le Style Bold et cocher l’icône de centrage de texte
► dans l’image, cliquer avec l’outil Texte et écrire le nom du parfum sur la 1ère ligne puis appuyer sur la touche Entrée pour aller à la ligne, et écrire le texte sur la 2ème ligne, pour nous ce sera : Pour elle, Paris
Sous le nom de la marque nous avons écrit PARIS, mais vous pouvez très bien écrire le nom d’une autre ville ou d’un parfumeur.
Configurer les textes :
Maintenant nous allons configurer les textes pour que ce soit harmonieux, une petite composition.
Nous allons appliquer un format différent pour la première ligne et la seconde. Au lieu d’écrire en 2 fois et configurer chaque calque de texte, on peut très bien configurer une partie d’un texte uniquement, il suffit de le sélectionner avec l’outil (le surligner).
► afficher la panneau Caractère par le menu
► avec l’outil Texte, cliquer dans la première ligne, puis appuyer sur la touche Début du clavier pour aller en début de ligne, ensuite maintenir la touche Maj et appuyer sur la touche Fin. Vous venez de sélectionner la première ligne de texte.
On peut également faire cette sélection soit avec les touches Flèche du clavier, soit en faisant plusieurs double-clics pour sélectionner toute la ligne (plusieurs mots).
► dans le panneau Caractère, modifier la Taille du texte à 40 pt puis cliquer sur la flèche à droite de l’Approche (icône avec VA) et dans le menu choisir 50 en bas
► ensuite sélectionner la deuxième ligne, appuyer sur la touche Flèche bas pour aller sur la 2ème ligne, puis sélectionner le texte par double-clic par exemple
► dans le panneau Caractère, modifier la Taille à 24 pt, entrer 1800 dans le champ Approche, de façon à aligner la largeur du texte de la 2ème ligne avec le texte de la première ligne, puis modifier l’Echelle verticale à 80 % pour diminuer le texte en hauteur
Nous avons exagéré l’approche (écartement entre les lettres) afin de donner de la légèreté et de la respiration à notre composition de texte.
Cette composition est un exemple, l’important est de créer un ensemble harmonieux.
Ajouter un espace entre les textes :
Nous allons ajouter un espace entre les 2 lignes de texte pour y placer un trait ensuite.
► avec l’outil Texte, cliquer dans la 2eme ligne puis appuyer sur la touche Début pour aller en début de ligne,
► appuyer sur la touche Entrée pour ajouter une ligne vide, au dessus
Créer l’étiquette :
► rétablir les couleurs par défaut en appuyant sur la touche D puis inverser ces couleurs en appuyant sur la touche X pour avoir le Blanc au premier plan
► dans le panneau Calques, ajouter un nouveau calque, en cliquant sur l’icône Créer un calque, en bas du panneau
► prendre l’outil Trait, parmi les outils U
Nous allons tracer un trait horizontal de même largeur que le texte.
L’outil Trait est une forme géométrique qui trace des lignes droites. C’est un outil vectoriel. Cela permet de modifier sa taille et sa couleur sans détruire la qualité du rendu.
Mais ici pas besoin de vectoriel donc nous allons configurer le Trait en Pixels et choisir sa taille.
► dans la barre d’options de l’outil en haut de l’écran, cliquer sur le menu de gauche et choisir Pixels puis à droite entrer 10 dans le champ Epaisseur
► dans l’image, avec de la couleur Blanche, maintenir la touche Maj pour aller en ligne droite, positionner l’outil au début du P de Pour elle et tirer un trait qui s’arrête à la fin du E
► utiliser la touche Flèche bas du clavier pour positionner ce trait juste au milieu des deux lignes de textes
Au lieu d’utiliser l’outil Trait on peut utiliser le Crayon ou touche B, il suffit de faire un clic droit dans l’image et de configurer la forme et la taille du Crayon. Ensuite on maintient la touche Maj et on trace un trait en ligne droite.
► dans le panneau Calques, sélectionner la ligne du calque de l’image (Arrière-plan) et ajouter une nouveau calque, donc au dessus
► prendre l’outil Rectangle de sélection, dans l’image tracer un rectangle qui dépasse du texte, puis choisir une couleur de premier plan et remplir la sélection avec cette couleur, ensuite désélectionner par Ctrl + D
► utiliser le menu
► dans la fenêtre choisir une Epaisseur, ici 4 px, choisir une couleur Blanc (comme le texte par exemple) et cocher Intérieur, puis valider la fenêtre par OK
Fusionner les calques de l’étiquette :
Nous allons fusionner tous les calques et créer un seul calque pour l’étiquette.
► dans le panneau Calques, sélectionner le calque tout en haut du panneau, maintenir la touche Maj et cliquer sur le calque tout en bas de façon à les sélectionner ensemble (pas sur l’Arrière-plan)
► utiliser le menu ou les touches Ctrl + E
Déformer l’étiquette :
Il nous faut maintenant déformer l’étiquette pour lui donner la même orientation que le flacon.
La déformation de l’étiquette est un peu délicate, car il faut suivre la perspective oblique du flacon.
► utiliser le menu ou les touches Ctrl + T
► placer le pointeur à l’intérieur du cadre de transformation et déplacer ce cadre pour le centrer sur la face avant du flacon
► puis maintenir les touches Maj + Ctrl et en prenant le cadre par un angle, agrandir l’étiquette
La touche Maj permet de conserver les proportions et la touche Ctrl permet d’agir de façon symétrique (les coins opposés ensemble).
► ensuite, sans valider la transformation, maintenir les touches Maj + Ctrl, placer le pointeur en bas à gauche et tirer l’angle vers le bas en vertical, de façon à aligner le bas de l’étiquette sur la perspective du flacon
Le flacon ayant des lignes horizontales, il est facile de les suivre visuellement.
► ensuite faire de même avec le coin en haut à gauche, maintenir Maj + Ctrl et déplacer l’angle vers le bas, pour l’aligner sur la flacon
Avec la perspective oblique les lignes haute et basse de l’étiquette ne sont pas parallèles, il faut donner un angle différent au haut et au bas de l’étiquette, pour qu’elle suivent l’angle du flacon.
► valider la transformation en appuyant sur la touche Entrée
Notre étiquette de flacon est terminée.
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 ©
