Transformez une photo en illustration à l'aide d'un seul filtre Photoshop

Transformez une photo en illustration avec un seul filtre Photoshop, avec PiXimperfect

25 avril 2023

Vous utilisez peut-être Adobe Photoshop depuis un certain temps, ou vous commencez tout juste à l'utiliser. Il existe de nombreuses façons d'effectuer tous les types d'édition dans le logiciel, ainsi que toutes sortes de conseils, d'astuces et de trucs pour faire les choses plus simplement et plus facilement.

Avez-vous déjà voulu prendre une photo de vous-même, d'un ami ou d'un être cher et la transformer en une illustration cool, parfaite pour un avatar de profil de média social ou une photo de tête créative? Dans ce tutoriel, Unmesh Dinda de PiXimperfect utilisera un seul outil - appelé Découpage - et ajustera principalement un seul curseur, pour transformer une photo de lui-même en une illustration de style vectoriel. Consultez la vidéo ci-dessous pour le tutoriel Adobe Photoshop, ou lisez la suite pour un résumé de la manière d'obtenir l'effet.



Situé dans la Galerie des filtres, Cutout fonctionne comme une version avancée du filtre Posterize avec trois curseurs : Nombre de niveaux, Simplicité des bords et Fidélité des bords. Ils déterminent la quantité de détails et la douceur des bords.

Étape 1 : Objets intelligents

Après avoir ouvert l'image source, la première chose que fait Dinda est de dupliquer le calque de l'image, puis d'aller dans le menu Filtre et de sélectionner « Convertir pour les filtres intelligents », transformant ainsi le nouveau calque en objet intelligent. Pour ceux qui ne sont pas familiers avec Adobe Photoshop, cette opération convertit le calque en un « fichier dans un fichier » : pour le modifier, vous l'ouvrez dans une nouvelle fenêtre, puis vous l'enregistrez et le fermez lorsque vous avez terminé, comme s'il s'agissait d'un autre projet. Cela vous permet de créer des compositions plus complexes comprenant plusieurs images plus petites, tout en les gardant toutes modifiables. Tout filtre appliqué à un objet intelligent est naturellement appliqué en tant que filtre intelligent, ce qui signifie qu'il peut également être ajusté à tout moment.

PiXimperfect Capture d'écran PixIllTut1

Étape 2 : Application du filtre Cutout

Conseil : si l'option Galerie de filtres est grisée, c'est que votre image est en 16 ou 32 bits, mais la Galerie de filtres ne peut s'appliquer qu'aux images en 8 bits. Vous pouvez convertir votre image en 8 bits en allant sur Image > Mode dans la barre de menu et en sélectionnant 8 bits.

En ouvrant Filter Gallery, vous trouverez Cutout sous le premier onglet, Artistic. Un guide de ses sliders :

  • Nombre de niveaux est l'équivalent direct le plus proche de Posterize; il découpe votre image en sections de couleurs plates.
  • Edge Simplicity est exactement ce qu'il semble être. Dinda décrit celui-ci comme « le jeu principal », ce qui en fait son principal outil de contrôle de l'illustration de sortie.
  • Le troisième curseur, Fidélité des contours, est principalement un complément à Simplicité des contours, contrôlant exactement la quantité de détails fins de l'image que le filtre tente de préserver tout en réduisant le nombre de couleurs. Cela rend les lignes de la découpe plus complexes et plus irrégulières, c'est pourquoi Dinda conseille de s'en tenir au minimum pour obtenir un aspect cartoonesque.
PiXimperfect Screentshot PixIllTut2

Étape 3 : Superposition des découpes

Dinda réalise ensuite plusieurs copies de l'image avec des filtres Cutout appliqués à différentes intensités, d'une première version très abstraite, qu'il insiste sur le fait qu'il faut garder aussi minimale que possible tout en capturant la ressemblance, à une deuxième et une troisième variantes plus détaillées.

Il crée ensuite un masque de calque sur ces dernières, les efface afin qu'aucune couche ne soit visible et, à l'aide de sa tablette Wacom Intuos Pro, il peint soigneusement sur les masques afin que les images plus détaillées n'apparaissent que sur les parties du visage qu'il souhaite voir plus définies.

Étape 4 : Peinture des corrections et des reflets

Enfin, il crée un nouveau calque Normal et utilise un pinceau rond dur de taille pression pour peindre les reflets en blanc afin de faire passer l'illustration au niveau supérieur.

PiXimperfect Screentshot PixIllTut3

Le résultat final est un composite de plusieurs versions de la même image avec différents paramètres de filtre Cutout appliqués, et une couche supplémentaire pour ajouter des reflets peints à la main - mais il est parfaitement cohérent :

PiXimperfect Screentshot PixIllTut4

Il utilise également cette technique de manière intensive dans un tutoriel connexe, Transformer des portraits en personnages GTA dans Photoshop, qui présente un processus très similaire, mais avec plus de détails et d'étapes supplémentaires. Consultez-le si vous souhaitez approfondir la question.

Conseil supplémentaire : si vous avez un peu d'expérience en matière de peinture numérique et que vous souhaitez que vos formes soient plus nettes, vous pouvez également déposer une couleur à l'aide d'un compte-gouttes, puis utiliser un pinceau rond et dur pour remplir les bords irréguliers des lignes.


CS Jones avatar

À propos de l’auteur

Cameron « C.S. » Jones est un écrivain et illustrateur basé à West-Philly qui contribue à Wacom depuis trois ans maintenant. Vous pouvez voir plus de son travail, y compris la plupart de ses contributions à ce blog, à thecsjones.com, ou le suivre sur Instagram ou Twitter.

Articles connexes :

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

Tirer le meilleur parti de votre Wacom, avec Pablo Munoz Gomez - Astuce 5 : Comment utiliser le « mode précision » ?

Tirer le meilleur parti de votre Wacom, avec Pablo Munoz Gomez - Astuce 5 : Comment utiliser le « mode précision » ?

Comparaison entre Affinity et Adobe pour la conception d'un signet, avec Vivienne Le

Comparaison entre Affinity et Adobe pour la conception d'un signet, avec Vivienne Le

Tirer le meilleur parti de votre Wacom, avec Pablo Munoz Gomez - Astuce 4 : Comment créer des menus radiaux personnalisés

Tirer le meilleur parti de votre Wacom, avec Pablo Munoz Gomez - Astuce 4 : Comment créer des menus radiaux personnalisés

La finance avec Klarma

Shop now pay later with Klarna.

Only on the US eStore.

Shop now>

Connectez-vous avec Wacom sur les médias sociaux

Today @aaronblaiseart takes us through the process of how he animated Snowbear. From story boards and rough animations to adding color and more. 🐻‍❄️ Head to Wacom's YouTube to watch the full video and get a glimpse of what it's like to animate an entire short film on your own! #animation #2danimation #aaronblaise #MadeWithWacom
123 6
Black Friday Deals are here 🖤🎁🛒⁣ Head to our Amazon store to discover our exclusive #BlackFriday deals. ⁣ Whether you're a beginner artist or a pro, we have something for you!⁣ Head to the link in our bio or our stories to save! ⁣ Also check out Wacom accounts in your region to find what Black Friday exclusives we have in your area. ⁣ #christmasgifts #holiday #deals #shopping #amazon #wacomsale
86 2
Hey 👋 Artists of Europe! We’ve got some exciting news for you! 🎉 Wacom Europe now has its very own INSTAGRAM ACCOUNT — created just for YOU! Follow @wacomeurope and get ready for: ✨ Creative tips & tricks 🎨 Get inspired by incredible artists 📅 Stay updated on local events 💡 Enjoy exclusive promotions Let’s celebrate creativity together and join the Wacom community 🚀 Follow us here 👉 @wacomeurope #CreativeCommunity #WacomArtists #WacomCommunity
171 19
When the brain won't quit playing tricks 🧠👯‍♂️🖌️ Switching to digital can be hard but not impossible, right @lplucas? What are some of the things you struggle with as you transition from analog to digital? Tell us in the comments 👇🏼 #madewithwacom #digitalartist #digitalart #artistsoninstagram #artistlife #wacomtablet #wacomtips
1633 15
Avez-vous déjà envisagé de devenir créateur de bijoux?  Dans le cadre du #MoisDuDéveloppementDeCarrière, nous sommes ravis de partager une poignée de carrières diverses parmi les utilisateurs de Wacom. ✍️ Rencontrez Quincy Vadan (@champagne_corpse), créateur de bijoux indépendant et artiste-propriétaire de Vadan Jewelry. Quincy nous fait part de l'ensemble de son processus de création d'une collection capsule de trois pièces. Son installation, y compris le Wacom #CintiqPro, lui permet de rester totalement indépendant et de prendre en charge la majeure partie de son processus créatif. Rendez-vous sur le lien dans la bio pour voir la vidéo complète! #Wacom #MadeWithWacom #WacomForEducation #Jewelry #JewelryDesigner #SilverJewelry #ConnectedInk #ConnectedInk2024
147 21
Abonnez-vous à un webinaire GRATUIT DEMAIN à 13h PST avec l'incroyable @aaronblaiseart! ❄️🐻‍❄️🤍 L'un de nos mentors préférés en matière d'animation nous explique le processus de création de personnages animaliers étonnants, comme le personnage principal de son court métrage d'animation, Snowbear.  Abonnez-vous au moyen du lien dans notre bio ☝🏼 #wacomwebinar #wacomconnectedink #digitalart #artwebinar
568 10
Vous voulez savoir comment créer des licences pour vos œuvres d'art? @zeythehuman vous explique comment configurer facilement des licences* dans Wacom Yuify, pour garantir la protection de votre travail. Qu'il s'agisse d'utiliser des modèles ou de personnaliser vos propres accords, il n'a jamais été aussi facile de gérer vos droits créatifs. Prêt à protéger votre art? 🔑 Abonnez-vous gratuitement sur Yuify.com *La licence Yuify n'est disponible que dans certaines régions et peut nécessiter des accords supplémentaires pour des cas particuliers non couverts par le créateur de licence. #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
112 1
Plongeons avec @alexferreiraa pour apprendre comment améliorer nos poses en utilisant le #WacomMovink et le flux de travail 2D pour les pousser à un niveau supérieur. Découvrez la vidéo complète en cliquant sur le lien dans notre bio ou en vous rendant sur la chaîne YouTube @animationflow.academy.  #animationflow #madewithwacom #characteranimation
311 4
Vous cherchez un cadeau qui fera plaisir à un enfant de 7 ans, à un père ou à un collègue de travail? 🎁 Offrez-leur un #WacomIntuos! Parfait pour les croquis, l'animation, les bandes dessinées, la retouche de photos et la prise de notes, c'est un cadeau qui ne s'oublie pas. Maintenant en vente sur le site Web Wacom US 🏷️ #WacomSale
188 1
Lorsque l'auteur et @verabee a eu une échéance rapide, elle était loin de chez elle et de sa configuration de travail habituelle 😱 Entrez dans Wacom Movink, un écran à stylet vraiment portable et puissant qu'elle peut utiliser n'importe où. Regardez la vidéo complète sur notre YouTube pour entendre son évaluation complète de #WacomMovink et pour voir son processus d'illustration des taches. Et ne manquez pas de surveiller Return to Sender, qui paraîtra en 2025! #movink #professionnels de la création #madewithwacom #creativesonthego #digitalart
157 0