Ce tutoriel, écrit initialement par HélèneM avec CS6, a été ré-écrit avec Photoshop CC.
Télécharger les images source :
Pour réaliser cet effet de rouleau de gazon, vous avez besoin de l’image d’un rouleau de peinture et d’une texture de gazon. Voici les images qui ont servit à réaliser ce tutoriel :
Télécharger les images : Rouleau de peinture + Texture de gazon
Télécharger : Images pour Peindre un rouleau de gazonTéléchargé 550 fois – 4,03 Mo
Ajouter le rouleau et le modifier :
► créer un nouveau document aux dimensions de votre choix
Pour ce tutoriel le document est en 1920×1080 pixels, 72ppp, fond blanc et RVB.
► ouvrir l’image du rouleau de peinture
► déplacer/glisser l’image de ce rouleau dans votre document (image)
En fonction des dimensions de votre document, il faut :
- soit agrandir la zone de travail si vous voulez conserver l’image du rouleau dans sa taille d’origine
- soit redimensionner (réduire) l’image du rouleau de façon à avoir de la place à coté pour tracer ensuite la zone du gazon
Pour cet exemple, je choisi de réduire le rouleau. Je vais configurer la réduction de l’image et en profiter pour la faire pivoter un peu.
► passer l’affichage en mode Plein écran avec la touche F
► sélectionner le calque du rouleau
► choisir le menu ou les touches Ctrl+T
► dans le panneau Options en haut de l’interface, cocher la case Maintenir les proportions
► dans le champ L (Largeur), entrer 60%
► dans le champ Rotation, entrer 9°
► valider la transformation par un double-clic dans le cadre ou en appuyant sur la touche Entrée
Vous pouvez ajuster la largeur à votre convenance, en cliquant dans le champ L et en modifiiant la valeur soit avec les touches Flèche Haut ou Flèche Bas soit avec la molette de la souris. Vous pouvez choisir un autre angle que 9°, cela dépend de l’image du rouleau que vous utilisez.
► déplacer l’image du rouleau dans le coin en haut à droite de l’image, mais en laissant une marge avec le bord
Ajouter l’herbe :
Il faut travailler avec de l’herbe pas trop haute de façon à ce que l’ensemble soit crédible. Il ne faut pas utiliser d’herbes folles, c’est à dire de l’herbe qui part dans tous les sens, mais plutôt une herbe si possible soignée donc un gazon.
► ouvrir l’image de la texture Herbe
► déplacer/glisser la texture dans le document contenant le rouleau, en dessous du calque du rouleau
Globalement l’herbe semble orientée vers la gauche, nous allons plutôt l’orienter vers le rouleau.
► sélectionner le calque de l’herbe
► choisir le menu
Bien sûr, vous pouvez aussi orienter le rouleau au lieu de l’herbe.
Comme ici la texture herbe semble cohérente avec la perspective du rouleau, nous n’avons pas besoin de donner une perspective à l’herbe, mais dans d’autres cas il faudrait modifier la texture de l’herbe pour quelle ait la même perspective que le rouleau. Vous pouvez le faire si nécessaire avec Ctrl+T en déformant la texture en perspective d’avant en arrière, donc plus proche devant et plus éloignée vers le fond.
Tracer la zone de gazon :
Nous allons tracer une zone, avec l’outil Plume, en forme de chemin qui part du rouleau et qui rejoint le bord de l’image. Ensuite ce tracé servira à créer une sélection.
► prendre l’outil Plume ou touche P
► créer le tracé de la zone de peinture, celle qui contiendra la zone de gazon
Pour utiliser l’outil Plume vous avez plusieurs tutoriels sur le site, mais la procédure est simple.
Pour voir le tracé, qui est de couleur bleue par défaut, il faut diminuer l’opacité de l’image de l’herbe,
► sélectionner le calque de l’herbe
► en haut du panneau des Calques, diminuer son Opacité vers 20%
► prendre l’outil Plume ou touche P
► cliquer un point de départ, donc sous le coté haut du rouleau
► cliquer un 2ème point sur la trajectoire haute, mais maintenir le bouton gauche de la souris et tirer l’outil pour créer une courbe, puis lâcher le bouton de la souris
► cliquer un 3ème point contre le bord de l’image (à l’extérieur)
► cliquer un 4ème point en dehors de l’image, en bas à gauche
► cliquer un 5ème point en dehors de l’image, en bas
► cliquer un 6ème point sur la trajectoire qui va vers le rouleau, mais maintenir le bouton gauche et tirer l’outil pour former une courbe, puis lâcher le bouton de la souris
► cliquer sur le 7ème point sous le coté bas du rouleau
► cliquer sur le point de départ pour fermer le tracé
Vous obtenez un tracé. Ce tracé est modifiable (ses points de contrôle) avec l’outil Sélection directe ou touche A (le 2ème outil avec une icône blanche), vous pouvez cliquer sur un des points de contôle du tracé et le modifier. On peut déplacer un point avec précision et/ou si ce point forme une courbe on peut modifier la courbe.
Si vous ne voulez pas utiliser l’outil Plume, vous pouvez créer la sélection avec l’outil Lasso ou l’outil Lasso polygonal par exemple
Ajouter un masque de fusion :
Les tracés se gère avec le panneau Tracés.
Si vous avez diminué l’opacité du calque herbe comme indiqué précédemment,
► en haut du panneau des Calques, remettre l’Opacité de l’herbe à 100%, soit en entrant 100 dans le champ puis en appuyant sur la touche Entrée, soit en appuyant directement sur la touche 0 du pavé numérique
► dupliquer le calque de l’herbe par le menu ou les touches Ctrl+J
► afficher le panneau Fenêtre / Tracés
► faire un clic droit sur le tracé et choisir Définir une sélection…
► laisser 0 dans la fenêtre qui apparaît et cliquer sur OK
► ou maintenir la touche Ctrl et cliquer du bouton gauche sur la vignette du tracé, dans le panneau Tracés
Dans le panneau des Calques,
► sélectionner le calque dupliqué de l’herbe
► choisir le menu
► ou cliquer directement sur l’icône en bas du panneau des Calques Ajouter un masque de fusion
► masquer le calque originale de l’herbe en cliquant sur l’icône Oeil en début de ligne
Charger une forme de Pinceau Herbe :
Il faut peindre de l’herbe qui dépasse de la zone que nous venons de tracer. Pour peindre de l’herbe nous avons besoin d’une Forme de Pinceau Herbe, il y en a justement une dans les anciennes formes par défaut incluses dans Photoshop.
► prendre l’outil Pinceau ou touche B
► faire un clic droit dans l’image
► dans la fenêtre, cliquer sur l’icône du menu du panneau en haut à droite
► dans la liste, sélectionner tout en bas Formes hérités (et valider le message qui s’affiche par OK)
Pour ouvrir le groupe contenant la forme Herbe,
► cliquer sur la flèche en début du groupe Formes héritées pour afficher son contenu
► puis cliquer sur la flèche du sous-groupe Formes par défaut pour afficher son contenu
► dans cette fenêtre, descendre l’ascenseur et sélectionner la forme Herbe, la 2ème avec 3 brins d’herbe
Modifier la forme Herbe 3 brins :
Maintenant que nous avons notre Forme Herbe, nous allons modifier un peu ses paramètres.
► afficher le panneau
Le nom de ce panneau a changé depuis Photoshop CC.
Dans ce panneau,
► cliquer à gauche sur la ligne Dynamique de la forme et augmenter un peu la valeur Variation de l’angle à 12%
► à gauche, décocher la case Dynamique de la couleur
La variation de l’angle permet d’augmenter l’angle de la forme, ce paramètre est à modifier en fonction de la forme de l’herbe, celle de la texture. Si vous avez un gazon rigoureux avec de l’herbe presque droite, soit vous laissez par défaut à 10% soit vous réduisez cette valeur, si au contraire votre gazon est avec des herbes moins régulières il faut augmenter cette valeur donc au-delà de 10%.
Le but de cette modification est d’imiter la forme de l’herbe en ajustant la forme du Pinceau. En fonction de votre gazon, vous pouvez également ajuster la valeur de Dynamique de forme / Diamètre minimal (par défaut à 3%). Cette valeur permet d’augmenter l’espace entre 2 brins d’herbe. Il faut faire des essais…
Peindre de l’herbe :
Dans le panneau Calques,
► cliquer sur la vignette du masque, celle de droite
► inverser les couleurs en cliquant sur la touche X de façon à avoir du Blanc au premier plan
Avec le Pinceau,
► peindre sur le masque avec du Blanc, de façon à faire appaître la bordure de herbe le long de la courbe
Il faut peindre soigneusement en suivant la courbe de façon à faire disparaitre complètement cette ligne pour la remplacer par de l’herbe.
Il faut ajuster la Taille du Pinceau (par clic droit Epaisseur) de façon à l’adapter à la hauteur de l’herbe. Ici ma forme fait 140 px.
Maintenant, pour peindre le bord du bas de la zone de l’herbe, comme elle est inversée, j’ai besoin de réorienter ma Forme de Pinceau.
Dans le panneau Paramètres de forme,
► cliquer en haut à gauche sur Forme de la pointe
► modifier l’Angle à environ -120°, de façon à changer l’orientation de l’herbe
La valeur de l’angle est à ajuster en fonction de l’image, ici le bas du gazon est oblique donc environ à 120°. Vous pouvez vous servir du cercle de rotation pour trouver le bon angle, et regarder la forme qui bouge en bas du panneau.
► peindre à nouveau sur le Masque de fusion, le long de la courbe du bas pour ajouter de l’herbe
► faire un Ctrl + clic sur la vignette du masque pour récupérer la sélection
► sélectionner la vignette du calque, celle de gauche
► faire Copier puis Coller
Vous obtenez l’herbe seule sur un calque.
Peindre le rouleau :
Pour peindre de l’herbe sur et autour du rouleau, la méthode est la même que précédemment. On remplit le rouleau d’herbe et ensuite on peint sur son contour.
Dans le panneau des Calques,
► masquer tous les autres calques sauf celui du rouleau et celui de l’herbe originale
► sélectionner le calque de l’herbe originale, celui tout en bas du panneau des Calques
► dupliquer ce calque par Ctrl+J
► avec la souris, déplacer ce calque juste en dessous du calque du rouleau
► puis masquer le calque de l’herbe originale, celui tout en bas
Nous allons maintenant ajouter de l’herbe sur le rouleau.
Pour sélectionner uniquement les poils du rouleau sans le manche, nous allons faire une soustraction de sa sélection,
► sélectionner le calque du rouleau
► faire un Ctrl + clic sur la vignette du calque pour récupérer sa sélection
► prendre l’outil Lasso ou touche L
► dans le panneau Option de l’outil, en haut de l’interface, cocher la 3ème icône Soustraire de la sélection
Vous pouvez également soustraire de la sélection en maintenant provisoirement la touche Alt
Avec le Lasso,
► tracer le contour du manche et de la tige du rouleau, de façon à les soustraire de la sélection de la partie contenant les poils, donc pour ne conserver que les poils du rouleau
Pour remplir les poils du rouleau avec l’herbe,
► conserver la sélection du contour des poils puis
► sélectionner le calque de l’herbe originale dupliqué
► ajouter un masque de fusion (en cliquant sur l’icône en bas du panneau)
► masquer tous les autres calques, en cliquant sur l’icône Oeil en début de ligne de chaque calque
Ajouter de l’herbe autour du rouleau :
Comme nous avons peint de l’herbe autour de la zone de gazon, nous allons peindre autour du rouleau.
► prendre l’outil Pinceau et la Forme Herbe 3 brins
Comme vous avez modifié la forme précédemment pour peindre le bas de la zone du gazon, il faut rétablir la forme Herbe 3 brins par défaut pour peindre le haut.
Avec l’outil Pinceau (et la forme Herbe 3 brins),
► faire un clic droit dans l’image
► cliquer sur une autre forme au hasard
► cliquer à nouveau sur la forme Herbe 3 brins
Cela sélectionne la forme initiale, donc cela remet tous les paramètres par défaut dans le panneau Paramètres de forme.
Si on avait cliqué uniquement dans les formes qui apparaissent dans le panneau Paramètres de forme, la forme Herbe 3 brins ne reviendrait pas par défaut, car ce panneau conserve les (derniers) paramètres modifiés.
Maintenant il faut reconfigurer notre forme pour peindre sur le rouleau.
Dans le panneau Paramètres de forme,
► décocher à nouveau Dynamique de la couleur
► cliquer et sélectionner la ligne Dynamique de forme
► entrer Variation de l’angle 12%
Si vous aviez choisi précédemment d’autres paramètres en fonction de votre image, il faut les appliquer également. Vous pourriez également créer une nouvelle forme de Pinceau si vous avez beaucoup de paramètres personnalisés, cette procédure est facultative.
Créer une forme prédéfinie :
Pour créer une nouvelle forme prédéfinie de Pinceau,
► après avoir configuré vos paramètres, cliquer sur l’icône du panneau en haut à droite
► choisir la commande Nouvelle forme prédéfinie…
Dans la fenêtre,
► donner un Nom à votre forme, par exemple : Herbe 3 brins modifiée
► cocher les 2 cases, mais pas celle de la couleur puisque nous ne l’utilisons pas ici
► cliquer sur OK
Peindre les contours du rouleau :
Maintenant que vous avez re-configuré la forme Herbe 3 brins, nous allons peindre sur le contour du rouleau.
Sur la ligne du calque,
► sélectionner le masque du calque, donc la vignette de droite
► avec le Pinceau et la forme Herbe 3 brins, peindre en suivant le contour
En fonction de l’orientation des cotés du rouleau, il faut ajuster l’angle dans le panneau Paramètre de forme.
Pour changer l’angle de la forme,
► dans le panneau Paramètres de forme, cliquer sur Forme de la pointe
► modifier l’Angle
► peindre tout autour du controur du rouleau pour ajouter de l’herbe
Il existe une autre solution pour peindre tout autour du rouleau. Au lieu de faire tourner l’outil on peut faire tourner le Plan de travail, pour cela il suffit de prendre l’outil Rotation de l’affichage ou touche R
On fait tourner le Plan de travail avec cet outil et on n’a pas besoin de modifier l’angle de la Forme.
Une fois que vous avez peint le rouleau et son contour,
► faire apparaître le calque précédent donc celui du gazon
Ajouter une ombre pour simuler le rouleau d’herbe :
Pour simuler le volume du rouleau dans l’herbe nous allons ajouter une ombre.
► sélectionner le calque du rouleau original
► faire un Ctrl + clic sur sa vignette pour récupérer sa sélection
► avec l’outil Lasso en position soustraction, entourer le manche de façon à ne conserver que la sélection des poils
► ajouter un nouveau calque vide au dessus du calque du rouleau
► remplir la sélection de Blanc
► puis dé-sélectionner avec la touche D
► passer ce calque en Mode de fusion Produit, en haut du panneau des Calques
► masquer le calque original du rouleau
Pour ajouter une ombre,
► choisir le menu
Dans la fenêtre,
► ajuster les paramètres de l’ombre, Mode Produit, Couleur Noire, Opacité 50%, Angle 40°, Distance 60px, Grossi 0, Taille 50px
Ces paramètres sont à adapter en fonction de votre image.
Ajouter le coté du rouleau :
Nous allons maintenant ajouter le coté du rouleau, le cercle qui indique que c’est un rouleau.
► sélectionner le calque du rouleau original
► avec l’outil Lasso, tracer le contour du coté du rouleau
► faire copier/coller et déplacer ce calque tout en haut du panneau des Calques
► puis masquer le calque du rouleau original
Ajouter le manche du rouleau :
Pour ajouter le manche du rouleau c’est très simple
► faire apparaître le calque du rouleau original
► déplacer ce calque en dessous du calque du rouleau avec de l’herbe
Ajouter une ombre interne sur le rouleau :
Pour améliorer notre visuel nous allons ajouter une ombre interne sur le rouleau d’herbe.
► sélectionner le calque du contour blanc du rouleau avec l’herbe, celui auquel nous avons ajouter une Ombre portée
► faire un double-clic sur la ligne coté droit du calque au niveau de l’icône fx
► dans la fenêtre Style de calque, cliquer/cocher le ligne à gauche Ombre interne
Dans les paramètres,
► décocher la case Utiliser l’éclairage global, sinon vous allez perdre l’angle appliqué à l’Ombre portée
► choisir les valeurs Mode Produit, Couleur Noire, Opacité 30%, Angle 120°, Distance 10px, Maigri 0, Taille 10px
Maintenant il faut augmenter l’intensité de l’Ombre portée, de façon à ce que les 2 ombres soit différentes.
► sélectionner la ligne Ombre portée
► décocher la case Utiliser l’éclairage global
► modifier l’Opacité à 60% de façon à la rendre plus sombre que l’ombre interne
► ré-appliquer les autres paramètres Mode Produit, Couleur Noire, Angle 40°, Distance 60px, Grossi 0, Taille 50px
Finaliser l’image :
Pour finaliser l’image il faut ajouter un fond, soit ajouter une couleur unie par exemple une couleur grise, soit ajouter une image.
Il faut remettre du gazon ! 🙂
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 ©