Disegno del carattere per i santi di Boomrock

In questo tutorial dimostreremo come utilizzare Illustrator e Photoshop per creare disegni di personaggi per i Santi di Boomrock. Iniziamo!


Preparazione

Di seguito sono elencate le foto di riferimento, che mi sono state date dal gruppo. Josh è a sinistra e Brian è a destra. Nel mezzo c'è il tatuaggio di Brian, che incorporeremo nel disegno in seguito.


Passo 1

Crea un nuovo documento 1600 x 1600 px e imposta lo sfondo su un gradiente luminoso. Aggiungi un nuovo livello al tuo documento e inizia creando un fondotinta per i tuoi personaggi.

Con un tablet, di solito uso un pennello standard 3px in un colore leggermente più scuro dello sfondo. Mi assicuro di avere "Shape Dynamics" controllato in modo da poter controllare la pressione della mia penna.


Passo 2

Riduci l'opacità del primo livello al 50% e aggiungi due nuovi livelli sopra di esso, uno per ogni carattere.

Usa questi nuovi livelli per andare oltre le linee di disegno disordinate per ripulire un po 'e aggiungere i dettagli. Fai attenzione a non mescolare i livelli in modo da poter aggiustare le posizioni dei personaggi se necessario. Sarebbe una buona idea chiamarli come nell'immagine qui sopra. A questo punto, i personaggi stanno iniziando a prendere forma. Va bene per mantenere tutto ruvido in questa fase.


Passaggio 3

Aggiungi un nuovo livello tra il primo livello "schizzo" e i livelli del personaggio e chiamalo "colore".

Usa questo livello per sperimentare e bloccare approssimativamente i personaggi con una tavolozza di colori scelta. In questo caso, il gruppo voleva qualcosa di "guerrilla" così naturalmente sono andato con i toni della terra.

Successivamente, aggiungere all'incirca l'illuminazione e l'ombreggiatura. Ho scelto la fonte di luce principale per essere a sinistra dei personaggi in modo che la luce colpisca il più duro da sinistra sulla pelle / abbigliamento esposti. Le parti che non sono esposte saranno lasciate "così come sono" o ombreggiate se si trovano dietro un altro elemento, come il lato destro del busto di Brian che copre il suo braccio destro. Allo stesso modo, la maggior parte del busto di Josh sul lato sinistro è ombreggiata poiché è coperta da Brian che è direttamente di fronte a lui.


Passaggio 4

Una volta che sei soddisfatto, è ora di prendere l'illustrazione in Adobe Illustrator per ripulire il contorno. Nascondi tutti i livelli tranne il contorno, salvalo come jpeg e aprilo in Illustrator. Dal momento che sto usando un tablet, posso fare il contorno con la mia penna tablet anziché con un mouse. Per coloro che non lavorano con i tablet, questa parte può essere eseguita anche con lo strumento penna. Ci sono molti tutorial su Internet per l'inchiostratura di penne in Illustrator e tutorial per vari altri metodi. Questo è il metodo che mi piace.

Crea un nuovo pennello aprendo la tavolozza dei pennelli e facendo clic sull'icona 'nuovo pennello' in basso. Nella finestra di dialogo che si apre, seleziona "Pennello calligrafico", fai clic su OK e imposta l'angolo, la rotondità, il diametro e la variazione di questo nuovo pennello sulle impostazioni mostrate di seguito.

Seleziona il contenuto del tuo livello facendo clic sul cerchio a destra del livello nella palette Livelli. Abbassa l'opacità al 30% e blocca il livello. Scegli il colore nero per il tratto e nessuno per il riempimento.


Passaggio 5

Ora siamo pronti per iniziare a ripulire il contorno. Quando si inchiostrano, assicurarsi di variare il peso delle linee per produrre un effetto più dinamico.

Alcuni consigli rapidi da ricordare quando si tratta di pesi di linea:

  1. Crea un'illusione di profondità. Se un oggetto o una persona è più vicino a te, le linee saranno generalmente più spesse. Quindi, se questo disegno avesse uno sfondo di un paesaggio urbano, le linee che compongono il paesaggio urbano sarebbero più sottili delle linee del personaggio.
  2. Prestare attenzione alla fonte di luce. Ovunque la luce colpisce, le linee saranno generalmente più sottili. Ovunque la luce non stia colpendo, le linee saranno generalmente più spesse.
  3. Le linee più esterne di qualsiasi oggetto o persona saranno generalmente più spesse delle linee all'interno. Questo per aiutare a definire quell'oggetto o persona separatamente dagli altri.
  4. Allarga i punti finali delle linee che vengono troncate da un'altra linea. Dai un'occhiata all'immagine qui sotto per vedere cosa intendo.

Una volta terminato, dovresti avere qualcosa di simile a questo:


Passaggio 6

Ora possiamo riportare il file in Photoshop e iniziare la colorazione e il rendering. Esportare il file da Illustrator (File> Esporta) e selezionare 'psd' dall'elenco a discesa. Nella finestra di dialogo che si apre, imposta la risoluzione su "alto (300 dpi)" e premi OK.


Passaggio 7

Per questa parte, ciò che faccio di solito è creare un livello separato per ogni colore o elemento su ciascun carattere sotto il livello del contorno. Quindi sarebbe simile a questo:

Quindi, ho semplicemente colorato ogni elemento nei rispettivi livelli. Inoltre, potresti aver notato che ho alleggerito un po 'i contorni di ogni personaggio. Sento che questo rende l'illustrazione più naturale invece di avere un contorno nero scuro.


Passaggio 8

Ora, dato che i personaggi sono colorati, tutto ciò che resta è il rendering. Di solito inizio con l'ombreggiatura e passo all'illuminazione. Crea un livello separato per "Ombreggiatura" sopra il livello di colore di base per ciascun elemento. Ora, usando l'immagine colorata nel passaggio 3 come riferimento, ombreggiate i caratteri usando un pennello con una durezza di circa il 60%.

La mia tecnica è quella di selezionare qualsiasi elemento che sto ombreggiato facendo Command / Ctrl-clic sulla miniatura del livello e sfiorando le aree che richiedono ombreggiatura.

Fai questo per tutti gli elementi di entrambi i personaggi e dovresti avere qualcosa di simile a questo:

Dopo aver visto il risultato, se decidi di rendere le aree ombreggiate ancora più scure, puoi creare un nuovo livello solo per le aree più scure e usare la stessa tecnica sopra per colorarle. Avere aree più scure nelle tue illustrazioni aiuta a creare più di un risultato dinamico.


Passaggio 9

Successivamente, facciamo l'illuminazione. Aggiungi un nuovo livello sopra il livello 'Ombreggiatura' per ogni elemento. Con il livello "Illuminazione" selezionato, usa la stessa tecnica di Comando / Ctrl-clic sulle miniature del livello per selezionare il loro contenuto e aggiungere parti di illuminazione dove necessario.

Per i riflessi nelle tonalità, utilizzare lo strumento penna per creare una forma attorno al perimetro interno. Quindi, fai clic con il pulsante destro su quella forma, fai clic su "Crea selezione" e fai clic su OK nella finestra di dialogo che si apre. Una volta selezionata la forma, seleziona il bianco come colore e usa lo strumento sfumatura per creare un riflesso sottile trascinandolo dall'alto verso il basso con una leggera angolazione. Una volta che hai finito, riduci l'opacità di questa nuova forma a circa il 30% o qualsiasi percentuale ritenuta giusta.


Passaggio 10

Infine, aggiungiamo i tocchi finali come il tatuaggio sul braccio di Brian, il logo sulla camicia di Brian, il logo SF sul cappello di Brian e alcune luci extra su entrambi i personaggi per individuare davvero la fonte di luce.

Ecco il metodo con cui ho tatuato il braccio di Brian.

Dopo aver visto l'intera illustrazione completata, il gruppo ha chiesto se Brian potesse essere "rinforzato" un po 'per riflettere più del suo sé naturale. Quindi, ho apportato alcune modifiche rapide allargando leggermente il corpo e aggiungendo alcune definizioni al braccio destro, che è possibile vedere nel progetto finale di seguito.


Conclusione

Spero che questo tutorial ti abbia ispirato a utilizzare queste tecniche per sviluppare i tuoi stili di illustrazione. Prova a costruire una solida base con lo schizzo fin dall'inizio e avrai molto più divertente svilupparlo in un personaggio inchiostrato / colorato.