Peindre un rouleau de gazon

 

Peindre un rouleau de gazon

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é 25 fois – 4 MB

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

Rouleau de peinture détouré

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 Edition / Transformation manuelle 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

Redimensionner et faire pivoter

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

Texture herbe

déplacer/glisser la texture dans le document contenant le rouleau, en dessous du calque du rouleau

Positionner le 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 Edition / Transformation / Symétrie axe horizontal

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%

Créer un tracé

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 Calque / Nouveau / Calque par copier 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

Définir une sélection

Dans le panneau des Calques,
sélectionner le calque dupliqué de l’herbe
choisir le menu Calque / Masque de fusion / Tout faire apparaître
ou cliquer directement sur l’icône en bas du panneau des Calques Ajouter un masque de fusion

Ajouter un masque de fusion

masquer le calque originale de l’herbe en cliquant sur l’icône Oeil en début de ligne

Masquer le calque de l'herbe

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)

Ajouter les Formes héritées

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

Ouvrir le groupe Formes par défaut

dans cette fenêtre, descendre l’ascenseur et sélectionner la forme Herbe, la 2ème avec 3 brins d’herbe

Sélectionner la Forme Herbe 3 brins

Modifier la forme Herbe 3 brins :

Maintenant que nous avons notre Forme Herbe, nous allons modifier un peu ses paramètres.

afficher le panneau Fenêtre / Paramètres de forme

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

Modifier la forme de Pinceau

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

Peindre de l'herbe sur le contour

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

Modifier l'angle de la forme

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

Peindre le bas de la zone d'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

Dupliquer puis déplacer le calque de l'herbe

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

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

Sélectionner uniquement 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 sur le rouleau

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.

Forme Herbe 3 brins par défaut

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

Créer une forme prédéfinie

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

Peindre les contours du rouleau

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

Faire apparaître l'herbe

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

Calque en mode Produit

Pour ajouter une ombre,
choisir le menu Calque / Style de calque / Ombre portée…

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

Ajouter de l'ombre au rouleau

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 coté du rouleau

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

Faire apparaître le manche du rouleau

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

Ajouter une Ombre interne

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

Modifier l'Ombre portée

Rouleau avec les ombres

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.

Image finale avec un fond gris

Image finale avec fond image

Il faut remettre du gazon ! 🙂

 

Ce tutoriel a été créé par HélèneM. Photoshoplus en a créé une nouvelle version, avec son autorisation.
Toute reproduction, exploitation ou diffusion du présent document est interdite.