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.
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 RGB, Schermo (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.
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
).
Ora per il passo più dispendioso in termini di tempo, il negozio.
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.
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.
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.
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.
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-[).
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
.
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).
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).
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.
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.
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.
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
.
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).
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.
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.
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.
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.
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
).
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-[).
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).
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-[).
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.
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).
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!