Questo tutorial mira a guidarti dallo sketchbook allo schermo; un "Fat Cat" scarabocchiato con biro tradotto in una caricatura vettoriale ordinata. È consigliata la conoscenza intermedia di Adobe Illustrator. Diamo un'occhiata a come creare un'illustrazione di gatto sfacciato, dal concetto iniziale fino alla bontà del vettore.
Di seguito è riportato il progetto finale su cui lavoreremo.
Parla con qualsiasi illustratore e predicheranno il significato del disegno. I media che usi sono irrilevanti, potresti essere scarabocchiare sulle tende del tuo salotto con il ketchup di pomodoro, non importa. L'importante è che disegnando puoi visualizzare e sviluppare rapidamente le tue idee. Ecco un utile articolo su Sketching nel processo di progettazione.
La tua capacità di disegno è di maggiore rilevanza, anche se la natura dello schizzo significa che attraverso la pratica e il perfezionamento potrai solo migliorare. Questo vale per le abilità su tutta la scala. Il primo passo è quindi da te. Vai e abbozza. Getta le tue idee su carta (o altro), respingile, perfezionale o abbracciale. Una volta che sei soddisfatto, puoi pensare a trasferirli sul tuo schermo.
Per lo scopo di questo tut ho disegnato a Gatto grasso caricatura. Affermazione politica? Non proprio, ma il termine sembra essere sulla bocca di tutti in tutto il mondo al momento. Era solo nella mia testa.
Puoi vedere il numero di linee nello schizzo quanto modanatura Aveva bisogno. Anche questa posa non fu affatto il primo tentativo.
Per questo passaggio avrai bisogno di uno scanner o almeno di qualche mezzo per digitalizzare il tuo disegno (fotocamera digitale, fotocamera sul tuo cellulare). In ogni caso, il tuo schizzo deve essere trasferito sul tuo computer con una risoluzione sufficientemente alta da permetterti di lavorare con esso. Il mio schizzo è largo 1500px e alto 1500px che va bene.
Apri il tuo file di schizzo (preferibilmente jpg, gif, png ecc.) In Illustrator aprendolo direttamente o aprendo un nuovo documento e andando su File> Inserisci. Dai al layer il nome appropriato e bloccalo. Ho anche nascosto la tavola da disegno (Visualizza> Nascondi tavola da disegno) per rimuovere il disordine indesiderato dal mio schermo.
Il processo di trasformazione dell'immagine in vettori è semplice. Richiede un po 'di abilità con lo strumento Penna, ma la maggior parte del processo decisionale riguardante la tua caricatura è già stato fatto.
Crea un nuovo livello su cui iniziare il disegno e assegnagli un nome appropriato ("Oggetti Gatto" nel mio caso). Seleziona lo strumento Penna e inizia tracciando grossolanamente la forma del corpo principale. Cerca di utilizzare il minor numero possibile di punti di ancoraggio per ottenere una scorrevolezza, ma non stai mirando a un cerchio perfetto.
Come puoi vedere dall'immagine qui sotto, ho tracciato un percorso chiuso per iniziare il corpo del gatto. Beh, in realtà non riesci quasi a vederlo. Abbiamo bisogno di migliorare il modo in cui lavoriamo con il documento, altrimenti ci creeremo mal di testa.
Fai doppio clic sul tuo livello "Schizzo" nella tavolozza dei livelli per aprire la finestra di dialogo Opzioni livello. Controlla le immagini scure sulla casella di controllo e inserisci un valore del 30%. Clicca OK. Questo sarà (forse ovviamente, ma questi sono spoonfed tuts vettoriali) offusca tutte le immagini sul livello "Schizzo" al 30%, rendendo il disegno più semplice.
Ora cambia il colore del tratto del tuo percorso con qualcosa di chiaro; Magenta per esempio (# FF00FF). Molto meglio!
Usa lo strumento Penna per disegnare le forme essenziali che creano la tua caricatura. Le orecchie come mostrato qui sotto possono rimanere come sono; possono essere posizionati dietro la forma del corpo principale e, una volta colorati, sporgono. Le strisce sulla parte superiore della testa devono essere ritagliate per essere all'interno della forma del corpo, quindi utilizzare gli strumenti Pathfinder per eseguire questa operazione. Il tutorial di Rype su come creare un personaggio Octopus super felice è una buona risorsa per fare i conti con gli strumenti Pathfinder in Illustrator.
Approfitta di alcuni dei metodi di Illustrator per costruire le forme che ti servono, invece di disegnare ogni contorno con lo strumento Penna. Disegna un singolo percorso lungo il centro del braccio sinistro. Ora modifica le proprietà del tratto usando la tavolozza Tratto; dargli le estremità arrotondate e renderlo abbastanza largo da riempire l'intera area del braccio.
Ora vai su Oggetto> Percorso> Cenni di contorno per cambiare il tuo percorso in un oggetto. Dagli lo stesso colore del tratto e la stessa larghezza del resto del disegno, quindi usa lo strumento Penna per disegnare artigli e zampe.
Copia e incolla (comando + C, Comando + V) il braccio del gatto e ruotalo su un asse verticale per andare sul lato opposto del corpo (Oggetto> Trasforma> Rifletti). Non duplicare gli artigli e le zampe che hai già creato, disegnale di nuovo per dare all'immagine quella piccola personalità in più. Ruota e posiziona gli elementi per il secondo braccio secondo necessità.
Quando la tua immagine inizia ad aumentare di complessità e la tua tavola da disegno si riempie di un numero sempre maggiore di percorsi, potresti trovare utile ripulire le cose ogni tanto. Selezionando tutto ciò che hai disegnato fino ad ora (Comando + A) e poi nascondendo tutto (Comando + 3) o Oggetto> Nascondi> Selezione, ti semplificheresti la vita. Niente più selezione accidentale di percorsi o confusione visiva.
Fatelo mentre procedete in varie fasi. Quando sei pronto (o hai dimenticato ciò che è stato disegnato) puoi rivelarlo di nuovo. Non sono stati cancellati!
Aumentare lo zoom e utilizzare lo strumento Penna (come al solito) per creare le forme di base che generano il Gatti grassi viso. Non hai bisogno di aderire al 100% alle linee del tuo disegno, è il tuo disegno e puoi ancora modificarlo se lo desideri! Successivamente, esamineremo la colorazione e il pathfinding della bocca per chiarire cosa sta succedendo lì.
Usa le sfumature come illustrato qui nella Tavolozza Campioni per colorare gli oggetti che formano la bocca. Dare ai due principali zanne un bianco puro al 100% in modo che saltino fuori. Inoltre, raggruppa tutti gli elementi della bocca insieme (Command + G).
Utilizzare lo strumento selezione diretta e fare clic sull'oggetto bocca principale. Copia (comando + C) e quindi fai clic sulla tavola da disegno per deselezionare l'oggetto. Fai clic su Comando + F per incollare l'oggetto al suo posto e sopra il gruppo della bocca.
Ora seleziona il gruppo bocca e l'oggetto bocca recentemente incollato. Vai a Oggetto> Maschera di ritaglio> Crea (Comando + 7) e il tuo Gatti grassi la bocca sarà pulita! A questo punto, puoi ancora utilizzare lo strumento selezione diretta per selezionare denti o altri oggetti per il riposizionamento.
Disegna i restanti elementi dello schizzo; colletto della camicia, cravatta, riflesso della finestra, ecc. Le strisce sulla maglietta sono fatte di strisce verticali ripetute, allineate con una spaziatura orizzontale uguale e quindi bulged con lo strumento Warp (Effetto> Deformazione> Bulge). I tracciati vengono quindi convertiti in contorni (Oggetto> Percorso> Corsa contorno) e modellati sul corpo utilizzando lo Strumento tracciato.
Per formare la forma della coda, ripetere i passaggi coinvolti con il disegno delle braccia; creare un percorso (questa volta anche facendo una copia), aumentare il peso del tratto, arrotondare le estremità e, infine, delineare il tratto.
Incolla il percorso copiato in posizione (comando + F). Questo darà delle strisce sulla nostra coda in qualche direzione.
OK, sono necessari alcuni mini passaggi per dare alla nostra coda delle strisce. Faremo un pennello personalizzato. Per prima cosa dovrai creare dei piccoli percorsi orizzontali distanziati attraverso la tavola da disegno come nell'immagine qui sotto. Dai loro un peso da corsa pesante quanto vuoi che abbiano le tue strisce.
Ora dovrai distribuirli casualmente. Con i tratti selezionati vai su Oggetto> Trasforma> Trasforma ognuno (Alt + Maiusc + Comando + D). Compila le opzioni all'interno del dialogo Trasforma ciascuna come illustrato di seguito per distribuire ogni tratto in modo casuale fino a 70 px orizzontalmente. Clicca OK.
Quindi trascina la raccolta di percorsi distribuiti casualmente nella tavolozza Pennelli (Finestra> Pennelli) e scegli di creare un pennello Nuovo disegno. Nella finestra di dialogo Opzioni pennello artistico dai un nome al tuo pennello e assicurati che scorrerà lungo il percorso, non su di esso. Clicca OK.
Seleziona il percorso centrale della coda e fai clic sul nuovo pennello all'interno della tavolozza Pennelli. Una bella coda a righe! Per terminarlo vai su Oggetto> Espandi aspetto e quindi rimuovi il percorso originale. Quindi vai su Oggetto> Tracciato contorno per trasformare le strisce in percorsi chiusi. Finalmente, usa lo Strumento Pathfinder per rifinire le strisce all'interno dei confini della coda.
Completato tutto il lavoro di linea, è ora di rendere tutto visibile (Oggetto> Mostra tutto) e dargli un po 'di colore. Ho incluso la palette di campioni nello screenshot qui sotto in modo da poter seguire lo stesso schema se lo desideri. Se costruisci la tua tavolozza cerca di mantenerla semplice e limitata.
L'oggetto ombra sotto il colletto è colorato con il viola nella parte inferiore dell'elenco dei campioni (dovresti cercare di evitare l'uso del 100% Nero quando possibile, solo sfumature scure). Ho dato una trasparenza moltiplicata del 30%.
Come puoi vedere, ho posizionato un rettangolo di sfondo e l'oggetto finestra su un livello separato per tenerli al di sotto del gatto.
Dai alla tua scena un po 'più di atmosfera sfocando l'oggetto finestra e spingendolo visivamente sullo sfondo. Selezionalo e vai a Effetto> Sfocatura> Sfocatura gaussiana ... Dagli un Raggio di qualcosa come 5 px e fai clic su OK. Ora dargli una normale trasparenza del 20% per finirlo.
Facciamo anche gli occhi un po 'più sinistri. Copiali e poi con gli originali ancora selezionati vai su Effetto> Applica sfocatura gaussiana. Avendo appena applicato questo effetto alla finestra, ora applicherai automaticamente esattamente lo stesso effetto con gli stessi parametri agli oggetti selezionati. I tuoi occhi originali ora hanno un Gaussian Blur con un raggio di 5px. Fai clic su Comando + F per incollare gli occhi copiati in alto per maggiore chiarezza.
Naturalmente, non devi rimanere fedele al 100% al tuo schizzo originale, ho riposizionato e ridimensionato le cose durante tutto il processo. Ora mi viene in mente che è necessario qualcosa in più, qualcosa Fat-Cattish. Ho intenzione di aggiungere un sigaro.
Usando i seguenti oggetti ho costruito un sigaro, colorandolo in seguito con simpatia all'immagine. L'ombra è ancora una volta viola scuro, ma con una opacità di appena il 10%. L'estremità incandescente del sigaro sta facendo proprio questo: selezionalo e vai a Effetto> Stilizzazione> Bagliore esterno. In questo caso, il bagliore ha una Modalità schermo, un colore di # CCA500 e una diffusione di 1,75 mm.
Per quel tocco finale di atmosfera sinistra ho copiato il rettangolo che forma quello sfondo e lo ha incollato su un nuovo livello sopra ogni altra cosa. Ha un gradiente di riempimento dal 60% del nero allo 0% del nero con il primo gradiente di arresto posizionato al 25%. Con una trasparenza a più punti, il rettangolo aggiunge un'oscurità eery alla base dell'immagine finale.
Un paio di baffi e ce l'hai! La creazione di un'immagine come questa può o non può venire naturalmente a te, la pratica è ovviamente la chiave. Il processo di trasformare i tuoi schizzi in arte digitale, tuttavia, dovrebbe ora essere un po 'più facile.