Share
In questo tutorial in due parti sulla creazione di "Let's Go To Monster School!" copertina del libro, ti mostrerò un processo completo dallo schizzo iniziale alla grafica finale, utilizzando un flusso di lavoro integrato da Illustrator a Photoshop. Abbiamo utilizzato Illustrator nella parte 1 per tracciare il nostro schizzo disegnato a mano, disporre le forme e definire i colori di base.
Ora prenderemo il disegno vettoriale in Photoshop dove perfezioneremo l'ombreggiatura, aggiungiamo alcune trame e completeremo la copertina del libro con la tipografia appropriata. Continuiamo con la parte 2 di questa serie.
Questa illustrazione è una copertina per un romanzo fittizio intitolato "Let's Go To Monster School!". Raffigura un divertente professore di mostri che insegna scienza folle in una squallida classe. Abbiamo già creato l'immagine di base nella Parte 1. Ora finiremo l'artwork con trame e molta pennellata usando una pen tablet in questa Parte 2 di questa serie.
Apri il disegno PSD che abbiamo esportato nella Parte 1 (1a) e controlla che ogni elemento si trovi sul proprio livello (1b).
Iniziamo con la lavagna. La prima cosa da fare è bloccare i suoi pixel trasparenti (1c). Questo è fondamentale, in quanto ci permette di dipingere sul livello senza alterare i suoi bordi o dipingere al di fuori di essi. Le linee che abbiamo elaborato con cura in Illustrator sono quindi sicure. Blocca la trasparenza di tutti i livelli se non specificato in seguito.
Vai a Filtro> Disturbo> Aggiungi disturbo e usa un valore basso (1d). Quindi vai su Filtro> Sfocatura> Controllo sfocatura (1e) per trasformare il rumore acuto in una trama confusa. La lavagna ora è un po 'più robusta (1f).
Aggiungi un sottile Sovrapposizione sfumatura al livello (2a) per migliorare la sensazione di profondità. La lavagna diventa più scura mentre retrocede verso l'angolo della stanza (2b). Siamo soddisfatti del risultato quindi non è necessario mantenere attivo lo stile del livello. Fai clic con il tasto destro sul livello e scegli Crea livello. Il Sovrapposizione sfumatura verrà trasformato in un normale livello sopra la lavagna, mascherato ad esso (2c). Selezionalo e premi Comando + E per unirlo. Ora abbiamo uno strato (2d).
Aggiungeremo diversi livelli di segni di gesso cancellati sulla lavagna. Per farlo dobbiamo selezionare il bianco come colore di primo piano (prova a colpire D poi X).
Premi B per selezionare lo strumento Pennello e F5 per aprire la palette Pennelli. Photoshop ha già alcuni pennelli gessosi quindi scegli uno, mi piace il numero 36 (3a). Successivamente attiva Opacity Jitter in Other Dynamics e imposta il controllo su Pen Pressure (3b).
Se non hai un tablet, esci da Control. Sotto Forma punta pennello aumenta il Diametro su un valore appropriato (prova il pennello sulla lavagna) e cambia l'Angolo di rotazione se quello predefinito non è di tuo gradimento (3c). Trovo difficile dipingere molto leggermente con un tablet, quindi nella barra delle opzioni nella parte superiore dello schermo ho impostato l'opacità del pennello al 50% (3d).
Dipingi diversi passaggi di segni di gesso casuali su un livello separato, assicurandoti che si sovrappongano (4a). Applicare una buona dose di Gaussian Blur per levigarli (4b), quindi impostare il livello su Soft Light con 50% Opacity (4c). La lavagna ora sembra usata, proprio quello di cui abbiamo bisogno (4d). Ovviamente sentiti libero di ripetere questo passaggio finché non sei soddisfatto del risultato.
Ora inizia il vero divertimento! Seleziona un altro pennello gessoso più strutturato (5a) e riempi la lavagna con un mumbo-jumbo pseudoscientifico. Impazzisci qui, questa è la scuola dei mostri! (5b)
La lavagna è fatta Prendiamoci cura della classe ora. Hai bisogno di alcune trame squallide per il pavimento e le pareti, oltre a una trama di legno per il battiscopa. Quelli che sto usando possono essere scaricati gratuitamente dal sito CGTextures. Una volta creato un account, puoi scaricare le trame gratuitamente, con un limite giornaliero di 15 MB. Ecco i link diretti alle trame che ho usato:
Posiziona la texture del pavimento nel documento (6a), premi Comando + T per selezionare Trasformazione libera, quindi usa Distorsione e Inclina (dal menu di scelta rapida) adattalo al pavimento (6b). Imposta la sua modalità di fusione su Moltiplica in modo da mostrare la sfumatura applicata al pavimento (6c).
Per creare una variazione di colore sulle tessere usiamo gli strumenti Scherma e Brucia. Accessibili dalla barra degli strumenti (Shift + O per scorrere attraverso), questi due strumenti ci permettono rispettivamente di schiarire e scurire gli oggetti usando i pennelli.
Usando le impostazioni predefinite e un pennello grande e morbido impostato su bassa opacità, scurire le tessere sotto il mostro e avvicinarsi agli zoccoli (usando Burn). Schiarire alcune aree in modo irregolare (usando Dodge) per aggiungere l'impressione di un vecchio pavimento macchiato (7a, 7b).
Mappare entrambe le pareti con le texture di gesso scaricate prima. Posiziona la prima texture nel documento (8a) e distorcala in modo che corrisponda alla prospettiva del muro, usando Perspective and Distort mentre sei in modalità Free Transform (8b). Fai lo stesso per il secondo muro. Imposta entrambe le trame su Moltiplica, 70% Opacità (8c).
Torna al primo pennello gessoso, quello che abbiamo usato sulla lavagna. Aggiungi una maschera vuota a ogni intonaco (9a) e dipingi tratti di scolorimento (9b). Usando lo strumento Brucia impostato su Mezzitoni, scurisci le trame nella parte inferiore dove incontrano lo zoccolo e nell'angolo in cui si incontrano. Ecco dove sono le ombre (9c).
Posizionare la trama del legno nel documento (10a) e adattarla alla metà sinistra dello zoccolo (10b). Premi W per selezionare lo strumento Bacchetta magica e clicca sul battiscopa giallo (10c). Usa questa selezione per creare una maschera su un gruppo di livelli in cui posizionerai la trama del legno (10d). In questo modo non è necessario essere molto precisi quando si posiziona la trama. Specchia la metà destra (10e).
Crea macchie scure e macchie di scolorimento sul battiscopa usando lo strumento Brucia su un diametro piccolo (11a, 11b). Nascondi tutti gli strati tranne quelli che compongono le pareti, il battiscopa e il pavimento. Premi Comando + A per selezionare tutto e Maiusc + Comando + C per copiare tutti i livelli uniti. Un semplice comando + V incollerà l'intera classe su un nuovo livello.
Un ultimo tocco. Scegli lo strumento Schiva con un diametro piccolo e ravviva l'angolo dove si incontrano le pareti. Dipingi un tratto verticale vagamente irregolare lungo tutta la lunghezza dell'angolo, dove cattura le alte luci (11c, 11d).
Per completare l'aula, aggiungi un'ombra esterna alla lavagna (12a). Usa le impostazioni che danno un risultato simile alle immagini 12b e 12c. E dal momento che siamo degli stimolatori per la prospettiva, creiamo un livello dall'ombra esterna e lo distorciamo per adattarlo alla prospettiva (12d). È uno di quei dettagli sottili che contano nel dare un risultato complessivo convincente.
L'aula è finita in modo da poter bloccare il suo livello. Finalmente possiamo lavorare sul mostro. Il carattere che abbiamo esportato da Illustrator ha una sfumatura piatta e poco interessante. Abbiamo bisogno di aggiungere profondità dipingendo aree illuminate, ombre e luci, considerando una fonte di luce ideale dall'alto. Utilizzeremo gli strumenti Scherma e brucia per rendere più luminosi e scuri il carattere e lo strumento Pennello per creare le variazioni di colore necessarie. Lo strumento Sfocatura ti sarà utile per attenuare le transizioni di luce / ombra e colore e per rimuovere pennellate antiestetiche.
Attiva lo strumento Brucia e impostalo per l'uso generale (13a). Selezionando i mezzitoni lo strumento influisce sul colore di base, permettendoci quindi di iniziare a definire le ombre. Ombreggia il corno tutto intorno ai bordi, in particolare il bordo inferiore e la base in cui si attacca al corpo (13b). Migliora la rotondità scurendo maggiormente verso i bordi.
Usando la stessa tecnica, ombreggia la palpebra inferiore (14a). Usando un pennello verde medio, morbido con bassa opacità, vai avanti e liscia la transizione del colore dipingendo dove il verde scuro incontra la sfumatura gialla (14b). Ora evidenzia il bordo superiore con un tratto giallo uniforme (14c). Tutti i bordi verso l'alto catturano le alte luci e devono quindi essere più luminosi del colore di base. Ogni volta che lo fai puoi provare lo strumento scherma, impostato su mezzitoni. A volte il risultato è troppo sbiadito, quindi è più facile dipingere semplicemente nel colore che desideri. Rendi più scuro il bordo inferiore (14d) e schiarisci leggermente i pixel centrali per uniformare il contrasto (14e). Usa lo strumento sfocatura per uniformare i colori secondo necessità. Ombreggia la palpebra superiore in un modo simile (14f). Come puoi vedere, la pittura viene eseguita dapprima mettendo a nudo i colori grezzi e poi rifinendo.
Rendi il bulbo oculare dipingendo le ombre proiettate dalle palpebre (15a). Su uno strato separato dipingete delle venature rosso-chiaro per un buon effetto occhi iniettati di sangue. Naturalmente usa un pennello con un diametro piccolo (15b).
Brucia l'ombra delle palpebre sull'iride e migliora l'evidenziazione con lo strumento Scherma. Il segreto è quello di sovrapporre tratti morbidi, trasparenti e ampi uno sopra l'altro.
Unisci le verruche in un singolo livello e impostalo in modalità Sovrapposizione (17a). Impostare Burn for Highlights per influenzare i pixel illuminati (17b) e scurire i bordi inferiori di ogni verruca per farli fuoriuscire (17c). Impostare Dodge (17d) e dipingere le alte luci sui bordi superiori per completare l'ombreggiatura (17e). Infine aggiungi uno stile Ombra esterna (17f). Ora queste sono verruche belle (17g)!
Scurire il bordo esterno della testa (18a) e dipingere un'ombra sotto la bocca (18b). Dipingi un punto culminante sul labbro inferiore (18c). Ripeti il processo per creare il labbro superiore (18d).
Aggiungi un'altra ombra sul collo e ai lati della bocca (19a). Scurisci la testa sotto l'occhio. Unisci la palpebra inferiore e usa lo strumento Sfocatura per sbarazzarti della dura cucitura (19b).
Come ricordi dallo schizzo, c'è un'erba che cresce sulla testa del professore. Dipingiamolo! Scegli un piccolo pennello (20a), imposta Fade (20b) e Opacity (20c). Dipingi gli steli di erba ricurva che crescono fuori dalla testa su uno strato separato (20d). Il numero accanto alla dissolvenza imposta la lunghezza dei gambi. Usando diversi diametri, colori e valori di dissolvenza, crea due ciuffi d'erba sulla testa (20e).
Proteggi i denti come se facessimo il corno (21a). Ricorda di dipingere le ombre proiettate dalle labbra. Scurisci le pinne dove incontrano la testa (21b).
Dipingi le ombre sulla mano sinistra. Scurisci il bordo inferiore e l'area che entra nella manica (22a). Dipingi anche le ombre sulle dita e aggiungi punti salienti lungo i bordi superiori dell'intera mano (22b). Sblocca la trasparenza delle dita e sfocatura dove incontrano la mano. Dipingi anche le ombre sul bastone (22c).
La coda ha una forte ombra proiettata dal camice da laboratorio e ombre secondarie lungo i bordi superiore e inferiore. Le ombre devono essere rastremate verso la punta (23a). Ormai dovresti avere la deriva in modo da sfumare entrambi i piedi (23b, 23c).
Il camice da laboratorio è bianco ma ci sono molte ombre proiettate su di esso dal mostro e da solo. Inizia con i risvolti, scurendoli dove incontrano la testa del mostro e lungo i bordi esterni (24a). Per sfumare la giacca, scurire i bordi esterni, dipingere le ombre sotto i risvolti e accennare alle pieghe oscurando le aree lungo la lunghezza. Anche il lato destro proietta un'ombra sul lato sinistro (24b, 24c).
Aggiungi una piccola ombra esterna ai pulsanti (25a, 25b). Non c'è bisogno di ombreggerli, perché sono piuttosto piccoli.
Scurisci la manica destra lungo i bordi longitudinali (26a), quindi uniscilo sul cappotto e mescola la cucitura con lo strumento Sfocatura. Dipingi delle pieghe più strette sotto l'ascella (26b). Dipingi un'ombra all'interno della manica (26c).
Usando la stessa logica ombreggia la manica sinistra e la tasca. Dipingi le ombre sul cappotto e sulla mano sinistra. Il cappotto è finito (27a).
La luce proviene dal soffitto, quindi il professore proietta un'ombra piuttosto acuta sul pavimento. Non ci sono stili di livello che possono aiutarci qui, dobbiamo dipingerlo (in nero). Imposta il livello in modalità Moltiplica e regola l'opacità a circa il 60%. Usando lo strumento Sfocatura per ammorbidire l'ombra mentre si allontana dal mostro, un altro piccolo tocco (27b).
Il dipinto è completo Tutto quello che dobbiamo fare ora è aggiungere la tipografia appropriata per completare la copertina del libro. Ho usato il bellissimo carattere di Egyptienne Farao della Storm Foundry, dai un'occhiata.
Lo scopo di questo tutorial in due parti è mostrare un tipico flusso di lavoro di illustrazione dallo schizzo concettuale, attraverso il disegno di base e nel dipinto finale. Il compito era quello di disegnare un vettore pulito in Illustrator e successivamente aggiungerne la vita in Photoshop utilizzando trame e tecniche di pittura tradizionali adattate al formato digitale.
Spero ti sia divertito e ho appreso alcuni suggerimenti utili sul flusso di lavoro. Ora dovresti essere pronto a creare i tuoi strani personaggi per cimentarti nella pittura digitale. Divertiti e non smettere mai di imparare!
Accentsconagua