Créer une étiquette pour un parfum

 

Créer une étiquette pour un parfum
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é 160 fois – 95 KB

 

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

Configurer l'outil 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

Écrire les textes

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 Fenêtre / Caractère

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

Configurer le texte

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

Configurer le texte

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

Ajouter un espace

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

Outil Trait

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

Configurer l'outil Trait

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

Tracer un trait

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

Créer l'étiquette

utiliser le menu Edition / Contour…

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

Ajouter un contour

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)

Sélectionner plusieurs calques ensemble

utiliser le menu Calque / Fusionner les calques 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 Edition / Transformation manuelle 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

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

Déformer l'étiquette

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

Déformer l'étiquette

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.

L’image finale se trouve au début du tutoriel ▲

 

Ce tutoriel a été créé par ---/// F®K Design ///---. Photoshoplus en a créé une nouvelle version, avec son autorisation.
Toute reproduction, exploitation ou diffusion du présent document est interdite.

Articles similaires :