Come creare un'illustrazione Bodega Shop in Adobe Illustrator

Cosa starai creando

In questo tutorial creeremo un negozio completo con tutti i dettagli, oltre ad alcuni arbusti e una strada con i suoi lampioni, utilizzando le forme e gli strumenti più basilari di Adobe Illustrator.

Trova più ispirazione per le tue illustrazioni vettoriali su GraphicRiver.

1. Come creare un nuovo documento 

stampa Control-N fare un Nuovo documento. Impostare il unità a pixel, ed entra 800 x 600 per la larghezza e l'altezza del documento. Quindi nel Avanzate opzioni, selezionare RGBSchermo (72 ppi), e assicurati di deselezionare il Allinea i nuovi oggetti alla casella Pixel Grid prima di cliccare ok.

Vai al Preferenze (Control-K) e inserire 1 px per il Incremento della tastiera. stampa ok.

È possibile attivare il Informazioni pannello (Finestra> Informazioni) per avere un'anteprima delle dimensioni e della posizione delle tue forme. Ricordarsi di impostare l'unità di misura su pixel a partire dal Modifica> Preferenze> Unità. Ciò aumenterà notevolmente la velocità del tuo lavoro.

2. Come creare una strada

Inizieremo con la strada e il marciapiede del nostro negozio.

Inizia creando un 800 x 120 px rettangolo usando il Strumento rettangolo (M). Uso # 706B79 come il colore di riempimento.

Ora crea il marciapiede usando uno 704 x 10 px rettangolo (# A8A5AA) e uno 704 x 6 px rettangolo (# 706B79). 

3. Come creare un negozio

Ora per il passo più dispendioso in termini di tempo, il negozio.

Passo 1

Inizia creando l'officina. Creare un 314 x 7 px rettangolo (# 9D9588) con il Strumento rettangolo (M).

Quindi creare una colonna usando a 36 x 256 px rettangolo (# E9E7DC) e aggiungi i dettagli con due 22 x 53 px rettangoli (# F9F6E6) e a 22 x 125 px rettangolo (# F9F6E6). Impostato Round invertito angoli con a 5 px raggio dal Trasformare pannello.

Passo 2

Ora duplica due volte le forme interne della colonna (Control-C seguito da Control-F) e spostarli 2 px verso il basso con i tasti freccia della tastiera. Applicare Fronte meno dal esploratore pannello per ogni copia.

Cambia il colore di riempimento in # D6D4C3. Raggruppa la colonna insieme (Controllo-G) e duplicarlo (Control-C> Control-F) d'altra parte.

Passaggio 3

Creiamo la porta usando a 90 x 180 px rettangolo (# EAAB61). Quindi aggiungere un altro 62 x 34 px rettangolo (# DB9747) e creare un'ombra duplicando due volte (Control-C seguito da Control-F). Sposta l'ultima copia 4 px verso il basso e 4 px a destra.

Impostato Fronte meno dal esploratore pannello.

Passaggio 4

Creare la finestra della porta usando a 62 x 112 px rettangolo (# 78C4ED). Ora aggiungi un 5 x 112 px rettangolo (# 64ABD5) per agire come un'ombra.

Ora crea una coppia di rettangoli (#FFFFFF) e ruotarli 45º con il Ruota strumento (R). Imposta a 30% Opacità nella barra in alto e con il Strumento di creazione forme (Shift-M) rimuovere le forme rimanenti.

Passaggio 5

Ora crea un segno usando a 30 x 20 px rettangolo (#FFFFFF). Aggiungi due 2 x 18 px rettangoli (# EAAB61), ruotali finché non hanno a 45º angolo usando il Ruota strumento (R), e posizionali sotto il segno (tasto destro> Disponi> Invia indietro).

Quindi creare un 6 x 6 px ellisse (#FFFFFF) usando il Strumento ellisse (L). Disegna due rettangoli (# F7DDC0) sul segno.

Raggruppa il segno (Controllo-G) e duplicarlo (Control-C> Control-F). Uso # 64ABD5 come colore di riempimento per la copia, spostalo 2 px verso il basso e a destra, quindi inviarlo dietro il segno (Controllo-[).

Passaggio 6

Ora crea la maniglia usando a 7 x 7 px ellisse (# BB7B33).

Ora aggiungi un 224 x 27 px rettangolo (# EAAB61) per il muro del negozio e a 224 x 153 px rettangolo (# 78C4ED) per la finestra.

Duplica il rettangolo del muro due volte (Control-C seguito da Control-F) e sposta la seconda copia 3 px verso il basso e 3 px a destra. Impostato Fronte meno dal esploratore pannello. Cambia il colore di riempimento in # DB9747.

Passaggio 7

Crea alcuni blocchi nel muro con a 3 x 16 px rettangolo e a 61 x 3 px rettangolo (# DB9747), raggruppandoli insieme (Controllo-G) per formare una L rovesciata. Quindi duplicarla due volte (Control-C> Control-F).

Passaggio 8

Creeremo alcuni dettagli nella finestra. Prendi il Strumento penna (P) e disegnare la parte superiore di una barra usando il colore di riempimento # 6BAFE2.

Quindi disegna le ombre del sedile e alcuni bicchieri sul tavolo usando il colore di riempimento  # 5789C3. Intorno agli angoli dei sedili usando Angoli vivi con il Strumento di selezione diretta (A).

Passaggio 9

Ora crea le lampade usando uno 2 x 44 px rettangolo (# 5789C3) e uno 22 x 12 px rettangolo (# 5789C3). Sposta i nodi superiori dell'ultimo rettangolo verso l'interno di 4 px con il Strumento di selezione diretta (A).

Aggiungi un 8 x 8 px ellisse (# 5789C3) sotto il cofano della lampada e raggruppare tutto insieme (Controllo-G). Duplicalo (Control-C> Control-F) e posizionarli lontano l'uno dall'altro.

Passaggio 10

Aggiungi riflessi sulla finestra, disegnando tre rettangoli con il Strumento rettangolo (M). Uso #FFFFFF come colore di riempimento e impostare a 30% di opacità nella barra in alto.

Ruota i rettangoli 45 ° e usa il Strumento di creazione forme (Shift-M) rimuovere il resto della forma della finestra.

Passaggio 11

Ora aggiungi le divisioni della finestra usando uno 7 x 180 px rettangolo, uno 217 x 7 px rettangolo e uno 7 x 146 px rettangolo. Uso # F9F6E6 come il colore di riempimento.

Quindi aggiungere due 4 x 146 px rettangoli (# 64ABD5) e posizionarli sotto le riflessioni (Controllo-[) come mostrato nell'immagine qui sotto.

Passaggio 12

In questo passaggio creeremo il cieco. Per fare ciò, crea un 24,15 x 74 px rettangolo (# EAAB61) e attorno agli angoli inferiori. Duplica il rettangolo (Control-C> Control-F) tre volte e alternare l'uso del colore di riempimento # EDEEF0.

Passaggio 13

Ora disegna un rettangolo (# EAAB61) a un terzo di distanza dalla parte inferiore del cieco e rimuovere la forma rimanente con il Strumento di creazione forme (Shift-M). Impostare il Modalità di fusione a Moltiplicare e il Opacità a 35% usando il Aspetto pannello.

Aggiungere un 314 x 4 px rettangolo (#FFFDEF) nella piega del cieco, e dal Aspetto pannello impostato il Modalità di fusione a Luce soffusa e il Opacità a 50%. Raggruppa tutto insieme (Controllo-G) e duplicarlo (Control-C> Control-F).

Passaggio 14

Invia la copia nascosta all'indietro (Controllo-[) e applicare il colore di riempimento # 000000. Impostare il Opacità a 10% nella barra in alto.

Sposta la copia verso il basso una sola volta premendo il tasto Cambio chiave.

Passaggio 15

Aggiungi un architrave creando un 314 x 34 px rettangolo (# E9E1C4). Quindi creare un 296 x 168 px rettangolo (# D6D0B5) e impostare Round invertito angoli con a 4 px raggio dal Trasformare pannello.

Successivamente, duplicarlo due volte (Control-C seguito da Control-F) e sposta l'ultima copia 2 px verso il basso. Quindi applicare Fronte meno con la copia precedente usando il esploratore pannello. Uso # C2BCA4 come il colore di riempimento.

Passaggio 16

Creare un 314 x 35 px rettangolo (# D6D0B5) sopra l'architrave. Quindi creare un 4 x 28 px rettangolo (# C2BCA4) e intorno agli angoli inferiori.

Duplicalo e posizionalo dall'altra parte dell'architrave. Seleziona entrambi i rettangoli e vai a Oggetto> Miscela> Crea unire. Quindi stabilire un 40 separazione dei passi da Oggetto> Miscela> Opzioni di fusione.

Passaggio 17

Crea delle ombre sulle colonne usando due 36 x 4 px rettangoli (# D6D4C3). Successivamente, aggiungi un 314 x 7 px rettangolo (# C2BCA4) sopra l'architrave e impostare il Modalità di fusione a Moltiplicare con un 40% di opacità usando il Aspetto pannello. 

Passaggio 18

Finiamo il tetto, usando a 405 x 27 px rettangolo (# F9F6E6). Quindi, aggiungine uno 351 x 14 px rettangolo (# D6D0B5) e uno 351 x 4 px rettangolo (# C2BCA4). Infine, aggiungi un 360 x 7 px rettangolo (# F9F6E6). 

Passaggio 19

Crea dei cespugli con due 54 x 54 px ellissi e uso # 7FBB86 e # 68A96A come i colori di riempimento. Quindi, duplica i cespugli (Control-C> Control-F) e posizionare la copia dall'altra parte.

Assicurati di metterli dietro il negozio (Shift-Control-[).

4. Come creare un lampione

Passo 1

In questo passaggio, creeremo i lampioni sulla strada. Per fare questo, utilizzare un 18 x 18 px rettangolo (# 7C7C7C) e spostare i nodi superiori 2 px verso l'interno con il Strumento di selezione diretta (A).

Quindi aggiungere un 7 x 194 px rettangolo (# 6B6B6B) e spostare i nodi superiori 2 px verso l'interno. Successivamente, disegna un rettangolo in alto e cancella il resto con il Strumento di creazione forme (Shift-M).

Passo 2

Ora crea un 26 x 3 px rettangolo (# 6B6B6B) sul post e a 36 x 3 px rettangolo (# 6B6B6B) sopra l'ultimo rettangolo. Creare un 3 x 26 px rettangolo e posizionarlo nel mezzo, fare una copia (# 424.242) e cambia la sua altezza in 4 px nel Trasformare pannello.

Quindi prendi il Strumento penna (P) e disegna un trapezio per la lampada usando il colore di riempimento # F2F2F2. Posizionalo sotto il rettangolo (Controllo-[).

Passaggio 3

Creare un 36 x 3 px rettangolo (# 6B6B6B) e posizionarlo nel mezzo della lampada. Utilizzare il Strumento di creazione forme (Shift-M) per rimuovere le estremità con la forma della lampada.

Ora crea un 26 x 26 px ellisse (# 7C7C7C) e rimuovere il nodo inferiore. Posizionalo sulla parte superiore della lampada. Raggruppa insieme il lampione (Controllo-G), duplicarlo (Control-C> Control-F) e posizionarlo all'altra estremità del negozio.

Passaggio 4

Per finire, creiamo il cielo. Creare un 800 x 600 px rettangolo (# 80C3EA) e inviarlo sul retro della tela (Oggetto> Disponi> Porta in secondo piano).

Perfetto, hai finito!

Il risultato è encomiabile! Congratulazioni per aver raggiunto questo punto. Spero che ti sia piaciuto tanto quanto ho fatto e che tu abbia imparato molto. Starò a guardare i commenti!