Quali preparativi si possono fare per una foto per renderla un po 'più semplice da illustrare?


8

Sto lavorando a un programma che richiederà molte immagini vettoriali in stile piatto. Mi sento molto a mio agio con Photoshop ma non riesco nel dipartimento artistico. Mi sono esercitato e sono contento di molti dei miei risultati, ma i progetti mi richiedono giorni per essere completato. Il problema che continuo a incontrare è "vedere" le luci e le ombre sugli oggetti e allo stesso tempo vedere il quadro generale.

Sto cercando un modo per avvicinare l'immagine il più possibile al risultato finale desiderato in Photoshop prima di lavorare sulla vettorizzazione dell'intero disegno in modo da poter avere un riferimento per le ombre, le luci e le variazioni di colore. Ho provato a usare il filtro Ritaglio per raggiungere questo obiettivo, ma di solito si aggiunge alla lotta durante il vettore.

Come posso modificare un'immagine in Photoshop in modo da poter creare rapidamente un vettore da essa?

Ad esempio, ecco un'immagine che ho usato per la pratica e il risultato finale vettoriale.

inserisci qui la descrizione dell'immagine inserisci qui la descrizione dell'immagine


Ciao Daniel, vorrei che il tutorial che avevo usato per imparare esistesse ancora ... se solo non fosse 15 anni fa ahah, lo sto facendo da troppo tempo. Ad ogni modo, stai attualmente facendo un lavoro di preparazione in Photoshop prima di rintracciarlo in Illustrator? Bei risultati però!
Ryan

1
@DanielStorm va bene un'altra domanda allora --- c'è un motivo per cui non stai facendo il vettore finale in Illustrator? Quando avrò qualche minuto proverò a fare un tutorial su come potrei farlo, non che io sia un illustratore.
Ryan

2
@JohnManly perché non sfocare l'immagine in un livello e aprirne un altro?
joojaa,

1
Più complessa è l'immagine, più è difficile vettorializzare. C'è un sito che ho usato in passato che produce risultati automatizzati piuttosto buoni, se vuoi esaminarlo. vectormagic.com/home .
DLev,

1
Illustrator mi sembra uno strumento molto più appropriato per creare tutto ciò che riguarda i vettori. Il suo strumento Trace ti consente di vettorializzare qualsiasi cosa molto rapidamente senza dover "imparare" tutto Illustrator
MicroMachine

Risposte:


3

Va bene, lo faccio girare rapidamente. Sto usando https://unsplash.com/photos/VGpp0LcHZT4 come immagine

inserisci qui la descrizione dell'immagine

Inizierò duplicando quel livello alcune volte, quindi ne ho alcune copie e poi userò il filtro mediano. Il filtro mediano è un ottimo strumento per trovare il colore medio di una regione che gli conferisce quasi una vernice simile alla qualità. Questo primo passaggio sto guardando solo l'immagine complessiva:

inserisci qui la descrizione dell'immagine

Ora userò uno di quei pratici duplicati che guardano l'occhio e altre aree di dettaglio.

inserisci qui la descrizione dell'immagine

Tenere premuto Alt, fare clic su maschera, dipingere nei dettagli. Ho fatto l'occhio e un po 'di becco:

inserisci qui la descrizione dell'immagine

Bene ora vado a Stamp Layer Ctrl+ Alt+ Shift+ Eche mi darà una nuova copia di tutto come un unico livello. Quindi posterizzerò quel livello:

inserisci qui la descrizione dell'immagine

Andando a duplicare questo livello di posterizzazione. Sul fondo (livello Poster originale) cambierò la modalità di fusione su Luce soffusa. Su questo nuovo ho intenzione di fare Filtro> Trova bordi:

inserisci qui la descrizione dell'immagine

Quindi userò Tonalità / Saturazione per desaturare le linee, quindi cambierò la loro modalità in Scurisci e regolerò l'opacità in base alle tue esigenze:

inserisci qui la descrizione dell'immagine

Quindi come passaggio finale nella preparazione puoi aggiungere un livello tra le linee e l'immagine con un tono solido (qualche sfumatura di grigio) e schiarire la sua opacità per aiutarti a vedere il lavoro della linea:

inserisci qui la descrizione dell'immagine

Vorrei quindi portare questo in Illustrator per disegnare questi segmenti. Inizia prima con le forme più grandi. Tieni PSD aperto in Photoshop in modo da poter fare riferimento ai diversi livelli mentre procedi. E dal momento che menzioni la difficoltà di vedere luci e ombre, puoi sempre creare maschere di luminosità o creare una tavolozza nello spazio colore HSL o LAB se ti aiuta.

Spero che questo ti aiuti. L'altra cosa che ti farà illustrare più velocemente è molta pratica e assicurarti di utilizzare bene lo strumento Penna.


1

Threshold è il tuo amico per trasformare foto complesse e molto dettagliate in versioni semplificate in bianco e nero in Photoshop. Passare dalla versione soglia ti darà spesso contorni solidi migliori su cui lavorare nell'illustrazione vettoriale. Questa è solo una tecnica, ma è quella che ho usato prima che Illustrator introducesse Live Trace, e che uso ancora oggi per semplificare le foto di riferimento prima di illustrarle.


0

Probabilmente è meglio usare Illustrator per ottenere un'immagine vettoriale da un non vettore.

Illustrator ha una bella funzione di traccia automatica. Sebbene non sia perfetto al 100%, può svolgere il lavoro in alcune immagini con il giusto set di informazioni nell'immagine.

Basta aprire l'immagine in Illustrator e fare clic sul pulsante di traccia automatica nella barra degli strumenti.

Se ciò non funziona con la quailty giusta, allora potresti essere sfortunato e dovrai fare tutto da solo


-1

Questa sarà una risposta molto breve.

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

Ci sono molti tutorial e processi.

Le basi probabilmente sono una sorta di posterizzazione (riduzione del colore), rilevamento dei bordi, saturazione.


Ehi Rafael, mi sembra che questo sia più di un commento che di una risposta, perché non offre la soluzione in sé, solo indicazioni su come trovarli altrove. Ti dispiace se lo converto in un commento?
Vincent,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.