Crea un'illustrazione di concetto della sneaker nel vettore

Nel tutorial di oggi, ti mostrerò come creare un'illustrazione concettuale per sneaker che abbia un aspetto commerciale. Mi sono ispirato allo stile kawaii, che puoi vedere in diverse aree delle più famose comunità di vector art. Ho usato uno stile di bagliore interno coerente tramite il pannello Aspetto che imparerai qui.


Passo 1

Creerò il mio nuovo documento come di solito farei, con uno strato per l'immagine di riferimento, un livello "BG" per un rettangolo di riempimento bianco (M) impostato su 50% Opacità, con livelli per "Line Art" e abbozzare.



Passo 2

Utilizzerò lo strumento Pennello blob (Maiusc + B) per eseguire il mio disegno, tuttavia prima di tutto modificherò le impostazioni dello strumento in modo che possa trarre beneficio dalla mia tavoletta grafica.

Per fare ciò, fare doppio clic sull'icona dello strumento Pennello blob nella barra degli strumenti per ottenere la finestra di dialogo Opzioni strumento pennello blob. Ho modificato "Dimensione" in 2pt e selezionato "Pressione" nel menu a discesa. Ho quindi cambiato "Variation" in 2pt. Fare clic su OK una volta fatto.


Poi ho abbozzato il concetto base che avevo in mente. Ho disegnato ognuno degli elementi separati in un colore diverso e poi li ho raggruppati (Command + G) per rendere più facile spostarli dove avevo bisogno di loro.



Passaggio 3

Ora inizia a disegnare la linea grafica per la sneaker. Userò i tratti neri per tutto nelle fasi iniziali. Tuttavia mostrerò alcuni tratti come colori diversi, ma questo è solo per mostrare quali linee e forme sono state disegnate separatamente.

Inizierò disegnando il contorno generale della sneaker con un peso di 2pt Stroke. Questa forma iniziale avrà un riempimento bianco, mentre tutto il resto non avrà un riempimento.



Passaggio 4

Per i rientri della suola della sneaker, userò lo Strumento Segmento di linea (\) per disegnare quattro piccole linee con un peso di 4 punti e tappi arrotondati. Vado quindi a selezionarli e andare su Oggetto> Espandi per convertirli in forme.


Quindi userò il pannello Pathfinder su Minus Front con le quattro forme arrotondate della forma più grande della sneaker.



Passaggio 5

Ora per disegnare il resto delle linee della sneaker. Queste linee avranno un peso di corsa 0,75pt. Tuttavia, ci sono parti in cui è possibile vedere il lato della pelle sovrapposta della scarpa.

Con questo ho usato tratti 0,75pt per la superficie superiore della pelle e poi ho usato una corsa di 0,25pt per il fondo del lato della superficie. Come sempre, per semplificare l'uso della grafica al tratto, utilizzare le guide sensibili (Comando + U) per le linee intersecanti.


Dopo aver tracciato le linee che dividono la sneaker, noterai che dove alcune linee si intersecano tra loro, gli angoli potrebbero non corrispondere. Avrai bisogno di spostare le linee intorno forse da alcuni degli angoli diretti per avanzare di una linea per far combaciare gli angoli. Questo darà un aspetto complessivamente più pulito alla grafica.



Passaggio 6

Per i fori di pizzo, ho usato lo strumento Ellisse (L). Per prima cosa ho disegnato la prima forma per l'esterno del buco del merletto e poi ho usato lo strumento di trasformazione libera (E) per ruotare e modificare l'ellisse. Quindi ho duplicato la forma e ridotto la sua dimensione con lo strumento di trasformazione libera (E). Queste linee sono impostate su 0,75 pt di peso del tratto.



Passaggio 7

I lacci stessi possono essere un po 'complicati, tuttavia, seguendo l'immagine e comprendendo quale pezzo si sovrappone, dovresti essere in grado di disegnare forme per ogni parte del merletto incrociato nell'area della lingua. Noterai che ho evidenziato una delle linee lungo il bordo dell'area della lingua. Duplica questa linea e crea una forma da essa per la parte successiva.


Non preoccuparti dei lacci sovrapposti, questo può essere risolto utilizzando la forma appena ricreata e utilizzandola su Pathfinder> Minus Front sulle forme pertinenti. Ora fai attenzione quando lo fai, devo ammettere che mi ci sono voluti un paio di tentativi per assicurarmi di avere le giuste sezioni di pizzo! Ricorda sempre di modificare> Annulla (Comando + Z) o anche duplicare le forme in caso di dubbio. In realtà ho annullato la programmazione in uno dei pulsanti del mio pennino penna reale.


Ho quindi disegnato lungo il lato dei lacci con un tratto da 0,25 punti per i dettagli aggiunti.



Passaggio 8

Usando lo schizzo, ho disegnato il merletto con un riempimento bianco e un tratto nero da 0,75 pt con lo strumento Penna (P). Quindi usando lo strumento Larghezza (Shift + W), ho aumentato la dimensione della larghezza del tratto nei punti in basso a 2pt. Ho quindi mantenuto costante il peso della corsa 0,75pt dalla metà del pizzo verso l'alto, quindi dal punto medio del merletto verso il basso aumenterà lentamente fino a 2pt.



Passaggio 9

Ho aggiunto il pizzo dietro la scarpa, con un peso di corsa 0,75pt e quindi una corsa di 0,25 punti per i dettagli.



Passaggio 10

Disegna un cerchio uniforme di riempimento bianco con lo strumento Ellisse (L) e aggiungi un tratto nero di 0,75 pt. Vai a Effetto> Distorci e trasforma> Irridisci e usa i valori sottostanti. Questo creerà l'effetto di base per un albero in stile cartone animato.


Ho quindi utilizzato lo strumento di trasformazione libera (E) e lo strumento di selezione diretta (A) per modificare la forma dell'albero come mostrato di seguito. Infine, ho aggiunto un rettangolo (M) modificato con un fondo curvo per il tronco sotto le foglie.



Passaggio 11

Ho raggruppato i due elementi per l'albero (Command + G) e poi lo ho duplicato. Ho quindi utilizzato lo strumento Trasformazione libera (E) per modificare la scala dell'albero. L'effetto Irruvidire, che si trova sulla cima / le foglie dell'albero, si regolerà automaticamente con il riscalaggio; quindi contribuirà a rendere gli alberi diversi l'uno dall'altro. Il ridimensionamento degli alberi ha anche contribuito a creare un'illusione di prospettiva e ha fatto sembrare che abbiamo una enorme sneaker.



Passaggio 12

Per lo sfondo, ho aggiunto tre ellissi (L) con un riempimento bianco e un tratto nero 2pt. Quindi ho inserito un rettangolo di riempimento bianco (M) in cima con un tratto nullo.



Passaggio 13

Ho usato lo strumento tavola da disegno (Maiusc + O) per modificare le dimensioni della tavola da disegno. Nell'illustrazione, vorrei nascondere e mostrare la tavola da disegno andando a Visualizza> Mostra / Nascondi tavola da disegno.

Mentre sto mettendo insieme un'illustrazione, cerco di non essere limitato dalle dimensioni e di lavorare molto più libero con lo spazio della tela. In seguito, modificherò la tavola da disegno e renderla visibile per darmi una buona idea di come la composizione finale possa essere messa insieme.



Passaggio 14

Le nuvole sono composte da più cerchi creati con lo strumento Ellisse (L). Ho quindi utilizzato Align> Vertical Align Bottom e poi Pathfinder> Unite per creare una forma. Con lo strumento Penna (P) ho quindi rimosso punti lungo la parte inferiore della forma della nuvola.


Ho creato diverse di queste forme di cloud per renderle più casuali, quindi duplicarle e raggrupparle con altre forme cloud (Command + G). Una volta terminato, posizionateli intorno al cielo con un riempimento bianco e un tratto nero da 0,75 pt.



Passaggio 15

Per la strada, ho creato una linea tratteggiata veloce. Non ho usato l'opzione linea tratteggiata nel pannello Traccia, poiché non corrisponderebbe alla prospettiva della strada. Ho disegnato una linea per il peso della corsa di 10 pt con il profilo "Profilo della larghezza 4" collegato per creare l'effetto tapering.


Quindi vai su Oggetto> Espandi per espandere il tratto in una forma. Dagli un riempimento bianco e un tratto nero di 0,25 pt.


Ho quindi utilizzato lo strumento Gomma (Maiusc + E) per rimuovere sezioni della linea per creare il tratteggio. Dovrai assicurarti che tutte le altre forme siano bloccate, altrimenti finirai per cancellarne pezzi!



Passaggio 16

Mentre sto andando per un'illustrazione dall'aspetto molto cartoon, aggiungerò un sun di stile kawaii di formaggio. Per fare questo, ho intenzione di disegnare un riempimento bianco, un cerchio nero da 0,75 pt con lo strumento Ellisse (L), quindi aggiungere due cerchi neri di riempimento per gli occhi e mezza ellisse per la bocca. Per l'aspetto kawaii, gli occhi e la bocca sono tutti lungo la stessa linea orizzontale e a sud del centro della forma.


Ho duplicato la bocca del semicerchio e ho usato Pathfinder> Intersect con una forma Rettangolo arrotondato per produrre la lingua. Questo avrà un tratto nero di 0,75 pt e un riempimento bianco.



Passaggio 17

Per i raggi di luce dal sole, ho tracciato una linea orizzontale con lo strumento Segmento di linea (\) usando un profilo di larghezza e larghezza di 80pt Stroke 4. Poi sono andato su Oggetto> Espandi per renderlo una forma e gli ho dato un riempimento bianco e un tratto nero di 0,25 pt.


Usando Effetto> Distorci e Trasforma> Trasforma, l'ho duplicato 17 volte con un angolo di 20 gradi dal lato sinistro centrale e ho fatto clic su OK.



Passaggio 18

Per completare la nostra grafica, aggiungerò una linea tratteggiata attorno alla sneaker per i punti.



Passaggio 19

Ho iniziato a colorare la linea d'arte. Per la sneaker, ho creato un gruppo di tutte le linee (Command + G) e poi ho usato il Live Paint Bucket (K) per aggiungere colori alla sneaker. Per il resto dell'illustrazione, ho appena usato lo Strumento selezione diretta (A) e sostituito i riempimenti bianchi. Per i raggi di luce, gli ho dato un riempimento bianco e ho ridotto l'opacità al 50%.



Passaggio 20

Per ogni parte dell'illustrazione, aggiungerò un'ombreggiatura simile tramite il pannello Aspetto. Aggiungerò un bagliore interno vettoriale, simile all'ombra a goccia vettoriale che ho creato in questo tutorial. Duplica un tratto interno allineato e aumenta gradualmente il peso della corsa, mentre si utilizza la modalità di fusione Moltiplica e una Opacità inferiore. Presta attenzione agli screenshot poiché alcuni elementi useranno diverse opacità percentuali.

L'albero / le foglie utilizzeranno le seguenti impostazioni del pannello Aspetto:


E poi il baule:



Passaggio 21

Per un effetto cartoon dettagliato delle foglie sull'albero, ho usato lo strumento Blob Brush (Shift + B) per aggiungere linee arricciate sulla forma con un riempimento verde chiaro e un'opacità del 50%.



Passaggio 22

Per il sole ho usato un 2pt giallo all'interno del tratto allineato sopra un gradiente radiale da magenta a giallo.


La lingua ho usato uno stile simile, questa volta con un gradiente radiale da bianco a viola.



Passaggio 23

Per le nuvole ho utilizzato l'effetto bagliore interno vettoriale con tre duplicati, Opacità 10%, con la modalità di fusione moltiplicata e tratti allineati all'interno di 1pt, 2pt e 3pt. Ho usato un gradiente radiale da bianco a blu chiaro per aggiungere un leggero effetto blu al riempimento delle nuvole.



Passaggio 24

Ho usato lo stesso effetto con le colline con un leggero cambiamento. Sono stato duplicato all'interno di tratti allineati per 2pt, 3pt, 4pt e 5pt impostati su Blending Mode Multiply con Opacity 10%. Quindi due ulteriori colpi a 7pt e 9pt Peso corsa impostato su Blending Mode moltiplicano e Opacity 5% per dare un bordo più morbido all'effetto glow interno.


Per la collina nella parte posteriore, ho aggiunto un riempimento aggiuntivo di un gradiente radiale da bianco a verde scuro impostato su Blending Mode Multiply e Opacity 40%.



Passaggio 25

Ho utilizzato il processo di illuminazione interna vettoriale per il merletto / strada e ho anche utilizzato il motivo "USGS 21 Intricate Surface" per conferirgli una trama sottile. Puoi trovarlo accedendo al menu a discesa nel pannello Campioni, quindi a Apri libreria di campioni> Motivi> Grafica di base> Grafica_Tempi di base.



Passaggio 26

Con la sneaker, duplicare il gruppo di pittura dinamica e quindi Oggetto> Espandi (tratto antistress). Avrai un gruppo che contiene due gruppi, uno sarà la line art e l'altro le forme riempite.

Duplica il gruppo di forme riempite e quindi rimuovi le forme per la suola della scarpa. Nel pannello Aspetto aggiungo due riempimenti con il pattern "Burlap", che puoi trovare nella galleria Basic Graphics_Texture come prima. Tuttavia, con uno dei riempimenti, ho intenzione di spostare leggermente il motivo usando Oggetto> Trasforma> Sposta e usando le impostazioni di seguito.


Il motivo per cui sto facendo questo è un riempimento che verrà impostato su Blending Mode Screen con Opacity 20% e l'altro sarà impostato su Blending Multiply con Opacity 10%. Se si sovrapponevano l'un l'altro (non usando la mossa), annullerebbero l'effetto che voglio creare.



Passo 27

Usando l'effetto bagliore interno del vettore, lo applicherò a ciascuna delle forme colorate della sneaker. Utilizzare lo strumento selezione diretta (A) per selezionare prima il colore, quindi selezionare Seleziona> Stesso> Colore riempimento per ottenere tutte le forme, che hanno questo colore di riempimento. Di seguito sono riportate le impostazioni del pannello Aspetto per ciascun colore:





Passaggio 28

L'interno della sneaker ha lo stesso processo, tuttavia questa volta con un gradiente radiale grigio trasparente verso la parte inferiore della forma per aggiungere ombra.


Lo stesso gradiente viene utilizzato per l'interno dell'area della linguetta della scarpa.



Passaggio 29

I lacci rimanenti useranno l'effetto bagliore interno vettoriale.



Passaggio 30

Ho modificato la cucitura della sneaker cambiando il colore del tratto in bianco. Tuttavia, ho aggiunto un contorno sottile attorno alle cuciture. L'ho fatto duplicando il tratto e ho avuto un colpo di colore grigio con cappuccio rotondo di 2 pt dietro un tratto bianco da 0,75 punti arrotondati. Entrambi i tratti sono una linea tratteggiata di 3 punti come prima.

Dovrai quindi trascinare e rilasciare il gruppo di linee tratteggiate nel gruppo delle forme della sneaker. Dovrà essere al di sotto della linea artistica e sopra le forme strutturate della tela ruvida.



Passaggio 31

Ho cambiato il colore dei tratti intorno alla sneaker con un grigio scuro. Voglio ancora che la scarpa si distingua sopra ogni altra cosa, tuttavia ho sentito che il contorno nero era un po 'troppo potente per l'intera scarpa. Ho mantenuto il tratto nero sui pizzi e sulla strada / pizzo.



Passo 32

Ho usato una sfumatura radiale trasparente grigia come riempimento di un'Ellipse (L) per aggiungere ombre sottili sotto gli alberi. Questi sono impostati su Blending Mode Multiply e Opacity 50%.


Ho usato le stesse sfumature per l'ombra sotto la punta della scarpa e l'ombra proiettata dal pizzo. Sono impostati su Blending Mode Multiply with Opacity 80%.



Passaggio 33

Sono tornato a usare lo strumento tavola da disegno (Maiusc + O) e ho modificato le dimensioni in una tavola da disegno A4 verticale. Volevo mantenere l'altezza di 600pt, quindi avevo bisogno di scoprire che larghezza avrebbe dovuto essere.

Dato che non conosco ciò a mano, ho cercato su Google il formato della carta, che era 210 x 297 in millimetri. 297 diviso per 210 è 1.4. Quindi 600 diviso per 1.4 mi darà la larghezza richiesta ... 428 che ho inserito nel valore della larghezza. Ho quindi spostato lo strumento tavola da disegno (MAIUSC + O) attorno alla tela sul ritaglio che trovo migliore.



Passaggio 34

Con il nuovo raccolto, cambierò il posizionamento di alcuni elementi. Questo include il sole ...


Poi ho aggiunto altri alberi alle aree circostanti ...


E poi ho modificato la posizione delle nuvole.



Passaggio 35

Infine, ho aggiunto una leggera sfumatura radiale blu, invertita, trasparente impostata su Blending Mode Multiply per aggiungere una leggera variazione di colore.



Conclusione

Spero che ti sia piaciuto il tutorial Premium di oggi sulla creazione di questa illustrazione concettuale. Mi sono divertito molto a crearlo e mi sono più interessato a provare uno stile kawaii di grafica ... forse potremmo vedere altri tutorial di questo in un secondo momento!