Certains liens sur ce site nous permettent de gagner une rémunération et de faire vivre le blog. Pour vous, pas de surcoût et même des réductions alors merci pour votre aide !
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.
Ouvre l’image que tu souhaites transformer en croquis dans Photoshop et duplique-la grâce au raccourci Cmd/Ctrl + J.
Désature l’image grâce au raccourci Cmd/Ctrl + Shift/Maj + U puis rends-toi dans le menu Image > Réglages > Niveaux.
Saisis ces réglages :
Tons foncés : 0
Tons moyens : 1
Tons clairs : 200
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 –”.
Accède à “Minimum” depuis le menu Filtre > Divers et règle le rayon sur 2 px et Conserver : Perpendicularité.
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.
Duplique à nouveau ton calque d’arrière-plan et place-le tout en haut de ta pile de calque.
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%.
Enfin ajoute un calque de niveau avec ces réglages pour les curseurs :
Tons foncés : 0 ;
Tons moyens : 1,35 ;
Tons clairs : 255.
Pour rendre ce dessin au crayon plus réaliste, on va ajouter une texture papier.
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.
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 dans PhotoshopRéglage du filtre minimumRéglage des niveauxAjouter 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 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
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”.
Dans le menu Filtre, sélectionne Flou gaussien et règle le rayon à environ 30 pixels.
Grâce à la conversion du calque en objet dynamique, le filtre pourra être ajusté si nécessaire.
Change le mode de fusion de ce calque en “Densité couleur –” et l’opacité à 75%.
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).
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).
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
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%.
On peut terminer en ajoutant une texture papier comme précédemment.
Effet négatif sur la photo originaleApplication d’un flou gaussienRéglage des niveaux dans PhotoshopApplication de l’effet lumineuxRésultat de la 2ème technique avec effet dessin couleur
Pour la dernière technique, on va créer un effet cartoon (comics) sur notre image d’origine avec Adobe Photoshop CC.
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.
Ouvre ton image dans Photoshop, déverrouille-la en double cliquant dessus et convertis-la en objet dynamique.
Duplique ton calque (raccourci Ctrl/Cmd + J) puis renomme le calque supérieur “Contours” et celui du dessous “Couleurs”.
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.
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
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.
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
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.
Renomme tout d’abord ce calque en “Contours +”. Puis clique droit > Convertir en Objet dynamique.
On ajoute un nouveau filtre, via le menu bien nommé Filtre > Divers > Passe haut, et on règle le rayon sur 180.
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.
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
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
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.
Enfin ajoute un autre calque de réglages “Luminosité/contraste” avec une luminosité à 21.
Passage de l’image en noir et blanc avec PhotoshopApplication du filtre Contour postériséRéglage du seuilApplication de l’effet Peinture à l’huileApplication du filtre Passe-haut de PhotoshopFiltre Découpage sur PhotoshopDe nouveau l’effet Peinture à l’huileRéglages de la teinte et saturationRéglages de la luminosité et du contraste du calque
Et voilà notre petite coccinelle avec son effet cartoon :
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.
Ce site utilise des cookies afin que nous puissions vous fournir la meilleure expérience utilisateur possible. Les informations sur les cookies sont stockées dans votre navigateur et remplissent des fonctions telles que vous reconnaître lorsque vous revenez sur notre site Web et aider notre équipe à comprendre les sections du site que vous trouvez les plus intéressantes et utiles.
Cookies strictement nécessaires
Cette option doit être activée à tout moment afin que nous puissions enregistrer vos préférences pour les réglages de cookie.
Si vous désactivez ce cookie, nous ne pourrons pas enregistrer vos préférences. Cela signifie que chaque fois que vous visitez ce site, vous devrez activer ou désactiver à nouveau les cookies.
Cookies tiers
Ce site utilise Google Analytics pour collecter des informations anonymes telles que le nombre de visiteurs du site et les pages les plus populaires.
Garder ce cookie activé nous aide à améliorer notre site Web.
Veuillez activer d’abord les cookies strictement nécessaires pour que nous puissions enregistrer vos préférences !
Laisser un commentaire