Comment Faire un Effet Dessin avec Photoshop en 5 Min ? Tuto Facile

Formatrice

Mis à jour le

effet dessin avec photoshop sur une photo de femme

Pour ce cours, tu as besoin de :

Adobe Photoshop CC 2024

Véritable incontournable, la création d’un effet dessin sur Photoshop à partir d’une image est une opération assez simple à réaliser qui ne demande pas de compétences particulières en graphisme. Bien qu’il soit possible d’utiliser une action (automatisation), un filtre ou un script dessin, on va voir ici, comment faire cet effet sur une photo étape par étape. Je vais te montrer, grâce à 3 techniques différentes, comment transformer une photo en effet crayon (crayon à papier et crayons de couleurs) grâce à Photoshop, et également comment rendre une image en cartoon. Ce tuto est adapté aux débutants sur Photoshop.

Technique 1 : Effet dessin au crayon à papier sur Photoshop (trait)

Avec cette première technique, on va transformer une photo en sorte de croquis avec Photoshop.

photo de panier de pommes
  1. Ouvre l’image que tu souhaites transformer en croquis dans Photoshop et duplique-la grâce au raccourci Cmd/Ctrl + J.
  2. Désature l’image grâce au raccourci Cmd/Ctrl + Shift/Maj + U puis rends-toi dans le menu Image > Réglages > Niveaux.
  3. Saisis ces réglages :
    • Tons foncés : 0
    • Tons moyens : 1
    • Tons clairs : 200
  4. Duplique ce calque (Cmd/Ctrl + J) et clique sur Cmd/Ctrl + I pour le rendre négatif. Change son mode de fusion en “Densité Couleur  –”.
  5. Accède à “Minimum” depuis le menu Filtre > Divers et règle le rayon sur 2 px et Conserver : Perpendicularité.
  6. Sélectionne tes deux calques supérieurs puis fusionne-les (raccourci : clavier Cmd/Ctrl + E). Règle le mode de fusion sur Produit. Notre effet dessin au trait commence à apparaître.
  7. Duplique à nouveau ton calque d’arrière-plan et place-le tout en haut de ta pile de calque.
  8. Accède au menu Filtre > Esthétiques et sélectionne Tracé des contours. Désature ce calque grâce au raccourci Cmd/Ctrl + Shift/Maj + U et diminue son opacité à 40%.
  9. Enfin ajoute un calque de niveau avec ces réglages pour les curseurs : 
    • Tons foncés : 0 ;
    • Tons moyens : 1,35 ;
    • Tons clairs : 255.
  10. Pour rendre ce dessin au crayon plus réaliste, on va ajouter une texture papier.
  11. Crée un nouveau calque que tu remplis de blanc (Cmd/Ctrl + Touche retour arrière) puis accède au menu Filtre > Galerie de filtres > Texture > Placage de texture > Grès.
  12. Laisse les réglages tels quels et change le mode de fusion du calque en “Produit” et enfin diminue son opacité à 80%.
réglage des niveaux Photoshop
Réglage des niveaux dans Photoshop
réglages du filtre minimum Photoshop
Réglage du filtre minimum
Calque de niveaux Photoshop
Réglage des niveaux
Placage de texture Photoshop
Ajouter d’un filtre “Placage de texture”

N’hésite pas à modifier légèrement certains réglages et faire des essais pour trouver LE réglage le plus adapté à ton image.

résultat effet dessin Photoshop
Résultat de l’effet dessin au trait avec Photoshop

Nous venons de voir la première technique pour transformer une photo en dessin minimaliste, passons à la seconde. 

Technique 2 : Effet dessin aux crayons de couleur avec Photoshop

  1. Commence par ouvrir la photo dans Photoshop puis duplique ton image grâce au raccourci Cmd/Ctrl + J. Accède au menu Image > Réglages > Négatif (Cmd/Ctrl + I), puis clique droit sur ton calque et clique sur “Convertir en objet dynamique”.
  2. Dans le menu Filtre, sélectionne Flou gaussien et règle le rayon à environ 30 pixels.
  3. Grâce à la conversion du calque en objet dynamique, le filtre pourra être ajusté si nécessaire.
  4. Change le mode de fusion de ce calque en “Densité couleur –” et l’opacité à 75%.
  5. Clique sur l’icône en forme de cercle noir et blanc en bas du panneau calque pour ajouter un calque de réglage, ici “Niveaux“. Fais légèrement glisser le curseur des tons foncés (valeur : 11) et moyens vers la droite (valeur : 0,92).
  6. Utilise le raccourci Cmd/Ctrl + A pour tout sélectionner puis fais une copie avec fusion de tous les calques visibles Cmd/Ctrl + Maj + C et colle cette copie en haut de la pile de calques (Cmd/Ctrl + V).
  7. Depuis le menu Filtre > Galerie de Filtres, accède à Esthétiques > Contours lumineux et règle les paramètre ainsi : 
    • Épaisseur : 1
    • Luminosité : 20
    • Lissage : 15
  8. Pour faire apparaître notre effet dessin, rends le calque négatif grâce au raccourci Ctrl/Cmd + I puis modifie son mode de fusion en Produit et réduis son opacité à 50%.
  9. On peut terminer en ajoutant une texture papier comme précédemment.
Négatif Photoshop
Effet négatif sur la photo originale
Flou gaussien Photoshop
Application d’un flou gaussien
Calque de niveaux Photoshop
Réglage des niveaux dans Photoshop
Contour lumineux Photoshop
Application de l’effet lumineux
Effet dessin Photoshop
Résultat de la 2ème technique avec effet dessin couleur

Technique 3 : Effet cartoon avec Photoshop

Pour la dernière technique, on va créer un effet cartoon (comics) sur notre image d’origine avec Adobe Photoshop CC.

photo de voiture Coccinelle

Dans l’idéal on travaille sur une image d’environ 1000 px de largeur, sinon les effets appliqués risquent de ne pas donner de bons résultats.

  1. Ouvre ton image dans Photoshop, déverrouille-la en double cliquant dessus et convertis-la en objet dynamique.
  2. Duplique ton calque (raccourci Ctrl/Cmd + J) puis renomme le calque supérieur “Contours” et celui du dessous “Couleurs”.
  3. Sélectionne le calque “Contours” et via le menu Image > Réglages, accède à “Noir et blanc”, laisse les réglages tels quels et clique sur Ok.
  4. Ensuite, direction le menu Filtre > Galerie de filtres > Artistiques > Contour postérisé, et saisis les réglages suivants : 
    • Épaisseur : 4
    • Intensité : 5
    • Postérisation : 6
  5. Pour avoir davantage de détails dans notre image, on va réduire un peu le seuil : Menu Image > Réglages > Seuil. Ici, une valeur de 30 suffit.
  6. Pour créer l’effet de colorisation cartoon, on ajoute un nouveau filtre : Menu Filtre > Esthétiques > Peinture à l’huile. Avec les réglages suivants : 
    • Stylisation : 6,3
    • Netteté : 7,6
    • Échelle : 9,0
    • Grosseur : 7,3
  7. On va accentuer un peu nos contours, en dupliquant le calque “Contours” grâce au raccourci Ctrl/Cmd + J. Puis clique droit et “Pixelliser le calque”. On va ainsi repartir de zéro et pouvoir ajouter de nouveaux effets à notre calque.
  8. Renomme tout d’abord ce calque en “Contours +”. Puis clique droit > Convertir en Objet dynamique.
  9. On ajoute un nouveau filtre, via le menu bien nommé Filtre > Divers > Passe haut, et on règle le rayon sur 180.
  10. Modifie le mode de fusion de ce calque en “Incrustation”, modifie également le mode de fusion du calque “Contours” en “Produit”, pour faire apparaître les couleurs.
  11. Sélectionne le calque “Couleur” et ajoute lui un filtre Découpage (Menu Filtre > Galerie de filtres > Artistiques) avec ces valeurs : 
    • Niveau : 7
    • Simplicité : 4
    • Fidélité : 2
  12. Puis un dernier filtre, Filtre > Esthétiques > Peinture à l’huile avec les réglages suivants : 
    • Stylisation : 4
    • Netteté : 3,8
    • Échelle : 0,8
    • Grosseur : 0,9
  13. Pour corriger un peu les couleurs, ajoute un calque de réglages : “Teinte/saturation”. Règle la saturation à +70 pour le réglage global et la saturation à -63 pour les jaunes.
  14. Enfin ajoute un autre calque de réglages  “Luminosité/contraste” avec une luminosité à 21.
Noir et blanc Photoshop
Passage de l’image en noir et blanc avec Photoshop
Contour postérisé Photoshop
Application du filtre Contour postérisé
Réglage du seuil Photoshop
Réglage du seuil
Peinture à l'huile Photoshop
Application de l’effet Peinture à l’huile
Filtre passe haut Photoshop
Application du filtre Passe-haut de Photoshop
Découpage Photoshop
Filtre Découpage sur Photoshop
Peinture à l'huile Photoshop
De nouveau l’effet Peinture à l’huile
Teinte et saturation Photoshop
Réglages de la teinte et saturation
Luminosité et contraste Photoshop
Réglages de la luminosité et du contraste du calque

Et voilà notre petite coccinelle avec son effet cartoon :

Effet dessin Photoshop
Résultat de l’effet cartoon

En travaillant un peu plus les couleurs, on pourrait même obtenir un joli effet pop art.

Réaliser des tutoriels est un très bon entraînement et reste le meilleur moyen de se familiariser avec un logiciel afin de découvrir ses fonctionnalités de manière concrète. Pour aller plus loin dans l’effet dessin, tu peux consulter nos techniques pour un obtenir un effet aquarelle avec Photoshop.

action photoshop dessin
Annonce Envato

Tu as trouvé ce guide utile ?

Partage ou enregistre ce cours :

Avis et commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *