Creazione di un ambiente vettoriale stilizzato

Migliora il tuo talento seguendo questo tutorial di alto livello sulla creazione di un ambiente completo. Imparerai come usare il colore, la forma e la composizione all'unisono per creare un'illustrazione stilizzata.


introduzione

Sopra è l'illustrazione generale che lavoreremo per creare. Non commetterci errori, questa illustrazione ha una notevole quantità di abilità crude che è richiesta per completarlo, ma con l'aiuto di Adobe Illustrator, saremo in grado di massaggiare e rivedere l'artwork per completare la nostra visione.

Questo è un tutorial avanzato e presuppone una familiarità con il funzionamento di base di Pathfinder Palette. In questo tutorial imparerai come impostare il palcoscenico per creare ambienti con molti oggetti che occupano uno spazio, questo è un concetto importante che trascende qualsiasi illustrazione in piena regola.

Iniziamo!


Passo 1

Innanzitutto, utilizzare lo strumento Penna (P) e creare il pavimento e le pareti. Gli angoli di caduta delle linee sono arbitrari. Come evidenziato di seguito, prova a trascinare i punti per vedere esattamente quale sarà l'aspetto di base della stanza. Minore è l'angolo della linea orizzontale centrale, maggiore è l'aspetto di essere più vicino al livello degli occhi. Vado per una veduta aerea quindi ho reso l'angolo molto drammatico.

Mancia: Utilizzare lo strumento di selezione diretta (A) per selezionare rapidamente e facilmente i punti e trascinarli verso l'alto o verso il basso. Ciò eliminerà la necessità di ridisegnare le forme.



Passo 2

In questo passaggio ho indicato con le linee guida come gli angoli si uniscono tutti. Dovrai pensare in termini di spazio tridimensionale quando crei i tuoi oggetti. Le frecce sono semplicemente una rappresentazione visiva di come lo spazio si estende oltre l'area in cui disegneremo.



Passaggio 3

Usa lo strumento Penna e disegna una forma a diamante che corrisponda esattamente agli angoli della stanza.



Passaggio 4

Duplica la forma e spostala direttamente sotto.



Passaggio 5

Sempre usando lo strumento Penna, disegna i lati della scatola. Va bene che la scatola non è un cubo perfetto, in quanto ciò non consentirebbe agli angoli della scatola di essere perfettamente paralleli alla stanza. Quindi, assicurati che la scatola corrisponda alla stanza anche se potrebbe non essere un cubo perfetto.



Passaggio 6

Il cubo sarà il fondamento della maggior parte degli elementi nella stanza. Sotto, osserva come non importa quanto grande o piccolo o dove si trova la scatola, si trova sempre bene all'interno della stanza. Il motivo principale di ciò è dovuto al fatto che gli angoli con cui sono disegnate le scatole corrispondono agli angoli della stanza.



Passaggio 7

Per prima cosa creeremo il letto. Tieni una copia del cubo a lato dell'illustrazione, poiché la utilizzerai per la fondazione di molti oggetti. Usa lo strumento selezione diretta per trascinare i punti a destra.



Passaggio 8

Il concetto più importante da tenere a mente è che quando estendi i punti che devono rimanere paralleli alle pareti e al pavimento. Disegna le guide se necessario.



Passaggio 9

Trascina i punti evidenziati a sinistra.



Passaggio 10

Una volta posizionata la posizione base del letto, ora è possibile iniziare a distorcere leggermente i punti.



Passaggio 11

Per fare i bedposts, incolla un altro cubo e distorcilo nello stesso modo in cui lo facevamo per il letto.



Passaggio 12

I bedposts sono alti quindi rendiamo il cubo magro invece che largo.



Passaggio 13

Ancora una volta, una volta stabilita la forma di base delle colonne, è possibile irruvidire l'aspetto regolando i singoli punti.



Passaggio 14

Usando lo strumento Ellisse (L) disegnare un cerchio per la parte superiore del bedpost.



Passaggio 15

Questa illustrazione è incentrata su forme semplici. Usa lo strumento Penna per disegnare il cuscino.



Passaggio 16

Per forme leggermente più organiche, usa lo strumento Pencil (N.)

Mancia: Fare doppio clic sullo strumento Matita per visualizzare le opzioni. Regola la levigatezza a un livello superiore per creare forme con meno punti.



Passaggio 17

Usa lo strumento Matita e disegna sopra le forme base del letto per creare il copriletto.



Passaggio 18

Questo dovrebbe essere il tuo letto. Osserva che sto usando una manciata di sfumature grigie mentre disegno gli oggetti. Questo mi consente di concentrarmi sulla composizione e sulla forma piuttosto che essere distratto scegliendo i colori perfetti ancora. Il concetto principale da implementare deve essere coerente con il modo in cui si applica l'ombreggiatura a ciascuna superficie. Mi sono assicurato di usare sfumature più scure sulla destra.



Passaggio 19

Continua ad aggiungere altri elementi usando il cubo come punto di partenza.



Passaggio 20

Riempi lo spazio e inizia a prestare maggiore attenzione alla composizione mentre aggiungi nuovi elementi.



Passaggio 21

Le finestre hanno una forma più complessa ma sono fatte esattamente allo stesso modo di tutti gli altri elementi - con il cubo come punto di partenza.



Passaggio 22

Le persone in questa illustrazione non sono create usando il cubo. Questo elemento richiederà un tocco più tradizionale da completare. Puoi scegliere di utilizzare un riferimento fotografico per creare il tuo popolo. In ogni caso, lo strumento Penna funziona bene per oggetti che sono curvi.



Passaggio 23

Disegna il resto del corpo e assicurati di mantenere i dettagli al minimo in modo che la persona corrisponda allo stile e alla complessità degli altri oggetti disegnati usando il cubo.



Passaggio 24

Usa vari valori quando disegni anche le persone in modo da non doverti concentrare sulla selezione dei colori.



Passaggio 25

Disegnare il mouse è facile, basta usare lo strumento Penna per creare il corpo.



Passaggio 26

Alcuni elementi possono essere fatti senza quasi nessuno sforzo. La coda è semplicemente un disegno a linee con un oggetto inchiostro artistico applicato. Per accedere a questo pannello vai su Finestra> Librerie pennello> Artistico> Artistico_Inchiostro.



Passo 27

Disegna anche i baffi usando gli inchiostri artistici.



Passaggio 28

Come puoi notare, questa persona è stata creata utilizzando molte più linee rette rispetto all'altra persona. Questa persona è un po 'più bloccata ma va bene. In questo modo abbina bene lo stile dell'illustrazione.



Passaggio 29

Ho disegnato il corpo del gatto usando lo strumento Pencil. Dopo alcuni esperimenti sarai in grado di determinare (o almeno avere una preferenza) quando si tratta di disegnare determinati oggetti con lo strumento penna o matita.



Passaggio 30

La coda del gatto si crea facilmente tracciando una linea e dandogli un tratto spesso con un tappo rotondo.



Passaggio 31

Lo strumento matita è stato usato per le zampe e le zampe.



Passo 32

Una volta che hai disegnato i tuoi elementi principali, questo è il momento di posizionarli e creare un'illustrazione equilibrata. Non è necessario che ogni elemento sia illustrato, ma trovo più semplice determinare quale sia l'illustrazione mancante prima o dopo.



Passaggio 33

In tutta l'illustrazione sto usando sfumature molto sottili per suggerire profondità e sfumature. La parete sinistra utilizza un gradiente lineare mentre il muro e il pavimento destro utilizzano un gradiente radiale tenue.



Passaggio 34

Anche se aggiungeremo più ombre drammatiche agli elementi in seguito, i gradienti aiutano a indicare da dove viene la fonte di luce. In questa illustrazione la fonte di luce proviene da in alto a sinistra e al centro della stanza. Quindi, mi sono assicurato che il lato destro della maglia delle persone fosse un po 'più scuro del lato sinistro.



Passaggio 35

I libri non hanno bisogno di sfumature.



Passaggio 36

Per selezionare facilmente una tonalità più scura dello stesso colore, utilizzare il menu a comparsa e passare la tavolozza a HSB. Dopodiché sarai in grado di selezionare un giallo più scuro.



Passaggio 37

L'armadio ha un'ombreggiatura più scura a sinistra perché si trova sul bordo sinistro della composizione. Questo è un modo sottile per inquadrare la composizione.



Passaggio 38

Per creare la trama sul copriletto disegnare gli ovali usando lo strumento Ellisse.



Passaggio 39

Imposta l'ovale su Moltiplica nella tavolozza Trasparenza in modo che si fonda perfettamente con il colore retrostante.



Passaggio 40

Usa lo strumento Penna per disegnare le aree che si avvolgono attorno al bordo.



Passaggio 41

Se hai forme che si sovrappongono, usa la funzione Unisci nella Tavolozza degli itinerari.



Passaggio 42

Usa la funzione Dividi per forme che si estendono oltre il bordo del copriletto.

Mancia: Trovo più facile fare una copia a lato degli elementi che devono essere divisi. Ripongo quindi la forma risultante in cima all'illustrazione. Questa tecnica mi consente di mantenere intatte le forme originali.



Step 43

Sotto, l'ovale è una nuova forma sulla parte superiore del copriletto, non è una forma tagliata nel copriletto originale. Se a un certo punto decido di rimuovere quel particolare ovale sarebbe semplice da fare e non disturberei il copriletto originale che era stato disegnato. Questo è il vantaggio dell'utilizzo della funzione Dividi del Pathfinder su una copia delle forme e non sull'originale.



Passaggio 44

Il pipistrello è stato disegnato usando un ovale e lo strumento Penna.



Passaggio 45

Usa lo strumento Pencil per disegnare la trama del legno sul pipistrello.



Passaggio 46

Gli arbusti vengono disegnati anche usando lo strumento Pencil. Stilisticamente ho deciso di aggiungere una linea continua che rappresenta un altro gruppo di arbusti senza riempimento.



Passaggio 47

A questo punto dell'illustrazione tutte le forme dovrebbero avere un riempimento o una sfumatura di base e sottile. Trovo particolarmente utile utilizzare lo strumento Bilanciamento colore per modificare i colori. Uno degli elementi più unificanti dell'illustrazione è il modo in cui i colori funzionano l'uno con l'altro. Se alcuni colori sono molto più forti di altri, questo elimina il bilanciamento dell'illustrazione. Per rimediare, aggiusto i colori finché non sono pienamente soddisfatto di loro. Per modificare i colori, seleziona prima gli oggetti che devono essere modificati, quindi vai a Modifica> Modifica colori> Regola bilanciamento colore. Nella prima immagine qui sotto noterai che ho sperimentato il colore delle pareti e del pavimento.



Passaggio 48

Ora, inizieremo ad aggiungere le ombre più drammatiche. Usa lo strumento matita e disegna una forma dall'aspetto naturale sotto la persona.



Passaggio 49

Nella palette Trasparenza imposta l'ombra su Moltiplica e l'Opacità a circa il 30%.



Passaggio 50

A seconda delle tue preferenze, puoi scegliere di utilizzare semplicemente un gradiente che sfuma in trasparenza, come mostrato sull'ombra sulla maglietta. Spetta a te scegliere il metodo che utilizzi per creare le ombre. Sperimenta tecniche diverse per vedere cosa ti piace di più.



Passaggio 51

Continua ad aggiungere le altre ombre al resto della persona.



Passaggio 52

Aggiungi ombre anche agli altri oggetti più piccoli.



Passaggio 53

Ricorda di impostare le tue ombre su Moltiplicare in modo che si fondano bene quando hai più ombre sovrapposte. Questo crea anche alcuni effetti interessanti!



Passaggio 54

Il cuscino ha delle ombre sottili che potresti non notare a prima vista.



Conclusione

Ora la tua illustrazione è completa! Spero ti sia piaciuto questo tutorial e ti incoraggio a creare il tuo ambiente. Prenditi il ​​tuo tempo e sii paziente con te stesso e sarai sicuro di creare qualcosa come mai prima d'ora!