Quelles préparations peut-on faire sur une photo pour la rendre un peu plus facile à illustrer ensuite?


8

Je travaille sur un programme qui nécessitera beaucoup d'images vectorielles de style plat. Je suis très à l'aise avec Photoshop mais je ne suis pas à la hauteur du département artistique. Je me suis entraîné et je suis satisfait de bon nombre de mes résultats, mais les conceptions me prennent des jours. Le problème que je continue de rencontrer est de "voir" les reflets et les ombres sur les objets tout en continuant à voir la grande image en même temps.

Je cherche un moyen d'obtenir l'image aussi proche que possible du résultat final souhaité dans Photoshop avant de travailler sur la vectorisation de la conception entière afin que je puisse avoir une référence pour les ombres, les reflets et les changements de couleur. J'ai essayé d'utiliser le filtre Cutout pour y parvenir, mais cela ajoute généralement à la difficulté lors de la vectorisation.

Comment puis-je modifier une image dans Photoshop afin de pouvoir rapidement en créer un vecteur?

Par exemple, voici une image que j'ai utilisée pour la pratique et le résultat vectoriel final.

entrez la description de l'image ici entrez la description de l'image ici


Salut Daniel, j'aimerais que le tutoriel que j'ai utilisé pour apprendre que ça existe toujours ... si seulement il y a 15 ans, haha, je fais ça depuis trop longtemps. Quoi qu'il en soit, effectuez-vous actuellement un travail de préparation dans Photoshop avant de le suivre dans Illustrator? De bons résultats cependant!
Ryan

1
@DanielStorm bien une autre question alors --- y a-t-il une raison pour laquelle vous ne faites pas le vecteur final dans Illustrator? Quand j'aurai quelques minutes, j'essaierai de faire un tutoriel sur la façon dont je pourrais le faire - pas que je sois un illustrateur.
Ryan

2
@JohnManly pourquoi ne pas rendre l'image floue dans un calque et en effacer un autre?
joojaa

1
Plus l'image est complexe, plus elle est difficile à vectoriser. Il y a un site que j'ai utilisé dans le passé qui donne de très bons résultats automatisés, si vous voulez vous y intéresser. vectormagic.com/home .
DLev

1
Illustrator me semble être un outil beaucoup plus approprié pour créer tout ce qui traite des vecteurs. Son outil Trace vous permet de vectoriser n'importe quoi très rapidement sans avoir à "apprendre" tout Illustrator
MicroMachine

Réponses:


3

D'accord, je vais lui faire un tourbillon rapide. J'utilise https://unsplash.com/photos/VGpp0LcHZT4 comme image

entrez la description de l'image ici

Je vais commencer par dupliquer ce calque plusieurs fois, donc j'en ai quelques copies, puis je vais utiliser le filtre médian. Le filtre médian est un excellent outil pour trouver la couleur moyenne d'une région en lui donnant presque une qualité de peinture. Cette première passe, je regarde uniquement l'image globale:

entrez la description de l'image ici

Maintenant, je vais utiliser l'un de ces doublons pratiques en regardant l'œil et d'autres zones de détail.

entrez la description de l'image ici

Maintenez la touche Alt, cliquez sur le masque, peignez dans les détails. J'ai fait l'oeil et un peu le bec:

entrez la description de l'image ici

Bon maintenant je vais tamponner le calque Ctrl+ Alt+ Shift+ Equi me donnera une nouvelle copie de tout en un seul calque. Ensuite, je posteriserai cette couche:

entrez la description de l'image ici

Aller à Dupliquer ce calque Posterize. En bas (calque Poster d'origine), je changerai le mode de fusion en Lumière douce. Sur ce nouveau, je vais faire Filter> Find Edges:

entrez la description de l'image ici

Ensuite, je vais utiliser Hue / Saturation pour désaturer les lignes, puis changer leur mode en Darken et ajuster l'opacité selon vos besoins:

entrez la description de l'image ici

Ensuite, comme dernière étape de la préparation, vous pouvez ajouter un calque entre les lignes et l'image avec un ton uni (une nuance de gris) et alléger son opacité pour vous aider à voir le travail des lignes:

entrez la description de l'image ici

Je voudrais ensuite apporter ceci dans Illustrator pour dessiner ces segments. Commencez par les plus grandes formes en premier. Gardez le PSD ouvert dans Photoshop pour pouvoir référencer les différents calques au fur et à mesure. Et puisque vous mentionnez avoir du mal à voir les lumières et les ténèbres, vous pouvez toujours créer des masques de luminosité ou créer une palette dans l'espace colorimétrique HSL ou LAB si cela vous aide.

J'espère que cela vous aidera. L'autre chose qui vous permettra d'illustrer plus rapidement est de pratiquer et de vous assurer que vous utilisez bien l'outil Plume.


1

Threshold est votre ami pour transformer des photos complexes et très détaillées en versions simplifiées en noir et blanc dans Photoshop. Passer de la version seuil vous donnera souvent de meilleurs contours solides à travailler dans l'illustration vectorielle. Ce n'est qu'une technique, mais c'est une que j'utilisais avant qu'Illustrator ne présente Live Trace, et que j'utilise encore aujourd'hui pour simplifier les photos de référence avant d'illustrer.


0

Il est probablement préférable d'utiliser Illustrator pour obtenir une image vectorielle à partir d'un non vectoriel.

Illustrator a une belle fonction de suivi automatique. Bien qu'il ne soit pas parfait à 100%, il peut faire le travail dans certaines images avec le bon ensemble d'informations dans l'image.

Ouvrez simplement l'image dans Illustrator et cliquez sur le bouton de suivi automatique dans la barre d'outils.

Si cela ne fonctionne pas avec la bonne quantité, vous risquez de ne pas avoir de chance et vous devrez tout faire à la main


-1

Ce sera une réponse très courte.

Recherchez "Cartoon Photoshop" https://www.google.com/search?q=cartoon+photoshop

Il existe de nombreux didacticiels et processus.

Les bases sont probablement une sorte de postérisation (réduction des couleurs), la détection des bords, la saturation.


Hey Rafael, il me semble que c'est plus qu'un commentaire qu'une réponse, car il n'offre pas la solution en soi, mais seulement des indications sur la façon de les trouver ailleurs. Ça vous dérange si je le convertis en commentaire?
Vincent
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.