È tempo di cambiare

Se ti capita di avere una tavoletta con penna, ma è stata posta sul fondo di un cassetto, procurati il ​​set per questo tutorial. Impareremo come tracciare un contorno nitido usando lo strumento Pennello e come rendere viva la nostra illustrazione applicando ombreggiature e illuminazione di base.


Passo 1

Il primo passo è abbastanza facile. Prendi un pezzo di carta e una matita e fai scorrere quei succhi creativi per creare la tua illustrazione. Se sei fuori di idee o semplicemente non hai tempo per quello, puoi usare il mio.

In alto, avvia un nuovo documento di 850 px per 1250 px e posiziona l'immagine dello schizzo su un nuovo livello. Usando File> Posiziona, posizionalo al centro, bloccando il livello. Ciò tornerà utile quando tracciamo il contorno della nostra illustrazione.



Passo 2

Prima di saltare effettivamente la traccia di introduzione, prima creiamo un pennello personalizzato. Aprire il pannello Pennello (F5) e creare un nuovo pennello calligrafico con le seguenti impostazioni:



Passaggio 3

Crea un nuovo livello e chiamalo "Struttura". Seleziona lo strumento Pennello (B) e usa # 417B79, inizia a tracciare il primo carattere. A questo punto puoi giocare con diversi spessori di corsa. Ho usato un tratto più spesso per il contorno e uno thiner per i dettagli interni. Cerca di coprire il più possibile con un colpo solo. Non preoccuparti se la prima volta che salti il ​​contorno, puoi sempre rimetterlo in carreggiata con l'aiuto dello strumento Warp (Shift + R).

Se fai doppio clic sulla sua icona, verrà visualizzata una finestra delle impostazioni. Di solito lo lascio alle impostazioni di default, ma i parametri che ci interessano sono: Larghezza, Altezza, Dettaglio e Semplifica. Ti fornirò una rapida panoramica di ciascuno di essi, in modo che tu possa regolarli per adattarli al tuo flusso di lavoro. Larghezza e Altezza sono praticamente semplici, mentre Dettagli aumenta o diminuisce il numero di punti di ancoraggio di un tratto di pennello.

Trovo che meno Dettaglio sia migliore. E infine, Simplify si sbarazzerà di più punti di ancoraggio e lascerà il tuo tratto piacevole e ordinato. Un altro metodo è il tracciamento del tratto, invece di annullare in modo continuo. Con la selezione ancora attiva e il pennello selezionato, vai sopra il tratto già disegnato e rimodellalo correttamente. Questa funzione è eccezionale perché puoi sempre tornare indietro e modificare il tratto.



Passaggio 4

Tenendo presente il passaggio precedente, continua a costruire il personaggio. Puoi sempre regolare i punti di ancoraggio dei tratti usando lo Strumento selezione diretta (A) se lo trovi più facile. Basta fare clic su un punto di ancoraggio e trascinarlo nella posizione desiderata. Puoi anche regolare la curva del tuo tratto modificandone le braccia.



Passaggio 5

Le ellissi possono essere facilmente create con lo strumento Ellisse (L). Basta fare clic e trascinare per creare l'ellisse corretta, applicando le impostazioni del pennello, se necessario, e giocare con pesi di tratti diversi in modo che corrisponda al resto del contorno. Puoi anche cambiare il tipo di pennello e selezionarne uno piatto.



Passaggio 6

Mentre continui a disegnare, scoprirai che alcuni tratti si intersecano. In modo da non complicare le operazioni di ictus e riempimento, cancelleremo semplicemente i tratti sovrapposti. Per fare ciò, dobbiamo prendere lo Strumento Gomma di percorso, a cui puoi accedere se fai clic e tieni premuta l'icona dello strumento Pencil. È necessario selezionare il percorso che si desidera cancellare e, sempre partendo da una estremità, dirigersi verso il punto di intersezione.



Passaggio 7

Ora passiamo ai dettagli. Disegna la forma dell'occhio di base e all'interno aggiungi un'ellisse. Traccia il sopracciglio da un singolo colpo continuo e poi aggiungi i dettagli con un tratto più sottile intorno al corpo.



Passaggio 8

Sta arrivando insieme ora. Crea le mani del personaggio da due colpi separati ciascuna. In alto, chiudili con una piccola riga e, infine, inizia ad aggiungere alcune dita. Disegna il tratto principale, aggiungendo linee irregolari per i polpastrelli. Ripeti questo processo fino a quando non finisci tutte le dita.



Passaggio 9

Buon lavoro! Il nostro primo personaggio è completo. Il resto dell'illustrazione è altrettanto semplice. Questa fase richiede più tempo, ma man mano che procedi, più facilmente la troverai. Lo schema finale in ogni illustrazione è quello che spicca di più.

I colori completano solo il contorno. Avere un contorno pulito e nitido migliorerà sicuramente il tuo lavoro. Ricordati di non correre e divertirti con esso! Continuiamo a disegnare il nostro prossimo elemento. D'ora in poi, i passaggi continueranno a ripetersi.



Passaggio 10

Ogni spirale della molla è composta da due tratti. Ricorda, non preoccuparti se il primo tratto che disegni non è perfetto. Regolarlo usando i metodi descritti nei passaggi precedenti. Il resto di questo elemento è abbastanza facile da disegnare dato che è fatto di cilindri base. Dopo aver completato lo schema principale, inizia ad aggiungere dettagli.



Passaggio 11

Il radiatore è formato da diverse ellissi e tratti verticali. Non dovresti avere alcun problema nel disegnarlo. Successivamente creeremo la batteria in cima alla quale siedono tutte le parti e cerchiamo di raggiungere il punto interrogativo. La sua forma squadrata può essere costruita in due modi: o puoi disegnare le linee a mano e raddrizzarle, o semplicemente utilizzare lo strumento Linea (\). Di nuovo, prova a disegnare l'elemento del fulmine come una forma chiusa.



Passaggio 12

La composizione è un altro fattore importante da considerare in un'illustrazione. Ho provato a creare un tipo di composizione di montagna, che offre una buona lettura. Nella parte inferiore ci sono un sacco di parti, arrampicate, cercando di farsi strada. Andiamo avanti e cominciamo a disegnare le altre parti. Non esiste un vero ordine su come disegnarli. Inizia con quello che ti piace e pensa che sia più rilassante da creare.



Passaggio 13

Le ruote dentate possono essere create con lo strumento Ellisse (L). Puoi modificare il loro aspetto con lo strumento Trasformazione libera. Questo strumento ha tre attributi, ma solo uno lo distingue dagli altri. Quando posizioni il cursore su uno degli angoli del riquadro di delimitazione, diventa una freccia a doppia faccia diagonale.

Se dovessi fare clic e trascinare questa freccia, ridimensionerai il riquadro di delimitazione, ma in realtà non si verificherà alcuna distorsione. Quando una selezione è evidenziata, il cursore diventa una freccia rotazionale quando il cursore si trova all'esterno del riquadro di delimitazione.

Trascinando questa freccia semicircolare, ruoterai l'oggetto, ma ancora una volta non si verificherà alcuna distorsione. L'unico modo per sfruttare la potenza di questo strumento è fare clic su un angolo del riquadro di delimitazione e, tenendo premuto, fare clic sul tasto Comando, che ti permetterà di distorcere la selezione.



Passaggio 14

Quando tutto è impostato, nascondi il livello "schizzo", seleziona il tutto (comando + A), quindi vai a Oggetto> Espandi aspetto. Questo ci aiuterà a riempire le parti, non importa quanto siano complicate.



Passaggio 15

Seleziona tutti gli elementi (Comando + A), vai a Secchiello pittura dinamica (K) e scegli # 93D2E2 come colore di riempimento. Inizia dipingendo le parti principali, facendoti gradualmente strada verso i dettagli più piccoli.



Passaggio 16

Crea un nuovo livello e chiamalo "Tipo". Trascinalo sotto il livello struttura. Puoi creare delle linee guida per aiutarti a costruire il tipo. Premi Comando + R per i righelli e trascina due guide orizzontali, inquadrando il tipo.

Puoi anche aggiungere una terza guida di costruzione, per quelle lettere più alte. Successivamente, con un pennello standard da 0,3 pt, inizia a tracciare il tipo. Se si fa doppio clic sull'icona Pennello, verrà visualizzata una finestra di dialogo delle impostazioni. Ho mantenuto Fidelity a 10 pixel e Smoothness al 25%.



Passaggio 17

Ancora una volta, dopo aver iniziato a tracciare il tratto, scoprirai che non seguirà esattamente lo schizzo. Questo può facilmente essere corretto. Usa le linee guida sopra, in particolare il Passaggio 4, per ridisegnarle e modificare la linea finché non si abbina perfettamente allo schizzo.



Passaggio 18

Una volta che tutto il tipo è completo, selezionalo e inserisci un colpo di peso da 3px. Con il testo ancora selezionato vai su Oggetto> Espandi aspetto. Seleziona nessuno per il colore di riempimento e # 417B79 per il colore del tratto. Vedrai due profili. L'originale sottile che abbiamo creato in precedenza e il nuovo più spesso. Con lo Strumento selezione diretta (A), fai clic sul tratto originale e premi Elimina.



Passaggio 19

Ci sono molti tratti intersecanti in questo momento. Il cavo intrecciato ha sempre due zone sovrapposte. Per ottenere un effetto cavo adeguato, dobbiamo considerare una cosa importante. Il tipo è composto da un unico pezzo lungo, quindi è necessario piegarlo per creare il tipo. Immagina un vero pezzo di corda di fronte a te e prova a modellarlo sotto forma di lettera.

Noterai che appariranno alcuni livelli e quello più vicino a noi maschererà gli altri. Con il tipo evidenziato, selezionare lo Strumento Gomma percorso e, come nel passaggio precedente, iniziare a cancellare la linea. Dove c'è un tratto continuo che deve essere separato, fare clic e trascinare la gomma al centro del tratto per dividerlo, quindi semplicemente cancellarlo alla lunghezza desiderata.



Passaggio 20

Continua a cancellare i tratti, fino a quando il punto di ancoraggio interseca la rispettiva linea in modo che non ci sia eccesso. Se cancelli accidentalmente troppo, premi Command + Z o Modifica> Annulla e dagli un altro colpo. Se ci sono aree che non sembrano giuste, premi A e trascina il punto di ancoraggio (o le sue braccia) per correggere quegli artefatti. Questi difetti possono verificarsi soprattutto in curve più lunghe o archi.



Passaggio 21

Ci è voluto un sacco di tempo per arrivare qui, ma abbiamo quasi finito. Ripeti le linee guida menzionate sopra e modifica di conseguenza la scritta personalizzata. Al termine, selezionare ciascun testo alla volta e riempirlo con # 93D2E2 utilizzando lo strumento Secchio pittura dinamica (K).



Passaggio 22

C'è solo una cosa che rimane prima di evidenziare. Vogliamo che le nostre luci e ombre siano in cima alle parti piene, eppure al di sotto delle linee dei tratti. Possiamo lasciarlo dal vivo, ma è molto più facile e veloce da disegnare, senza la preoccupazione di allineare perfettamente le forme con il contorno. Seleziona tutto nel livello "Struttura", vai su Oggetto> Espandi. Deseleziona facendo clic in qualsiasi punto della tela.

Quindi vogliamo separare il riempimento dal contorno. Per fare ciò, crea un nuovo livello, chiamalo "Riempi" e posizionalo sotto "Struttura". Con lo strumento Selezione (V), inizia a selezionare le parti piene, tenendo premuto MAIUSC. Seleziona solo alcune aree piene e premi Comando + X per tagliarle, fai clic per selezionare il livello "Riempi" e infine premi Comando + F per incollare in posizione. Ripeti questo processo fino a quando i due elementi si trovano su livelli separati.



Passaggio 23

Crea un nuovo livello, "Sfondo". Con lo Strumento Rettangolo (R) inserisci un rettangolo, che è la dimensione della tela. Con lo strumento selezionato puoi anche cliccare ovunque e inserire 850 px per 1250 px e premere OK. Questo livello deve essere posizionato sopra il livello "Schizzo", che ora può essere nascosto.



Passaggio 24

Ora che abbiamo creato tutti i nostri elementi, possiamo entrare e aggiungere ombreggiature ed evidenziazioni. Crea un nuovo livello, chiamalo "In evidenza" e posizionalo tra "Struttura" e "Riempimento".

Seleziona lo strumento Matita (N) e con un colore chiaro (# E4F4F7), inizia a disegnare le zone in cui la luce colpisce. Per un risultato immediato, fai doppio clic sullo strumento Pencil e seleziona Riempi nuovi tratti di matita. Di solito non utilizzo un riempimento a tratti quando si lavora con questo strumento, ma spetta a te decidere se questo corrisponde al tuo stile di lavoro. Ricorda, la fonte di luce principale è il punto interrogativo. Ci saranno delle luci secondarie che riflettono, ma ci penseremo noi più tardi.




Passaggio 25

Continua ad aggiungere altri punti salienti. Se la forma non è soddisfacente, ridisegnala o regolala con lo strumento curvatura.



Passaggio 26

Maggiore è lo sforzo e il tempo che dedichi ai dettagli, migliore sarà la nitidezza dell'illustrazione generale. Dopo aver completato l'aggiunta delle alte luci, passa all'ombra. Crea un nuovo livello, "Ombre" e posizionalo sopra al livello "In evidenza". Utilizzando lo stesso metodo a matita, inizia a bloccare alcune sfumature. Ancora una volta, è chiaro che la fonte di luce principale è il punto interrogativo in alto.



Passo 27

Aggiungi dettagli, come ombre sottili sui fili nella parte inferiore, ombre incurvate per le ruote dentate, ombreggia le alette del radiatore, ecc..




Passaggio 28

Quindi, creiamo l'illuminazione secondaria gialla. Crea un nuovo livello, chiamalo "Yellow Highlights", in cima al livello "Highlights". Con lo strumento Matita (N), usando # E5DC38 come colore, crea una forma che riempie l'occhio del pistone, la lampadina, la bottiglia di pozione, l'indicatore di piccolo calibro nella parte inferiore, così come gli occhi della batteria. Questi riempimenti fungeranno da nostre fonti di luce, rimbalzando la luce gialla sulle altre parti. Con la matita ancora selezionata, crea nuovi dettagli attorno all'illustrazione.




Passaggio 29

Quindi, facciamo in modo che la luce rifletta anche sul terreno. Questo crea una bella trama e lega insieme la parte inferiore. Useremo un pennello personalizzato per questo passaggio.

Su qualsiasi livello, disegna una forma di ellisse sottile e riempila di nero. Quindi, apri i pennelli e crea un nuovo pennello artistico. Nella finestra Opzioni, selezionare la direzione facendo clic sulla freccia che punta verso destra, quindi fare clic su OK. Crea un nuovo livello "Terra" e posizionalo sotto "Struttura". Con il nuovo pennello, crea piccoli tratti e posizionali sul fondo.




Passaggio 30

L'illustrazione è quasi finita. L'ultima cosa che dobbiamo aggiungere sono i mezzitoni, il punto interrogativo e le strisce posteriori. Per questo, avvia Photoshop e crea un nuovo documento in formato A4 a 300 DPI. Crea un nuovo livello e con lo strumento Selezione ellittica (M) crea un cerchio tenendo premuto Maiusc, nel mezzo della tela.

Riempi la selezione con un gradiente radiale in bianco e nero, utilizzando lo strumento Gradiente (G). Dovresti trascinare il gradiente dal centro del cerchio al suo margine e non oltre. Al termine, seleziona Filtro> Pixelate> Colore mezzitoni. Nella finestra delle impostazioni, imposta il valore max. Raggio a 15-20 e 0 per tutti i canali. Il nostro primo semitono è completo!



Passaggio 31

Crea un mezzotono più piccolo usando le tecniche sopra menzionate. Questo sarà usato attorno alla lampadina e agli occhi della batteria per farli scoppiare. Salva il file come jpg di alta qualità.



Passo 32

Tornato in Illustrator, apri il semitono jpg in una nuova scheda. Seleziona l'immagine, vai a Oggetto> Traccia live> Crea ed espandi. A seconda della versione di Illustrator, è possibile che venga visualizzato un messaggio di avviso, che la traccia potrebbe procedere lentamente con un'immagine così grande. Non ti preoccupare, basta premere OK. Potrebbe volerci un po 'prima che la traccia sia completa, quindi abbi un po' di pazienza.



Passaggio 33

Al termine dell'espansione, fai clic con il tasto destro e seleziona Separa. Deseleziona l'intero semitono e riseleziona lo spazio bianco attorno ad esso, quindi premi Elimina. Trascina il mezzitoni su un nuovo livello ("Mezzotono" posto sotto "Struttura") nella scheda dell'illustrazione e rilascia. Vedrai alcuni piccoli artefatti vicino al centro. Premi Y per lo strumento bacchetta magica, seleziona i piccoli spazi bianchi ed eliminali. Applica lo stesso metodo agli altri mezzitoni.




Passaggio 34

Ridimensiona e duplica i mezzitoni più piccoli, quindi posizionali. Tagliare e incollare in posizione (Comando + X, Comando + F) su un nuovo livello, denominato "Mezzitoni gialli", posizionato proprio sotto il livello "Mezzitoni". Eliminare i punti interni e riempire i mezzitoni rimanenti con # E4DB38. Ripeti questa operazione per gli altri mezzitoni. Seleziona quello più grande in alto e riempilo con # E3F3F6.



Passaggio 35

Crea un nuovo livello e chiamalo "Punto interrogativo". Nascondi tutti gli altri livelli, ad eccezione di "Schizzo". con un pennello tondo standard, traccia il punto interrogativo. Utilizzando lo stesso metodo descritto nei passaggi 16-21, aggiungi un po 'di peso al punto interrogativo. Riempilo con un colore più chiaro (# F5FBFE) per farlo risaltare. Sullo stesso livello, inizia a disegnare un'evidenziazione per dargli maggiore profondità.



Passaggio 36

Infine, faremo le due strisce più chiare nella parte posteriore. Crea un nuovo livello "Strisce" e posizionalo sopra al livello "Sfondo". Con lo strumento Pencil (N) e # B0E0E5 crea una forma rettangolare con una cima curva. Duplicalo, giralo verticalmente e posizionalo vicino all'altro.



Conclusione

Buon lavoro! Finalmente abbiamo finito. Spero ti sia piaciuto questo tutorial e non vedo l'ora di vedere le tue creazioni!