Crea un'illustrazione subacquea in stile vettoriale in Photoshop

Photoshop non è la prima applicazione a cui pensiamo quando qualcuno menziona illustrazioni in stile vettoriale. Questo perché abbiamo Illustrator per produrre facilmente grafica vettoriale. Mentre Photoshop non è stato originariamente progettato per creare questi tipi di illustrazioni, ha la capacità di produrre illustrazioni che possono soddisfare o superare quella di Illustrator. In questo tutorial dimostreremo come creare un divertente, sott'acqua, illustrazione vettoriale con Photoshop. Iniziamo!


Prima di iniziare

Sarà di grande aiuto se utilizzi una tavoletta grafica per questo tutorial. Inizia con un file enorme (3.000 x 2.000 px, ad esempio). Alla fine ridimensioni l'immagine. Lavorare con file di grandi dimensioni ti permetterà di essere più preciso. Inoltre, ricorda, se stai progettando per la stampa, assicurati di utilizzare 300 ppi e un profilo colore CMYK.


Lo schizzo

Il primo passo sarà quello di produrre uno schizzo. Sfortunatamente, ho dimenticato di salvare il mio schizzo originale così da essere qui da solo. Il mio schizzo è stato fatto direttamente in Photoshop ma sei libero di disegnarlo su carta e scannerizzarlo.


Tracing Your Line Art

Questa guida costituirà la base delle tecniche che userete in questo tutorial. Usando lo strumento Penna, traccia la forma sottostante.

Fare clic con il tasto destro sul percorso e quindi fare clic su Riempi percorso.

Ora applica la stessa tecnica alla tua grafica.


Step 1 - Colori

Ora che le linee delle nostre opere sono state riempite, ora è il momento di aggiungere colore. Utilizzando lo strumento penna, traccia i percorsi che creeranno luci e ombre. Una volta che ciascun percorso è stato chiuso, riempire ciascun percorso su un nuovo livello.

Aggiungi ombre e luci.

Aggiungere dettagli.

Applica le stesse tecniche agli altri elementi nella tua illustrazione.

Puoi utilizzare diverse opacità dal 50-60% per aggiungere una varietà di colori diversi.

La tua illustrazione dovrebbe ora assomigliare all'immagine qui sotto.


Passaggio 2 - Sfondo

Ora, dobbiamo lavorare sullo sfondo. Inizieremo con la sabbia. Crea un percorso con lo strumento penna e riempilo su un livello.

Ora applica un filtro rumore andando su Filtro> Disturbo> Aggiungi disturbo.

La tua prima duna di sabbia dovrebbe assomigliare a questo.

Usa la stessa tecnica per aggiungere altre dune di sabbia. Aggiungili su un altro livello e usa un colore più scuro per dargli un po 'di profondità.

Per aggiungere un po 'più di profondità, imposta l'opacità sull'ultimo livello al 60-70% e quindi aggiungi una sfocatura gaussiana.

Infine, crea un livello di ombra usando lo strumento Penna. Utilizzare un colore scuro con un'opacità del 50-60%. Puoi anche aggiungere una sfocatura.

Disegna alcuni squali e sfuocalo per dargli un po 'di profondità.

Ora applica una sfocatura di movimento. Filtro> Sfocatura> Sfocatura movimento. Imposta la sfocatura ad angolo per dare questa impressione di movimento.

Il tuo squalo ora dovrebbe assomigliare al seguente. Per fare una copia, duplicare, riflettere orizzontalmente e ridimensionare, se necessario.

Usa la stessa tecnica per produrre la barriera corallina. Basta disegnare un percorso semplice e aggiungere un Gaussian Blur. È possibile aggiungere alcuni punti salienti aggiungendo alcuni punti luce con una sfocatura.

L'immagine dovrebbe ora essere simile all'immagine qui sotto.

Seleziona il tuo livello di sfondo bianco e applica una sfumatura per colorare l'acqua.

Usa un gradiente radiale.

Disegna la sfumatura come mostrato di seguito.

Mostra gli altri livelli nella tua illustrazione e dovrebbe ora apparire simile all'immagine qui sotto.


Passaggio 3: la rete

Ora iniziamo a lavorare sulla rete. Disegna le tue linee come mostrato di seguito.

Riempi con un colore di base.

Aggiungi ombre e luci.

Continua a disegnare il lato posteriore della rete. Riempi con un colore di base.

Aggiungi ombre e luci.

Continua ad aggiungere più disegni al tratto.

Riempi con il colore di base e aggiungi ombre e luci.

Aggiungi uno stile di livello a quel livello e seleziona Sovrapposizione modello. Ho creato una piccola scacchiera e l'ho applicata allo strato netto.

Riempi l'apertura come mostrato di seguito.

Ho aggiunto un tag alla rete. Ecco un primo piano.

Aggiungi delle bolle. Sono semplici da fare. Uno strato per linee, uno strato per luci e punti. Imposta le opacità di evidenziazione dei livelli su 60-70%.

Quasi fatto!


Step 4 - Luci

Ora faremo alcuni aggiustamenti.

Aggiungi alcuni piccoli punti con pennello rigido 1px, 2px, 3px e 4 px, con un solo clic. Ogni tipo di punti sullo stesso livello e imposta la modalità di fusione del livello su "schiarisci".

Duplica il livello e vai su Filtro> Sfocatura> Controllo sfocatura, impostando 1px. Imposta la modalità di fusione del livello su "scherma lineare".

Crea un nuovo livello e con un pennello grande e molto morbido crea forme sui punti luce.

Imposta l'opacità al 45%, riempi il 15% e la modalità di fusione su "scherma lineare".

Ora vogliamo migliorare la qualità dell'immagine.

Quindi crea un nuovo livello, lasciandolo vuoto. Vai all'immagine> applica l'immagine e imposta questi valori: (se stai lavorando su CMYK, il canale sarà CMYK, quindi non preoccuparti).

Dopodiché, selezionando il livello che abbiamo appena creato, vai su filtro> sharpen> sharpen. Quindi imposta il riempimento del livello sul 40%. Guarda, la nostra qualità è migliorata!


Immagine finale