Ce tutoriel est écrit avec Photoshop CS 5.
Nous allons décorer un mug (tasse) avec une image. Pour cet exemple j’ai choisi Star Wars, mais vous pouvez utiliser l’image de votre choix.
Vous pouvez télécharger un mug :
Télécharger : Image décorer mugTéléchargé 1180 fois – 244,57 Ko
ou chercher d’autres images de Mug sur Google Images, mug
• Star Wars, les images proviennent de ce site, Walppapers Gentside, Star Wars, mais vous pouvez utiliser l’image que vous voulez, donc un autre thème bien sûr
Ajouter l’image :
► ouvrir l’image du mug
Pour travailler correctement il faut agrandir la surface de l’image du mug,
► menu ou touches Alt + Ctrl + C, puis dans la fenêtre, entrer 1800 dans Largeur et valider la fenêtre par OK,
ou si vous utilisez une autre image, ajoutez de l’espace en largeur à votre convenance.
Pour décorer le mug avec une image,
► ouvrir l’image de votre choix, ici j’utilise un fond d’écran de Star Wars
► déplacer l’image dans celle du mug avec l’outil Déplacement, et positionner l’image environ au centre de la surface du mug, horizontalement et verticalement
Redimensionner l’image :
Pour adapter l’image à la forme du mug nous allons la déformer, à l’aide du menu
.► sélectionner le calque de l’image et diminuer l’Opacité du calque vers 40% environ, en haut du panneau Calques, de façon à voir le mug par transparence en dessous
► prendre l’outil Déplacement ou touche V
► menu ou touches Ctrl + T
► maintenir les touches Maj et Alt et en prenant le calque de l’image par un des coins, agrandir sa taille de façon à ce que sa hauteur recouvre la surface du mug, mais en dépassant un tout petit peu. Vous pouvez déplacer le calque pour le positionner.
► valider la transformation, en faisant un double-clic dans le calque, ou en cliquant sur l’icône en haut de l’écran dans le panneau de contrôle de l’outil
On aurait pu faire directement la phase suivante sans valider cette transformation, néanmoins il est préférable de faire une pause, c’est à dire d’avoir une phase intermédiaire, de façon à pouvoir revenir en arrière (par l’Historique).
Adapter l’image à la surface du mug :
Maintenant nous allons, en une seule fois, adapter la forme de l’image à la forme du mug. Donc il va falloir déformer le calque en largeur pour lui donner la courbure du mug.
► menu
Il faut déplacer les points verticaux externes de la grille du calque, de façon à recouvrir la forme du mug à 100%. Pour cela vous avez les quatre coins, ainsi que des points intermédiaires, en noirs qui sont disponibles, plus un quadrillage central à 9 zones, que vous pouvez également déplacer.
La seule consigne obligatoire c’est qu’il faudra conserver les 2 verticales intactes de façon à respecter le visuel de l’image. En fait ces lignes verticales seront au final, légèrement obliques vers l’intérieur du mug.
Déformations verticales :
Nous allons dans un premier temps, déformer la partie gauche,
► commencer par déplacer le coin en haut à gauche (carré vide) pour l’amener sur l’angle du mug, mais en dépassant un tout petit peu de quelques pixels. Vous pouvez zoomer fortement dans l’image pour être précis.
► ensuite déplacer le point intermédiaire (rond noir) pour l’amener contre le mug, mais en restant un peu à l’extérieur de celui-ci et remonter ce point vers le haut, de façon à donner une courbure à la ligne de quadrillage horizontale, une courbure similaire au bord supérieur du mug.
► déplacer maintenant le coin en bas à gauche (carré vide) et le placer également juste à l’extérieur du coin du mug, en dépassant un tout petit peu
► ramener ensuite le point intermédiaire (rond noir) vers le bord du mug et le remonter un peu, pour donner également une courbure à la ligne de quadrillage horizontale
Nous avons terminé le coté gauche, maintenant nous allons déformer le coté droit. Le principe est le même que le coté gauche.
► faire les mêmes déplacements de points avec le bord droit, donc ramener successivement les points contre le bord du mug, en commençant par le coin en haut à droite
► puis déplacer le point intermédiaire, qu’il faut remonter et aligner sur le point d’en face, celui du bord gauche. Pour cela il suffit de zoomer fortement dans l’image et de se servir du rebord de l’image pour avoir une ligne horizontale de référence. Pas besoin d’être précis au pixel près mais il faut que ce soit aligné.
► ensuite de la même façon que le coté gauche, déplacer le point d’angle en bas à droite et le ramener contre le coin du mug. Penser à chaque fois à zoomer fortement pour être précis.
► enfin ramener également le point intermédiaire, contre le bord du mug en le remontant également pour l’aligner horizontalement avec le point intermédiaire de gauche
Si les points sont bien alignés vous devez avoir une courbure harmonieuse du quadrillage au centre.
Déformations horizontales :
Nous avons terminer les déformations verticales, il reste maintenant à faire les déformations horizontales.
► prendre le point intermédiaire en haut à gauche et le tirer en oblique donc vers le bas et vers la gauche. Il faut donner à l’image la même courbure que l’ouverture du mug
► faire pareil avec le point intermédiaire de droite. Il faut aligner aussi les 2 points horizontalement.
► déplacer maintenant les deux points intermédiaires du bas de façon à donner la même courbure que le bas du mug
Corriger le quadrillage :
Maintenant, il nous reste à corriger les verticales du quadrillage du centre, de façon à ce quelles soient obliques vers l’intérieur. Pour cela placer le curseur au centre du quadrillage et déplacer avec précision le croisement de quadrillage, celui de gauche un peu vers la gauche, et celui de droite un peu vers la droite, en haut et en bas, de façon à corriger les verticales.
► valider la transformation, en faisant un double clic dans le calque, ou en appuyant deux fois sur la touche Entrée
Fin de la déformation.
Découper l’image :
Après la déformation il faut maintenant découper l’image à l’extérieur, en suivant la forme du mug.
Effacer l’extérieur de l’image :
► sélectionner le calque du mug dans le panneau Calques
► prendre l’outil Baguette magique ou touche W
► dans le panneau de contrôle de l’outil en haut de l’écran, décocher la case Pixels contigus, et entrer 5 dans le champ Tolérance, puis cliquer dans la partie blanche de l’image du mug
► sélectionner maintenant le calque de l’image, dans le panneau Calques
► menu , entrer 1 dans le champ Rayon et valider la fenêtre
► appuyer sur la touche Suppr du clavier puis désélectionner par Ctrl + D
Le choix de la valeur du Rayon dépend en fait de la résolution de l’image.
On a donc découpé l’extérieur de l’image en suivant la forme extérieure du mug.
Effacer l’image au niveau de l’anse :
Il faut effacer les parties de l’image qui dépassent au niveau de l’anse, donc en haut et en bas de l’anse du mug.
► zoomer fortement dans l’image au niveau du haut de l’anse, prendre l’outil Gomme, faire un clic droit dans l’image et choisir la première forme Arrondi flou.
► adapter le diamètre de l’outil en diminuant sa taille, ici c’est 6 pixels, et gommer l’image le long de l’anse du mug, donc la partie qui déborde sur l’anse, puis faire de même avec le bas de l’anse
Pour gommer en ligne droite, cliquer une fois au point de départ, maintenir la touche Maj et cliquer au point d’arrivée, de l’outil.
Découper l’image au niveau de l’ouverture du mug :
Pour cette découpe il faut se servir d’un calque intermédiaire. Nous allons créer un calque qui reproduit l’ouverture du mug et ce calque va nous servir à découper l’image.
► prendre l’outil Ellipse de sélection ou touche M
► en partant d’en haut à gauche à l’extérieur de l’ouverture du mug, tracer une ellipse
► ajouter un Nouveau calque vide dans le panneau Calques
► choisir une couleur de premier plan, par exemple du Rouge et remplir ce calque avec cette couleur en appuyant sur les touches Alt + Retour arrière, ou utiliser le menu
► désélectionner puis diminuer l’Opacité du calque vers 40%, de façon à voir le mug par transparence
Nous allons déformer ce calque en ellipse de façon à lui donner exactement la forme de l’ouverture du mug.
► menu ou touches Ctrl + T
► redimensionner le calque de façon à suivre précisément le rebord externe du mug, il faut zoomer fortement pour ajuster. Puis valider la transformation.
Ce qui nous intéresse surtout c’est le bas de l’ellipse, puisque l’image à découper est en dessous.
► faire un Ctrl + clic sur la vignette du calque de l’ellipse, puis sélectionner le calque de l’image
► menu ou touches Alt + Ctrl + D, entrer 1 dans le champ Rayon et valider la fenêtre
► appuyer sur la touche Suppr du clavier et désélectionner
Vous pouvez supprimer le calque de l’ellipse. La découpe de l’image en forme de mug est presque terminée.
Corriger précisément les coins du mug :
Il peut rester une petite retouche à faire au niveau des coins supérieurs du mug.
► zoomer fortement sur un coin du mug et avec une gomme Arrondi flou, effacer ce qui dépasse, éventuellement.
Si au contraire il manque de l’image, dans ce cas il faut en ajouter.
En fait on peut utiliser la méthode suivante,
► rétablir l’Opacité du calque à 100% puis avec l’outil Rectangle de sélection, copier une partie du coin de l’image mais en prenant largement
► menu ou touches Ctrl + T
► maintenir la touche Ctrl et déformer le calque copié en forme de Trapèze en déplaçant un des coins, de façon à ce qu’il recouvre correctement l’angle du mug, puis valider la transformation
► faire de même avec l’autre coin, éventuellement, puis fusionner les calques copiés avec celui de l’image entière
► diminuer l’Opacité du calque de l’image vers 75%
Ajouter un reflet de lumière :
C’est facultatif, mais pour le visuel un petit reflet de lumière est le bien venu.
► prendre l’outil Rectangle de sélection ou touche M
► tracer une forme verticale rectangulaire étroite, qui dépasse largement de la hauteur du mug
► ajouter un Nouveau calque vide, remplir ce calque avec du Blanc puis désélectionner en cliquant dans l’image
Voir la capture suivante…
► menu , Rayon 10 pixels et valider la fenêtre
► faire un Ctrl + clic sur le calque de l’image pour récupérer sa sélection
► inverser cette sélection par le menu ou touches Maj + Ctrl + I
► sélectionner le calque du reflet blanc et appuyer sur la touche Suppr du clavier, puis désélectionner en cliquant dans l’image
Si comme ici l’image est riche en couleurs et relativement sombre, on laisse le reflet à 100% d’Opacité, sinon vous pouvez diminuer l’Opacité du calque à 75% ou moins.
L’image du mug est presque terminée, il lui manque une ombre sur les cotés pour lui donner du relief.
Ajouter une ombre :
En fait, nous allons ajouter une ombre double donc sur le coté droit et le coté gauche du mug. Il faut également tenir compte de la lumière qui vient du coté droit, puisqu’on y a placé le reflet.
Pour cela nous allons utiliser un dégradé de Noir vers Transparent, qui sera réfléchi horizontalement.
► sélectionner le calque de l’image, puis faire un Ctrl + clic sur la vignette du calque afin de récupérer la sélection
► rétablir les couleurs par défaut Noir et Blanc, en appuyant sur la touche D
► ajouter un ou passer par l’icône en bas du panneau Calques
► valider la fenêtre qui apparait, puis dans la fenêtre Fond en dégradé, normalement vous avez le dégradé Noir vers Transparent qui est sélectionné en haut de la fenêtre.
Si ce n’est pas le cas, cliquer sur la vignette du dégradé et dans la fenêtre de l’Éditeur de dégradé, choisir le dégradé Premier plan vers Transparent
► configurer le dégradé comme sur la capture, Style Réfléchi, Angle 0° et cocher la case Inverser, de façon à ce que le Noir soit à l’extérieur
► sans fermer la fenêtre Fond en dégradé, cliquer sur le dégradé pour le configurer puis
dans la fenêtre Éditeur de dégradé, cliquer sur le carré Blanc en bas à droite (Étape de dégradé) et dans le champ en bas Position, entrer 50
► valider la fenêtre Éditeur de dégradé par le bouton OK mais laisser la fenêtre Fond en dégradé ouverte
► placer le curseur dans l’image et déplacer le dégradé vers la droite, de façon à orienter l’ombre. elle doit être plus sombre sur le coté gauche que sur le coté droit, là où il y a le reflet de lumière.
► valider la fenêtre Fond en dégradé par le bouton OK, puis diminuer l’Opacité du calque vers 50% pour cette image. Le choix d’Opacité dépend de l’intensité des couleurs.
Notre mug décoré est terminé !
Autre image :
Une autre version avec une image qui ne recouvre pas tout le mug et un mug en couleur.
L’image finale se trouve au début du tutoriel ▲
Ce tutoriel est la propriété du site Photoshoplus. Toute reproduction, exploitation ou diffusion du présent document est interdite.
Anniversaire