Da Speed ​​Paint a Detail dipingi un Bat-Cat in Adobe Photoshop

Cosa starai creando

A volte vuoi dipingere qualcosa, ma la tua idea è troppo elusiva per pianificare correttamente l'immagine. Hai appena iniziato a dipingere e il risultato è imprevedibile. In questo tutorial ti mostrerò un metodo veloce per dipingere liberamente e spontaneamente, mantenendo il controllo sul processo. Ti insegnerò come domare la tua immaginazione e usarla per dare un'idea alla vita. Un processo veloce richiede strumenti semplici, quindi useremo solo un pennello creato da noi stessi. Adobe Photoshop non è obbligatorio qui, ma dovrai lavorare su alcune cose da solo se usi altri programmi.

Per dimostrarti quanto sia veloce questo metodo, ho deciso di fare qualcosa di non comune. In questo tutorial ti mostrerò il processo di pittura quattro simpatici pipistrelli allo stesso tempo. Ciò non significa che devi fare lo stesso! Non seguirmi direttamente, basta seguire il mio consiglio, osservando come lo applico a quattro diversi disegni. Imparare dal confronto è abbastanza efficace: si ottiene solo l'essenza, senza rumore irrilevante.

Come riscaldamento per questo tutorial, dai uno sguardo a questi. Perché? Perché qui insegnerò a dipingere, non a dipingere certi animali. Sì là è una differenza!

  • Come disegnare i gatti
  • Come disegnare i pipistrelli

1. Preparare lo spazio di lavoro

Prima di iniziare a lavorare, dobbiamo preparare lo spazio di lavoro e gli strumenti. Immagina Photoshop come un'enorme stanza piena di strumenti per artisti: dobbiamo scegliere quelli che ci saranno utili.

Passo 1

Innanzitutto, crea un Nuovo file (Control-N). Imposta la larghezza e l'altezza in base al tuo computer: 5000 x 4000 px può essere troppo per alcuni. 2000 x 1000 px è molto più sicuro e dovrebbe essere sufficiente per un progetto.

Passo 2

Impostare il Colore pannello da mostrare Slider HSB-molto più teoria del colore amichevole di RGB. Se il pannello Colore non viene visualizzato, aprilo con Finestra> Colore o colpendo F6.

Passaggio 3

Seleziona il 90% di grigio e riempi lo sfondo con Paint Bucket Tool (G).

Passaggio 4

Blocca il livello per non modificarlo.

Passaggio 5

Abbiamo bisogno di un pennello per dipingere. Creiamo uno molto semplice.

Creare un Nuovo file per un momento, e Nascondere lo sfondo. Aggiungere un Nuovo strato (Control-Shift-N) e disegna un esagono con il Strumento Poligono. Le dimensioni non contano, ricorda solo di impostare 6 I lati. Quindi vai a Modifica> Definisci preimpostazione pennello (il nome non importa neanche).

Passaggio 6

Colpire F5 per vedere le impostazioni. Cambiare il Spaziatura a 1% per tratti regolari e controllare Trasferimento per renderlo basato sull'opacità. Premi l'icona della carta bianca in basso a destra per salvare il pennello.

Perché non usiamo un semplice pennello rotondo? La ragione è che lo è pure semplice. Nel caso di speedpainting vogliamo un po 'di caos che saremo in grado di trasformare in qualcosa che non avremmo potuto immaginare prima. Un esagono è semplice, perché è quasi rotondo e un po 'imprevedibile allo stesso tempo. Proprio quello di cui abbiamo bisogno!

2. Progetta la posa

Per ogni parte dello schizzo creeremo un nuovo livello. Quindi, per ogni passaggio, fai quanto segue:

  • Creare un Nuovo livello (Control-Shift-N)
  • Fai il passo
  • Abbassare il Opacità (stampa V, quindi colpisci un numero-1 per il 10% di opacità,5 per il 50% di opacità e così via. 0 ti darà il 100% di Opacità)

Passo 1

Dobbiamo iniziare con un disegno di gesti. Definirà il ritmo del corpo e lo renderà indipendente dai dettagli. La colonna vertebrale è l'elemento principale che possiamo usare per questo: i gatti hanno spine molto flessibili, quindi sentitevi liberi di impazzire! Puoi anche aggiungere il petto, la testa e i fianchi per mantenere il controllo sulla silhouette.

Disegna una linea flessibile, attacca il petto, i fianchi e la testa

Cat 1

Il primo sta guardando verso l'alto e voglio che cada qualcosa nell'aria.

Posa di gatto 1-base

Cat 2

Questo probabilmente sta dormendo.

Posa di gatto 2-base

Gatto 3

Una posizione da pazzi per un gatto pazzo!

Posa di gatto 3-base

Gatto 4

Questo sta camminando favolosamente.

Posa di gatto 4-base

Eccoli tutti insieme:

Passo 2

Le gambe possono essere aggiunte insieme al gesto, ma ho deciso di creare un passaggio separato per renderlo più chiaro.

Sia la parte anteriore che quella posteriore sono simili alla lettera S

Cat 1

Un paio di gambe è sollevato, mentre l'altro mantiene il gatto in piedi.

Cat 1-legs aggiunto

Cat 2

Abbiamo un vero groviglio qui! I gatti sono i migliori in questo.

Gatto a 2 zampe aggiunto

Gatto 3

Una coppia sul davanti, una coppia sul retro, mostriamo la flessibilità del corpo di un gatto.

Cat a 3 gambe aggiunto

Gatto 4

Questo sarà il più facile!

Gatto a 4 zampe aggiunto

Passaggio 3

Non abbiamo bisogno di conoscere la muscolatura esatta per questo scopo. Usa lo schema seguente per creare le parti principali del corpo. Ignora la pelliccia al momento e rendi la silhouette sottile!

Sia le zampe anteriori che posteriori sono costruite con le stesse parti delle nostre braccia e gambe, quindi è piuttosto facile da ricordare

Cat 1

Cat 1-body

Cat 2

Cat 2-body

Gatto 3

Cat 3-body

Gatto 4

Cat 4-body

Passaggio 4

I nostri gatti possono volare! Aggiungeremo ali di pipistrello molto semplici a loro. Inizia con una linea a tripla inclinazione:

Di nuovo a forma di S! È perché le ali sono in realtà delle braccia

Cat 1

Noi aiutiamo il nostro gatto a bilanciare il suo corpo durante questa posizione.

Cat 1-base per ali

Cat 2

Questo gatto dorme, quindi tiene le ali piegate sul dorso.

Cat 2-base per ali

Gatto 3

Un'ala è piegata, l'altra è in fase di espansione involontaria a causa di questa estrema flessione.

Cat 3-base per ali

Gatto 4

Le ali seguono l'andatura negligente di questo gatto.

Cat 4-base per ali

Passaggio 5

Aggiungi quattro dita a ogni ala: un pollice sulla parte superiore e tre lunghe dita sotto la terza parte. Usa le dita lunghe per le ali realistiche e le dita corte per quelle carine.

Le dita lunghe hanno giunture proprio come le tue dita, quindi puoi usare questa sfaccettatura una posa più complicata

Cat 1

Completamente espanso.

Cat 1-ali-dita

Cat 2

Piegato completamente.

Dita a due ali di gatto

Gatto 3

Uno stato mediale.

Dita di gatto 3 ali

Gatto 4

Completamente espanso.

Denti a quattro ali di gatto

Passaggio 6

Collegare le dita con una membrana.

Solo il pollice è privo di membrana. Non dimenticare la parte tra il "polso" e la spalla

Cat 1

Cat 1-wings fatto

Cat 2

Cat 2-wings fatto

Gatto 3

Cat 3-wings fatto

Gatto 4

Cat 4 ali fatte

Passaggio 7

Abbiamo bisogno di una base migliore per i dettagli più importanti: il volto e le zampe. Può essere fatto molto semplicemente; trattalo come un teschio.

Cat 1

Gatto 1-testa e zampe

Cat 2

Gatto a 2 teste e zampe

Gatto 3

Gatto a 3 teste e zampe

Gatto 4

Gatto a 4 teste e zampe

Passaggio 8

E il miglior passo di tutti loro. Il corpo è ben definito, quindi non è molto probabile che spezzeremo qualcosa. Lascia che la tua immaginazione si scateni!

Cat 1

Un giocoso, giovane gatto con la parte anteriore pelosa e la parte posteriore calva. Ho mantenuto un naso normale, ma ho aggiunto grandi orecchie da pipistrello.

Cat 1-line art completa

Cat 2

Un pacifico demone: la fronte di un gatto domestico e il retro di una bestia da incubo.

Cat 2-full line art

Gatto 3

Quale potrebbe essere una base migliore per un gatto pipistrello piuttosto che un gatto sphynx? Ho usato un corpo calvo, una lunga coda e una faccia rugosa come i punti più importanti di questo disegno.

Cat 3-full line art

Gatto 4

Pipistrello foresta norvegese? Procione spettrale? Questo deve essere un animale domestico peloso dall'inferno!

Cat 4-full line art

I nostri disegni sono fatti! Osserva come è possibile creare concetti diversi sulla base della semplice idea "pipistrello". Per prepararlo per ulteriori lavori, rimuovere tutti i livelli tranne l'ultimo. Assegna un nome a quel livello Linea artistica.

3. Aggiungi i colori

Tempo per i colori! Useremo un metodo semplice basato sui trucchi della teoria dei colori che ho descritto in questo articolo.

Passo 1

Creare un Nuovo strato (Control-Shift-N) e posizionarlo sotto il Linea artistica (suggerimento: Controllo-[ e Controllo-] può essere usato per spostare il livello su e giù). Per un momento, spegni Trasferimento nelle impostazioni del pennello per dipingere uno sfondo solido sotto la grafica al tratto, quindi riaccenderlo. Adesso ... dipingi! Per la prima volta non hai bisogno di pensare alla luce ea tutte quelle sciocchezze. Dipingi semplicemente i colori di cui hai bisogno, senza sfumature e senza dettagli.

Dai un nome a questo livello Maschera e ritaglia la linea arte con essa Control-Alt-G.

Dipingi, non pensare!

Cat 1

Colori del gatto 1-piatto

Cat 2

Colori a 2 colori del gatto

Gatto 3

Colori a 3 colori del gatto

Gatto 4

Colori a 4 colori del gatto

Passo 2

D'ora in poi, faremo quanto segue per ogni passo:

  • Creare un Nuovo strato sopra il precedente.
  • Clip il livello a Maschera con Control-Alt-G.

Abbiamo bisogno della line art, ma allo stesso tempo non vogliamo vederla. Scendiamo a compromessi: usa il Strumento Eyedropper (I) per scegliere il colore che è probabilmente nascosto sotto la linea, spostare il Luminosità slider un po 'a sinistra e dipingi sopra le linee. Ricorda di seguire il colore, ma a parte questo, non devi essere troppo attento.

Cat 1

Cat 1-line art

Cat 2

Cat 2-line art coperto

Gatto 3

Cat 3-line art coperto

Gatto 4

Cat 4-line art

Passaggio 3

Aggiungi più dettagli, scegliendo i colori che desideri dall'immagine, ma senza aggiungerne di nuovi per l'ombreggiatura. Usa un pennello grande!

Cat 1

Schizzo Cat a 1 colore

Cat 2

Schizzo Cat a 2 colori

Gatto 3

Schizzo Cat a 3 colori

Gatto 4

Schizzo di gatto a 4 colori

Passaggio 4

Utilizzare il Paint Bucket Tool (G) per riempire il livello con una versione scura del colore della luce ambientale (ad esempio, blu scuro #0b0c29). Cambia il suo Opacità a 70%.

Aggiungere un Maschera di livello al livello.

Selezionare la maschera di livello.

1 strato selezionato; Maschera a 2 strati selezionata

Dipingi le aree debolmente illuminate con il grigio e fortemente illuminate con il nero. Usa bianco come gomma. Non rivelare solo la luce, ma anche dipingere piccoli dettagli illuminati, come i capelli.

1-nero; 2-50% di grigio brillante; 3-10% di grigio brillante
In questa fase stiamo dipingendo la luce rimuovendo l'ombra

Cat 1

Cat 1-shadow aggiunto

Cat 2

Cat 2-shadow aggiunto

Gatto 3

Cat 3-shadow aggiunto

Gatto 4

Cat 4-shadow aggiunto

Passaggio 5

Ora vogliamo dipingere i dettagli sulle aree illuminate con un colore più interessante. Scegli il colore dall'area con il Strumento Eyedropper (I) e poi:

  • Se la fonte di luce è calda, spostare il H cursore al lato delle tonalità calde. Se fa freddo, fallo al contrario.
  • Inferiore Sun po 'di irritazione.
  • Aumentare Bgiustezza.
Esempio di configurazione per luce calda

Dipingi sulle aree illuminate senza coprirle completamente. Dipingi semplicemente i dettagli con un pennello leggermente più piccolo di prima.

Cat 1

Cat 1-first light

Cat 2

Cat 2-first light

Gatto 3

Cat 3-first light

Gatto 4

Cat 4-first light

Passaggio 6

Dal momento che abbiamo una buona idea della forma generale di ogni gatto, possiamo tagliare le parti ridondanti. Aggiungere un Maschera di livello al Maschera e dipingi sopra l'area di taglio con nero. Spegni Trasferimento per un po 'per renderlo più facile.

Cat 1

Maschera di ritaglio del gatto 1

Cat 2

Maschera di ritaglio di gatto 2

Gatto 3

Maschera di ritaglio di gatto 3

Gatto 4

Maschera di ritaglio di gatto 4

Passaggio 7

Se le aree in ombra appaiono troppo scure, puoi aggiungere luce riflessa a queste. Per trovare un colore perfetto, scegli il colore dall'ombra e poi:

  • Se la luce riflessa è calda, spostare il H cursore al lato delle tonalità calde. Se fa freddo, fallo al contrario.
  • Inferiore Saturation.
  • Aumentare Bgiustezza.
Esempio di configurazione per luce riflessa a freddo

Ora dipingi una luce sottile nell'ombra. Non toccare le aree illuminate!

Tratta la luce riflessa come una luce normale, ma debole

Cat 1

Luce riflessa Cat 1

Cat 2

Luce riflessa Cat 2

Gatto 3

Luce riflessa Cat 3

Gatto 4

Cat 4-luce riflessa

Passaggio 8

Per i dettagli fini, dipinti con un piccolo pennello, utilizzare una versione più intensa di Passaggio 5. Non dipingere dettagli nell'ombra! È inoltre possibile utilizzare questo passaggio per dipingere qualsiasi contorno scuro rimasto sul bordo della maschera di ritaglio.

Cat 1

Luce Cat 1 secondo

Cat 2

Cat 2 secondi di luce

Gatto 3

Cat 3 secondi di luce

Gatto 4

Cat 4 secondi di luce

4. Tocchi finali

Passo 1

Finora ci siamo occupati solo dell'illuminazione. Ora possiamo aggiungere dettagli indipendenti dalla luce.

Cat 1

Cat 1-no dettagli sul viso
Fori di gatto 1-baffo e pupilla aggiunti
Ombretto Cat 1-eye
Baffi di gatto 1, le loro ombreggiature e una falena
Cat 1-dettagli

Cat 2

Cat 2-no dettagli sul viso
Fori Cat 2-baffo
Baffi di gatto 2 e loro ombreggiatura
Cat 2-dettagli

Gatto 3

Cat 3: nessun dettaglio del viso
Gatto 3-allieviCat 3-irisOmbretto a 3 occhi di gatto
Cat 3-dettagli

Gatto 4

Cat 4-no dettagli sul viso
Fori e pupilla a quattro baffi
Cat 4-eye shading
Baffi a quattro zampe, ombreggiatura e lucentezza degli occhi
Cat 4-dettagli

Passo 2

Se vuoi aggiungere più luci distintive e colorate, c'è un semplice trucco per questo. Quando ti sposti lungo il cursore Hue, a volte è difficile scegliere il colore giusto. Puoi aggirare il problema dipingendo un tratto del colore della sorgente luminosa, quindi impostandone il relativo Opacità30%.

Ora puoi scegliere il colore, fallo un po ' Bpiù retto e meno SAturated, e aggiungere più illuminazione. Si adatterà!

Funziona sia per la fonte di luce principale che per la luce riflessa:

Cat 1

Ombreggiatura Cat 1 completa, una luce
Ombrello completo per Cat 1, due luci

Cat 2

Ombreggiatura Cat 2 completa, una luceOmbreggiatura Cat 2 completa, due luci

Gatto 3

Ombre 3 complete del gatto, una luceCat 3-shading completo, due luci

Gatto 4

Cat 4-shading completo, una luceCat 4-shading completo, due luci

Passaggio 3

Ora puoi aggiungere i tuoi trucchi personali che non sono stati descritti in questo tutorial e correggere tutti gli errori che riesci a trovare (ad esempio, quella orribile zampa di Cat 2). Quindi gioca con lo sfondo per presentare la tua creatura nel modo più appropriato.

Sono stati fatti!

Hai appena imparato a portare le tue idee alla vita, rapidamente e a colori, senza alcuna pianificazione, non importa quanto siano diverse. Forse non è stata così veloce questa volta, ma ora che conosci questi trucchi, sarai in grado di usarli quasi inconsciamente nei tuoi progetti. Vuoi provare qualcosa di più orientato a Photoshop? Controlla il mio tutorial sulla pittura con i metodi di fusione e le maschere di livello.