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 Muñoz Gómez — Tip 10: How to Back Up Your Custom Wacom Settings

Making the most of your Wacom with Pablo Muñoz Gómez — Tip 10: How to Back Up Your Custom Wacom Settings

Making the most of your Wacom with Pablo Muñoz Gómez, Tip 9: Other Wacom devices and features

Making the most of your Wacom with Pablo Muñoz Gómez, Tip 9: Other Wacom devices and features

Making the most of your Wacom with Pablo Muñoz Gómez, Tip 8: Essential Wacom Tools for Teaching

Making the most of your Wacom with Pablo Muñoz Gómez, Tip 8: Essential Wacom Tools for Teaching

How to draw a stylized illustration in Adobe Illustrator, with Kirk Wallace aka Bone Haus

How to draw a stylized illustration in Adobe Illustrator, with Kirk Wallace aka Bone Haus

Connectez-vous avec Wacom sur les médias sociaux

What are your favorite Intuos Pro features? For @adam_theillustrator it's pan scroll, the three finger zoom shortcut, and the toggle display for dual monitors option ✍️✨ #intuospro #wacomtips #wacomtablet #digitalartist #digitalart #adobeillustrator
488 19
This week's giveaway is closed now. ✌️✌️✌️ Congratulations @naviecomet, you're the lucky winner. Thanks to everyone who participated. Stay tuned for this week's giveaway coming up soon! 🎉✨ December of Giveaways is HERE! ✨🎉 The holiday magic is upon us and we're ecstatic to bring you weekly giveaways throughout the month of December! 🎁 Come back every Friday for your chance to unwrap something amazing! ✨ This week, we're giving away a Wacom Movink! 🎨 Here's how to enter: 🎅 Follow @wacom and @wacomedu ❤️ Like this post 🌟 Tag a friend + your favorite creator! This week's giveaway ends 12/27 at 9 am PST. Winner will be tagged in this post and ONLY contacted through official Wacom accounts. Please be extra cautious if contacted via DM – make sure the sender is @wacom or @wacomedu before sharing any personal info. 📩 We’ll only ask for your shipping details if you win! Good luck 🍀 #Wacom #WacomForEducation #WacomGiveaway
630 420
Have you ever tried masking out a person using a mouse? 🫢 @ruthiesmagicalcamera did and it really sucked. 🤷🏻‍♀️ Ruthie likes to have full control over every single detail on her photo composites, and editing with a Wacom pen allows her to get really deep in the details, with razor sharp precision, as if she were painting over her photos 💃✍️📸🌾 Check her out trying out the new #WacomMovink! PS. The Wacom Movink is now on sale! #photoediting #photoretouch #madewithwacom #creativeprofessionals #creativesonthego #digitalphotography
421 9
Jake aka @killerrabbitmedia prefers working on a Wacom Intuos because it's easy to carry and super durable. He also loves pixel art and Asperite because it blends artistry with technical skill. There's a long tutorial video on our YouTube explaining how Jake achieved this look. Go check it out! #madewithwacom #wqcomintuos #intuos #wacomtablet #pixelart #artistsoninstagram
434 6
Enjoy this stylized illustration created by @bonehaus inspired by his recent trip to Amsterdam. ⁣ ⁣ He goes full circle, collecting inspiration and reference, sketching in #AdobePhotoshop, illustrating in #AdobeIllustrator, and then right back to #photoshop for finalizing color and texture 🔄✌️⁣ ⁣ Once in Illustrator, Kirk outlines and traces the major shapes of his sketch, then removes the lines and focuses instead on shapes and shadows. ⁣ ⁣ "I start building in more shadows and more details to help separate any of the shapes that are struggling without that outline. I like my art without a ton of outline, so I prefer the challenge of using some shadows and highlights and stuff to separate them.”⁣ - @bonehaus⁣ Head to the #WacomBlog to read the full interview! ⁣ #MadeWithWacom #WacomCintiqPro #DigitalIllustration #adobeillustrator #Photoshop
371 1
El óleo perfecto para tus ideas es tan delgado como un espejo. 🪞🌾 Descubre la magia de Wacom Movink, nuestro primer lienzo digital OLED. Video creado por la maravillosa @martinab.illustrations 🌹 #WacomMovink #creativeprofessionals #creativesonthego #tabletadigital #artedigital
503 5
📝 Managing license requests and agreements is an essential part of protecting your work as a professional artist. And in this tutorial we show you how to do it easily. Wacom Yuify allows you to easily view, approve, or reject requests, ensuring your creative rights are secured. Streamlining the process means more control over your art and less hassle. 🔒 Ready to simplify your license management? Register for free at yuify.com *Yuify Licensing is only available in selected regions and may require additional agreements for specific cases not covered by the License Builder. #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
85 2
This week's giveaway is closed now. ✌️✌️✌️ Congratulations @dumartrigali, you're the lucky winner. Thanks to everyone who participated. Stay tuned for this week's giveaway coming up soon! 🎉✨ December of Giveaways is HERE! ✨🎉 The holiday magic is upon us and we're ecstatic to bring you weekly giveaways throughout the month of December! 🎁 Come back every Friday for your chance to unwrap something amazing! ✨ This week, we're giving away a Wacom Cintiq 16! 🎨 Here's how to enter: 🎅 Follow @wacom and @wacomedu ❤️ Like this post 🌟 Tag a friend + your favorite creator! This week's giveaway ends 12/20 at 9 am PST. Winner will be tagged in this post and ONLY contacted through official Wacom accounts. Please be extra cautious if contacted via DM – make sure the sender is @wacom or @wacomedu before sharing any personal info. 📩 We’ll only ask for your shipping details if you win! Good luck 🍀 #Wacom #WacomForEducation #WacomGiveaway
933 585
Therapeutic break! Let's draw some Winnie stickers with @konistudio on a #WacomOne 13. 🧣❄️🌲 #Wacomworkspace #madewithwacom #artistsoninstagram #artistlife
716 14
How to draw fire without burning yourself 🧯🔥 @lplucas thank you for this important service. Stay cozy and stay safe out there friends ✌️ #madewithwacom #drawingtips #digitalartist #digitalart #wacomtips
152179 108
How do you keep inspired during ordinary days? @buttersketch shares a glimpse into her creative process, full of graphic novels, picture books, music, journaling and art materials. "“I really love bribing myself with new materials,” she confesses with a smile. “I think it helps my brain bypass the anxiety of starting, because now I’m focused on just playing.” - @buttersketch✌️ #Wacomworkspace #WacomMovink #creativeprofessional #artistlife #artistsoninstagram #creativeinspiration
238 2
As an artist, protecting your work can feel impossible. Watermarks distort your art, and even then, they can be removed. Many have felt the frustration of seeing creations copied without credit - and that’s why Wacom Yuify exists ✨ —it adds an invisible mark to your work, keeping it safe and traceable without compromising its beauty. 🔒 Ready to protect your art? Visit Yuify.com for more info. Now available for @escapemotions #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
154 2