Crea un furgone Hot Dog colorato in Adobe Illustrator

Cosa starai creando

In questo tutorial creeremo un coloratissimo furgoncino dei cartoni animati, andando giù per la strada e portando spuntini deliziosi! Useremo forme di base e giocheremo con le modalità di fusione, aggiungendo ombre semi-realistiche e luci al nostro furgone per renderlo più lucido e tridimensionale. Iniziamo!

1. Crea la base del furgone

Passo 1

Iniziamo a formare il telaio del furgone da a 100 x 50 px rettangolo realizzato con il Strumento rettangolo (M). Selezionare il punto di ancoraggio in alto a destra con il Strumento di selezione diretta (A),e premere accedere per aprire il Mossa finestra delle opzioni. Impostare il Posizione orizzontale valore a -10 px e il Verticale valore a 0 px, spostando il punto di ancoraggio a sinistra.

Passo 2

Seleziona l'intera forma e usa la funzione Angoli vivi per arrotondare gli angoli tirando l'indicatore del cerchio al centro della forma, impostando il raggio dell'angolo a circa 10 px. Se questa funzione non è disponibile nella versione di Adobe Illustrator, utilizzare Effetto> Stilizzazione> Angoli tondi.

Aggiungi due rettangoli arrotondati più piccoli nella parte inferiore della forma, formando i paraurti anteriore e posteriore.

Passaggio 3

Seleziona il Strumento ellisse (L) e fare un 18 x 18 px cerchio per la ruota. Aggiungi due cerchi più piccoli all'interno per pneumatici e leghe. Metti uno stretto rettangolo verticale sulla base del furgone per il bordo decorativo, arrotondando gli angoli. Aggiungi una striscia più sottile nella parte superiore del furgone.

Passaggio 4

Formiamo il parabrezza del nostro furgone. Fai un rettangolo arrotondato nella parte anteriore, facendolo sovrapporre alla base del furgone. Aggiungi un altro rettangolo arrotondato accanto al primo, rendendolo un po 'più stretto.

Passaggio 5

Aggiungiamo un tavolo portatile per hot dog. Fai un rettangolo stretto, attaccandone il bordo superiore al bordo del furgone. Prendi il Strumento di selezione diretta (A) e selezionare il punto di ancoraggio in basso a sinistra del rettangolo. stampa accedere chiamare il Mossa finestra delle opzioni e impostare il Orizzontale valore a -5 px e il Verticale valore a 0 px, spostando il punto di ancoraggio 5 px a sinistra. Fai lo stesso per il punto di ancoraggio in basso a destra, spostandolo nella direzione opposta.

Passaggio 6

Rendi il tavolo più tridimensionale, aggiungendo una sottile striscia orizzontale nella parte inferiore del tavolo. Regola l'altezza del tavolo, rendendolo un po 'più stretto, in modo che si adatti alla prospettiva.

Aggiungi un rettangolo della stessa larghezza della tabella per la finestra. Seleziona entrambi i punti di ancoraggio superiori della finestra con Strumento di selezione diretta (A), e tira i segnalini di Live Corners per arrotondare la parte superiore della forma.

Passaggio 7

Aggiungi un piccolo rettangolo nella parte in basso a sinistra del furgone per il tubo di scappamento.

E dividiamo il furgone in due parti, in modo che possiamo colorare queste parti separatamente. Duplica la base del nostro furgone. Seleziona la copia della base insieme al bordo centrale. Prendi il Strumento di creazione forme (Shift-M) e passa il mouse sopra la parte inferiore del furgone finché non vedi una selezione grigia. Fai un solo clic sulla forma e qui ce l'abbiamo! Ora il fondo del furgone è una forma separata!

2. Applicare colori piatti al furgone

Passo 1

Ora che la base del furgone è pronta, applichiamo i colori base! Seleziona la base del furgone e cambia Riempire colore a beige chiaro e il Ictus colore a Nessuna nel Colore pannello. Applicare un colore rosso brillante sul fondo del furgone. Riempi il bordo centrale del furgone con un colore beige scuro.

Tagliamo quelle parti delle finestre che stanno fuori dalla base del furgone. Seleziona le finestre sovrapposte insieme alla forma del furgone di base e usa il Strumento di creazione forme (Shift-M) tenendo premuto il tasto alt chiave e facendo clic sui pezzi indesiderati per eliminarli.

Passo 2

Facciamo l'immagine più dettagliata aggiungendo cerchi alle finestre. Seleziona la finestra e vai a Oggetto> Percorso> Percorso offset, impostando il Compensare valore a -2 px

Trascina i punti di ancoraggio laterali delle finestre anteriore e posteriore sui lati, fuori dal bordo del furgone. Utilizzare il Strumento di creazione forme (Shift-M) per tagliare i pezzi non necessari fuori dal furgone, e riempire le forme di vetro con il colore blu brillante.

Applica tonalità scure di marrone al tavolo e alla finestra più grande, formando la parte interna del furgone.

Passaggio 3

Applica i colori alle ruote del nostro furgone.

Formiamo la tenda parasole sopra il tavolo. Inizia facendo un rettangolo ristretto di 6 x 20 px taglia. Mantenendo il rettangolo selezionato, premere accedere, e nel Mossa finestra imposta il Orizzontale valore a 6 px, che è uguale alla larghezza del nostro rettangolo. Clicca il copia pulsante per duplicare la forma e premere Control-D più volte per formare altre sette copie. Varia i colori delle strisce accanto ma uno, alternando i colori bianco e rosso.

Passaggio 4

Aggiungiamo forme arrotondate alla parte inferiore delle strisce. Prendi il Strumento ellisse (L) e creare un cerchio che si adatta alla larghezza della striscia. stampa Alt-Shift e trascina il cerchio a destra, creando una copia. stampa Control-D più volte, creando più cerchi.

Passaggio 5

Abbiamo bisogno di deformare il nostro parasole, mettendolo in una posizione corretta nella prospettiva. A questo scopo, crea un rettangolo sopra la finestra più grande, adatta la sua larghezza e modificalo spostando i suoi punti di ancoraggio inferiori ai lati, in modo che il rettangolo appaia schiacciato. 

Ora useremo questo rettangolo per creare l'aspetto prospettico del parasole. Gruppo (Control-G) le strisce del parasole (senza i cerchi) e selezionare il gruppo insieme al rettangolo creato. Vai a Oggetto> Distorsione busta> Crea con oggetto superiore. Fantastico, ora l'ombrellone copre la finestra!

Seleziona le cerchie e usa il Strumento Gomma (Shift-E) tenendo premuto il alt chiave per cancellare le metà superiori dei cerchi. Rendi un po 'più scuro il colore dei cerchi, aggiungendo dimensioni alla tenda.

Passaggio 6

Ora facciamo un delizioso hot dog! Fai un rettangolo giallo di circa 73 x 22 px taglia. Rendi gli angoli del rettangolo giallo completamente arrotondati. Crea un rettangolo più grande con angoli arrotondati, formando una salsiccia e riempilo con un colore rosso salsiccia. Aggiungi un'altra forma gialla e metti la salsiccia tra due pezzi di pane.

Passaggio 7

Aggiungiamo un po 'di salsa piccante alla nostra immagine! Utilizzare il Strumento Segmento di linea (\) per creare una linea retta orizzontale, tenendo premuto Cambio. Fare il Caps della linea arrotondata nel Ictus pannello.

Vai a Effetto> Distorci e trasforma> Zig Zag. Impostare il Taglia valore a 1 px, assoluto. E impostare Creste per segmento uguale a 8. Selezionare Punti morbidi e fare clic ok. Vai a Oggetto> Espandi Aspetto per applicare l'effetto, formando una porzione di senape. Aggiungi un'altra linea ondulata di colore rosso per il ketchup.

Passaggio 8

Metti l'hot dog in cima al furgone, proprio sopra la tenda da sole.

3. Usa i metodi di fusione per aggiungere dettagli lucidi al furgone

Passo 1

Seleziona la forma base del furgone e usa il Offset Path funzione con -Offset 2 px valore. Riempi la forma con un gradiente lineare dal marrone scuro al nero e cambia il punto Modalità di fusione a Schermo, creando un punto culminante lucido.

Passo 2

Applicare una sfumatura lineare vivida di tonalità scure e blu chiaro alle finestre. Scuriamo la parte superiore delle finestre. Fai una striscia orizzontale stretta attraverso la parte superiore delle finestre. Riempi con il colore blu e imposta il Modalità di fusione a Moltiplicare. 

E liberiamoci dei pezzi non necessari fuori dalle finestre. Seleziona le finestre, fai clic con il tasto destro e Crea un percorso composto, trasformando il gruppo di finestre in un'unica forma.

Passaggio 3

Seleziona sia il percorso composto della finestra che la striscia blu e usa il intersecare funzione del esploratore pannello. Ora abbiamo un bel suono blu nella parte superiore delle finestre.

Passaggio 4

Utilizzare il Offset Path funzione con -Offset di 1 px valore per aggiungere un riflesso lucido al bordo del furgone. Applica anche gradienti lineari ai bordi delle finestre.

Passaggio 5

Seleziona le ruote e usa il Offset Path funzione con Offset di 1 px valore. Trasforma le forme create in a Percorso composto, selezionalo insieme alla parte rossa inferiore del furgone e usa il Fronte meno funzione di esploratore per tagliare i fori per le ruote.

Passaggio 6

Copia la parte interna della ruota (la lega) e ridurla. Utilizzare il Strumento Gomma (Shift-E) per cancellare la parte centrale della forma. Altrimenti, usa il Pencil Tool (N) disegnare una linea ondulata attraverso il cerchio, e Dividere entrambe le forme esploratore per dividere il cerchio. 

Riempi le parti rimanenti con un gradiente lineare da grigio a nero e cambia il Modalità di fusione a Schermo, creando una luce lucida sulla superficie metallica della lega.

Applica una sfumatura radiale-beige al cerchio centrale della ruota, rendendola più tridimensionale.

Ecco come il nostro furgone guarda questo passaggio. Facciamolo un po 'più realistico aggiungendo ombre delicate!

Passaggio 7

Formare una striscia stretta sotto il tavolo, usando il Strumento rettangolo (M) e il Strumento di creazione forme (Shift-M). Riempilo con un colore beige chiaro e accendi il Modalità di fusione a Moltiplicare, formando un'ombra semitrasparente.

Applica sfumature grigie e rosse lineari alle strisce del parasole, rendendolo più realistico.

Passaggio 8

Ora aggiungiamo ulteriori dettagli al tavolo. Riempire la superficie superiore con gradiente radiale dal marrone chiaro al marrone scuro, imitando una superficie di legno lucido.

Passaggio 9

Prendi il Strumento rettangolo (M) e forma due strisce scure e strette, mettendole orizzontalmente lungo il tavolo. Aggiungi diverse strisce più chiare accanto a quelle scure, formando assi di legno tridimensionali.

Passaggio 10

Aggiungi ombre rettangolari distorte sotto il tavolo e il parasole, cambiando la Modalità di fusione a Moltiplicare, come abbiamo fatto in precedenza.

Passaggio 11

Rendiamo il nostro hot-dog piatto più realistico e tridimensionale. Applicare una sfumatura radiale schiacciata dall'arancione al giallo ai pezzi di pane dell'hot dog. Riempire la salsiccia con un gradiente simile da rosso scuro a rosa carne.

Aggiungere un paio di rettangoli arrotondati sopra la salsiccia e il pane, riempirli con sfumature lineari scure dal marrone al nero e passare Modalità di fusione a Schermo, facendo sottili riflessi. Infine, aggiungi ombre sottili semitrasparenti Multiple Blending Mode alle parti dell'hot dog.

Passaggio 12

Aggiungi un'ombra sotto l'hot dog in alto. Metti tre piccoli hot dog sul tavolo. Ricolora le strisce bianche del parasole con gradienti lineari giallo-brillante per rendere l'immagine più colorata e luminosa.

4. Aggiungi uno sfondo semplice alla nostra immagine

Passo 1

Crea un rettangolo di sfondo e riempilo con un colore marrone chiaro. Metti un'enorme ellisse schiacciata sotto il furgone per l'ombra e riempila con una sfumatura radiale schiacciata dal beige al bianco, passando a Multiple Blending Mode. Copia l'ellisse ombra due volte, riduci le copie e posizionale sotto entrambe le ruote del furgone.

Passo 2

Aggiungi un altro rettangolo di colore marrone scuro nella parte inferiore della tavola da disegno, formando la strada. Posiziona una linea retta orizzontale lungo la strada per il divisorio. Apri il Ictus pannello e spunta il Linea tratteggiata scatola, formando le lacune nella nostra linea. Imposta il valore del trattino su 20 pt e il divario 30 pt.

Regola i valori, se necessario, per adattarli alla scala complessiva dell'immagine. Se non hai ridimensionato il furgone e stai facendo una piccola immagine, potresti aver bisogno di usare valori più piccoli di circa 2-5 pt.

Passaggio 3

Crea una silhouette di paesaggio urbano da rettangoli marrone chiaro, rendendo forme più corte e più alte, raffiguranti edifici e grattacieli.

Aggiungi finestre marrone chiaro, formando gruppi di rettangoli piccoli e stretti sopra gli edifici.

Sìì! Il nostro colorato furgone dei cartoni animati con gustosi hot dog è finito!

Spero che ti sia divertito a creare questo furgone lucido con elementi luminosi e ho appreso alcuni nuovi trucchi e suggerimenti, utilizzando lo strumento Generatore di forme, il pannello Pathfinder e le modalità di fusione. Continua a fare cose creative e torna per altri tutorial! Divertiti!