Una guida per principianti per disegnare un abito di base su un personaggio in Photoshop

Disegnare i vestiti può essere molto divertente e c'è così tanto spazio per il design che puoi davvero lasciare che la tua immaginazione prenda il sopravvento. Questo tutorial tratterà le teorie di base relative al disegno dell'abbigliamento e fornirà una passeggiata per un outfit semplice, oltre a mostrare un paio di altre idee di design da prendere in considerazione. Utilizzeremo strumenti vettoriali disponibili in Adobe Photoshop, quindi iniziamo!

Tutorial Asset

Il seguente asset è stato utilizzato durante la produzione di questo tutorial.

  • Base Anime: sentitevi liberi di usare questa base se desiderate seguire.

1. Considera il tipo di tessuto

Quando crei abiti per il tuo personaggio, ci sono un paio di punti principali da considerare. In primo luogo, e soprattutto, i vestiti sono (generalmente parlando) realizzati in tessuto, che viene fornito in molti pesi e trame diversi. Questi diversi tessuti cadranno in modo diverso sulle curve. Ad esempio, pensate al denim robusto e spessa di cui sono fatti i jeans rispetto a un cotone leggero e leggero da cui si ricava una gonna estiva. Naturalmente, se si dovesse realizzare lo stesso indumento da questi due diversi tessuti, il modo in cui sarebbero appesi quando indossati sarebbe molto diverso l'uno dall'altro. Dovresti anche considerare il modo in cui i capi sono fatti per adattarsi. Ad esempio, i tessuti più pesanti come il denim sono solitamente realizzati con una fascia in vita piatta, mentre i tessuti più leggeri possono essere facilmente realizzati con un elastico in vita, creando ulteriori pieghe nel materiale.

2. Considera lo scopo dell'abbigliamento e la preparazione del file

Il prossimo punto è considerare lo scopo del vestito che stai progettando. Ad esempio: il tuo personaggio è una principessa o un artista marziale, uno studente o una spia sotto copertura? Il punto principale dell'abbigliamento è l'aspetto o l'utilità o una combinazione di entrambi? Con questo in mente, lavoreremo su un abito di tutti i giorni in questo tutorial.

Ho fornito una base semplice che puoi scaricare per disegnare i tuoi vestiti in modo da poter seguire questo tutorial e per la pratica generale. La prima cosa che devi fare è aprire quel file e creare un nuovo livello (CTRL + MAIUSC + N) sopra il gruppo "base" esistente e il livello "bianco". Chiama questo nuovo livello "sketch1".

3. Inizia con un semplice schizzo

Su questo livello, puoi iniziare a delineare un'idea molto approssimativa di quali vestiti ti piacerebbe disegnare sul tuo personaggio. Questa passerella presenta un semplice top, gonna, stivali e accessori, ma troverai idee per altri capi più in basso. Inizia con il disegno di forme molto semplici, aggiungeremo i dettagli in seguito.

4. Aggiungi dettagli minori come linee di cucitura

Disegna nei dettagli una volta che sei soddisfatto delle tue forme di base: l'aggiunta di linee di cucitura può aiutarti a capire la direzione del tessuto e anche a capire cosa rende un capo di abbigliamento realistico e realistico.

5. Aggiungi interesse al tuo design usando i pattern

Modelli e disegni possono aiutare i tuoi abiti di base a sembrare più interessanti.

6. Aggiungi dettagli agli stivali schizzando lacci e cerniere

Quando aggiungi dettagli agli stivali, pensa a come funzionano i lacci e ai diversi modi in cui possono essere infilati. Ho optato per un metodo cross-over tradizionale, legato in alto. Considerando il design realistico, ho anche aggiunto una linea verso il basso per rappresentare una zip.

7. Nascondi la base per vedere come sta il tuo schizzo

Occasionalmente nascondi il tuo livello di base per vedere come sta andando il tuo schizzo.

8. Aggiungi accessori per creare ulteriori punti di interesse

Qui ho aggiunto alcuni accessori come i polsini e un anello, e ho disegnato un motivo a cuore sugli stivali per un po 'di interesse aggiunto. Ho anche nascosto i colori di base per vedere come lo schizzo appare solo rispetto a un disegno al tratto.

9. Iniziare a creare lo schizzo raffinato

Quando sei soddisfatto dei tuoi schizzi di base, dovrai creare un nuovo livello sopra (CTRL + MAIUSC + N) e chiamare questo nuovo livello "schizzo2". Quindi, abbassa l'opacità della tua base e i livelli iniziali dello schizzo in modo da poter iniziare ad aggiungere il secondo schizzo più ordinato. Il processo per questo è descritto nel mio precedente tutorial, Creazione di un personaggio Anime vettoriale in Adobe Photoshop - Parte 1: Sketch e Line Art.

10. Nascondi lo schizzo iniziale

Una volta terminato il secondo schizzo, puoi nascondere il tuo primo livello di schizzo, lasciandoti qualcosa di simile all'esempio seguente.

11. Iniziare a creare la tua grafica vettoriale

Ora sei pronto per iniziare la grafica vettoriale, come spiegato nel mio precedente tutorial, collegato al punto 9. Ricordati di aggiungere buchi negli stivali per i lacci, ma non aggiungere la linea grafica per i lacci stessi, noi lavorare su quelli nelle fasi di colorazione. Per iniziare la grafica al tratto, creare una nuova cartella di gruppo e denominarla "linee".

12. Finisci la tua linea d'arte

Una volta terminata la grafica, è possibile nascondere il livello "sketch2". Ora dovresti avere qualcosa che assomigli all'esempio qui sotto.

13. Aggiungi colore al tuo abbigliamento

Crea una nuova cartella di gruppo sotto il tuo gruppo "linee" e sopra il livello nascosto "sketch2". Assegna un nome alla nuova cartella di gruppo "color". Seguendo il processo delineato nella prima parte del mio precedente tutorial, Creazione di un personaggio Anime vettoriale in Adobe Photoshop - Parte 2: Colorare, aggiungi i tuoi colori di base per gli abiti. Non utilizzare mai il nero (# 000000) o il bianco (#FFFFFF) per i colori di base dell'abbigliamento, a meno che non si stia facendo un'immagine monotona in bianco e nero. Utilizzare invece i bianchi bianchi e quelli poco saturati.

14. Aggiungi i lacci agli stivali

Una volta che sei soddisfatto dei tuoi colori di base, crea una nuova cartella di gruppo sopra il gruppo "linee" e chiamalo "lacci". Scegli un colore per i tuoi lacci e inizia ad aggiungere le forme come mostra l'esempio sotto. Se è necessario utilizzare lo schizzo iniziale come guida o riferimento, è possibile visualizzarlo e spostarlo sopra il resto dei livelli e dei gruppi mentre si lavora su questa parte.

15. Aggiungi un tratto a una forma di pizzo

Una volta aggiunti i lacci, sarà necessario aggiungere un tratto all'esterno di ogni forma. Per fare ciò, seleziona il tuo primo livello di forma a lacci e, da FX menu nella parte inferiore della scheda Livelli, selezionare Traccia. Apparirà un menu, come mostrato di seguito. Scegli nero per il riempimento colore e imposta la dimensione su 1 pixel. L'effetto Tratto è uno dei pochi effetti di Photoshop che si ridimensiona con il resto delle forme vettoriali, rendendolo uno strumento utile. Dopo aver impostato l'effetto Traccia sulle stesse impostazioni mostrate, fai clic su OK. Il tuo livello di forma pizzo ora avrà un contorno nero sottile.

16. Applicare lo stile di livello al resto dei lacci

Per aggiungere questo tratto al resto delle forme, invece di fare ognuna individualmente, RIGHT-CLICK sul livello forma nella scheda Livelli e selezionare l'opzione Copia stile livello. È quindi possibile selezionare il resto dei livelli di forma dei lacci facendo clic sul primo / basso, tenendo premuto Maiusc e facendo clic sul livello superiore. Questo selezionerà sia i livelli che hai cliccato, sia tutti quelli in mezzo. È quindi possibile fare clic con il tasto destro e scegliere Incolla stile livello. Ciò lascerà tutti i livelli di forma dei lacci con l'effetto Tratto nero. Rimarrai con qualcosa che somiglia all'immagine qui sotto. Potrebbe essere necessario riorganizzare i livelli della forma per garantire che i lacci vengano visualizzati correttamente.

17. Aggiungi Motivi agli Stivali

Qui ho aggiunto i motivi del cuore agli stivali, lasciando gli strati di base completi e pronti per l'ombreggiatura.

18. Usa le maschere di ritaglio per assistere con ombreggiare i lacci

Per iniziare l'ombreggiatura, ho iniziato con i lacci. Utilizzare un colore più scuro, leggermente più saturo rispetto al colore di base per aggiungere l'ombreggiatura. Posiziona il tuo livello di forma dell'ombra appena sopra lo strato di forma a pizzo a cui stai aggiungendo l'ombreggiatura e quindi, per mantenere l'ombreggiatura all'interno delle linee di tratto precedentemente aggiunte, crea una maschera di ritaglio sul livello sottostante. Per fare ciò, RIGHT-CLICK sul livello della forma dell'ombra e seleziona Crea maschera di ritaglio. Questo collegherà il tuo livello di forma dell'ombreggiatura al livello di forma del colore di base e manterrà visibili le linee di tratto. Dopo aver eseguito tutti i lacci in questo modo, sarà simile all'esempio seguente.

19. Aggiungi ulteriore ombreggiatura agli stivali

Una volta terminata l'ombreggiatura dei lacci, è possibile continuare a ombreggiare il resto degli stivali e spostarsi in avanti per ombreggiare il resto degli abiti nello stesso metodo di cui sopra. Per una guida più dettagliata all'ombreggiatura, vedi il mio tutorial precedente, Creazione di un personaggio Anime vettoriale in Adobe Photoshop - Parte 2: Colorare.

20. Termina l'ombreggiatura

Una volta completata l'ombreggiatura, avrai qualcosa di simile all'esempio qui sotto, un vestito semplice completamente colorato e sfumato.

Hai finito! Ora conosci le basi, perché non provare altri design?

Ecco un paio di altre idee per te da provare - nota come i modelli possono far risaltare gli abiti e diventare più interessanti. Modelli e disegni possono essere facilmente creati in vettoriale usando lo Strumento forma e lo Strumento forma personalizzata, in Photoshop, ed è necessario notare che i Pattern di Photoshop standard non sono vettoriali, quindi è necessario creare il proprio motivo o progettare ogni forma in un tempo (vedi i leggings), o duplicando forme e usando le maschere di ritaglio per creare un motivo senza cuciture (vedi il vestito).

Sperimentando con lo stile del Moltiplica e con le diverse Opacità quando l'ombreggiatura può significare che il modello o il disegno appena creati verranno ombreggiati senza la necessità di ulteriori livelli di sfumatura. Ciò avviene nello stesso modo delle normali ombreggiature, ma cambieresti lo stile di livello da Normale a Moltiplica, e possibilmente cambierebbe anche l'opacità del livello, a seconda dell'oscurità dell'ombra. Sia il vestito che i leggings sono ombreggiati con lo stile Multiply.

Grazie per esserti unito a me per questo tutorial e, come al solito, mi piacerebbe vedere cosa hai creato!