Come creare una facciata Easy Coffee Shop in Adobe Illustrator

Cosa starai creando

In questo tutorial imparerai come creare facilmente un paesaggio di strada, utilizzando principalmente lo strumento Rettangolo e alcuni effetti in Adobe Illustrator.

1. Imposta lo sfondo

Passo 1

Vai a File> Nuovo per creare un nuovo documento, dimensioni 600px di 800px.

Crea tre nuovi livelli (Finestra> Livelli):

Passo 2

Seleziona il livello di sfondo. Scegli il Strumento rettangolo (M), fai clic sulla tavola da disegno e imposta il rettangolo su 600px di 800px. Imposta il colore di riempimento su R = 219 G = 219 B = 219 e allinearlo alla tavola da disegno con il Allineare pannello (Finestra> Allinea):

Seleziona il Strumento rettangolo (M) fai clic sulla tavola da disegno e imposta il rettangolo su 600px di 85px. Imposta il colore di riempimento su R = 190 G = 190 B = 190 e allinearlo alla tavola da disegno. 

Passaggio 3

Aggiungeremo un sentiero. Disegna un rettangolo sopra il precedente. Non preoccuparti di andare fuori dalla tavola da disegno, lo risolveremo in seguito. Imposta il tratto su 2pt e il colore del tratto a R = 168 G = 155 B = 152.

Scegli il Strumento Segmento di linea (\), tenere il cambio chiave e tracciare una linea verticale con a 2pt colore tratto e tratto R = 168 G = 155 B = 152.

Trascinare la linea appena creata alla destra Alt-Shift per copiarlo.

Quindi colpisci Control-D tre volte per ripetere la tua ultima azione:

Seleziona tutte queste forme, vai al esploratore pannello (Finestra> Pathfinder) e colpito Dividere.  Quindi vai a Oggetto> Espandi, selezionare Ictus solo e premi OK.

Mantieni selezionato il gruppo e vai a esploratore ancora e colpisci Unire

Scegli il Strumento rettangolo (M), disegnare un rettangolo come sotto, tenerlo selezionato, tenere premuto il tasto Cambio tasto, selezionare la forma del percorso pedonale e premere Fronte meno nel esploratore. Fai la stessa cosa dall'altra parte e hai il tuo sentiero!

2. Crea l'edificio

Passo 1

Seleziona il livello dell'edificio. Disegna un rettangolo come sotto senza traccia e colore di riempimento R = 232 G = 201 B = 193.

Passo 2

Quindi useremo il Trasformare effetto per disegnare i mattoni. Seleziona il Strumento rettangolo (M), fai clic sulla tavola da disegno e imposta il rettangolo su 22px di 9px. Imposta il colore di riempimento su R = 186 G = 63 B = 38 e posizionarlo all'esterno dell'angolo in basso a sinistra della forma dell'edificio. 

Mantieni selezionato il mattone, vai a Oggetto> Trasforma> Sposta e nel Orizzontale scatola entra -2px.

Mantieni selezionato il mattone, vai a Effetto> Distorci e trasforma> Trasforma e applicare le impostazioni di seguito:

Ecco il risultato:

Seleziona la forma originale del mattone, di nuovo vai a Effetto> Distorci e trasforma> Trasforma e applicare le impostazioni di seguito:

Fai la stessa cosa ancora una volta con le seguenti impostazioni:

Ed ecco cosa ottieni:

Passaggio 3

Seleziona di nuovo la forma originale del mattone e vai a Oggetto> Espandi Aspetto. Mantieni selezionato tutto il gruppo e premi Unire nel esploratore.

Copia e incolla (Control-F) la forma dell'edificio e portarla in primo piano (Oggetto> Disponi> Porta in primo piano).Tenerlo selezionato, tenere premuto il tasto Cambio chiave e selezionare il gruppo di mattoni. Vai al esploratore pannello e colpisci raccolto.

E qui abbiamo un bel muro di mattoni!

Passaggio 4

Seleziona il livello della caffetteria. Scegli il Strumento rettangolo (M), fai clic sulla tavola da disegno e imposta il rettangolo su 340px di 150px, dargli un R = 110 G = 86 B = 69 colore di riempimento Allinearlo all'edificio, posizionandolo leggermente a destra.

Disegna un secondo rettangolo di 370px di 85px, allinearlo al primo:

Passaggio 5

Aggiungiamo un'ombra tra il fondo e la parte superiore della caffetteria. Tenere il Cambio chiave e selezionare i due rettangoli. Copia e incolla li davanti (Control-F). Sposta la parte superiore di alcuni pixel verso il basso, cambia il colore di riempimento in R = 79 G = 59 B = 46

Seleziona le due forme e colpisci intersecare nel esploratore.

Passaggio 6

Seleziona di nuovo il rettangolo in alto, copialo e incollalo di fronte (Control-F), dai questo nuovo rettangolo a 2pt tratto, nessun riempimento e imposta il colore del tratto a R = 79 G = 59 B = 46. 

Ridimensiona come indicato di seguito e allinearla al rettangolo più grande.

Passaggio 7

Aggiungiamo il testo al segno. Seleziona il Tipo Strumento (T), seleziona il Desdemona font (Digitare> Carattere), imposta la dimensione dei caratteri su 50 e il colore al bianco. Fare clic all'interno del rettangolo e digitare il testo.

Mantieni il testo selezionato, vai a Oggetto> Espandi. Premi OK e aggiungi un 1pt colpo bianco ad esso.

Passaggio 8

Aggiungeremo finestre alla caffetteria. Scegli il Strumento rettangolo (M), Disegna due rettangoli bianchi e posizionali come segue:

Seleziona quei due nuovi rettangoli, copialo e incollali davanti (Control-F), dai loro il colore di riempimento R = 68 G = 50 B = 40. Ridimensionali come di seguito:

Passaggio 9

Aggiungeremo finestre all'edificio. Quindi seleziona il livello dell'edificio. Scegli il Strumento rettangolo di nuovo e disegnare una dimensione rettangolare 70px di 130px, dargli un 5pt bianco attiva e imposta il colore di riempimento su R = 68 G = 50 B = 40. 

Scegli il Strumento Segmento di linea (\), tenere il Shift chiave e aggiungi una linea nel mezzo di questo rettangolo. Disegna un altro rettangolo bianco per il davanzale della finestra:

Seleziona le tre forme e Gruppo loro insieme (Controllo-G) quindi vai a Oggetto> Espandi, seleziona riempimento e traccia e premi OK. 

Seleziona il gruppo di finestre, posizionalo sopra la caffetteria, a sinistra. tenere Alt-Shift e trascinare il gruppo a destra per copiarlo. 

Seleziona le due finestre, tieni premuto Alt-Shift e trascinali fino a duplicarli:

3. Aggiungi dettagli

Passo 1

Aggiungiamo i segni alle finestre della caffetteria. Disegna un piccolo rettangolo, imposta il colore di riempimento su R = 234 G = 210 B = 197. Scegli il Strumento Poligono, fai clic sulla tavola da disegno, inserisci 3 lati e premi OK. Assegna al triangolo il colore di riempimento e imposta il colore del tratto a R = 234 G = 210 B = 197. Regola le dimensioni e allinearlo al rettangolo.

Scegli il Tipo Strumento (T), seleziona il Myriad Pro font, imposta il colore a R = 63 G = 134 B = 137 e scrivi il tuo testo Regola le dimensioni e allinearlo al rettangolo. Raggruppa le tre forme insieme (Controllo-G) e andare a Oggetto> Espandi e premi OK.

Passo 2

Disegna una dimensione dell'ellisse 140px di 60px, disegnare un rettangolo e allinearlo al centro dell'ellisse. Seleziona entrambe le forme, vai al Pathfinder pannello e colpisci MInus Front. 

Useremo questa forma come guida per digitare il testo sulla finestra.

Posiziona l'arco al centro della finestra, seleziona il Digitare su uno strumento Path e fare clic sul punto di ancoraggio sul lato sinistro dell'arco. Seleziona il Macchina da scrivere americana font, imposta il tratto su bianco e su 16.5pt e scrivi il tuo testo. 

Passaggio 3

Aggiungeremo una tazza di caffè sulla finestra. Scegli il Strumento ellisse (L), disegnare un'ellisse che regge il Cambio chiave per averlo perfettamente rotondo. Seleziona il Elimina Strumento Punto di ancoraggio (-) e fai clic sul punto di ancoraggio superiore dell'ellisse per eliminarlo. 

Con il Strumento di selezione (V) seleziona la forma e trascina la parte superiore verso il basso per schiacciarla un po '. Aggiungi un'ellisse schiacciata in alto con il colore di riempimento R = 53 G = 53 B = 3.

Disegna un cerchio per la maniglia. Applicare una spessa traccia bianca. Scegli il Converti strumento punto di ancoraggio (Shift-C) e fare clic sul punto di ancoraggio inferiore. Quindi selezionalo con Strumento di selezione diretta (A) e trascinalo verso il basso. Ruota la maniglia con il Ruota strumento (R).

Vai a Ooggetto> Espandi, premere OK, ridimensionarlo e posizionarlo sulla tazza.

Disegna un rettangolo con un riempimento bianco. Devo Effetto> A capo> Bandiera e applicare le impostazioni come segue. Mantieni il rettangolo selezionato e vai a Oggetto> Espandi aspetto, colpisci ok. 

Fare clic sulla nuova forma e trascinarla sulla destra Alt-Shift per copiarlo. Allinearli con la tazza.

Metti la tazza sulla finestra.

Passaggio 4

 Aggiungeremo una grondaia sul lato dell'edificio. Seleziona il livello dell'edificio e disegna un rettangolo lungo e sottile all'altezza dell'edificio e assegnagli il colore di riempimento R = 109 G = 85 B = 68.

Per aggiungere dettagli alla grondaia, disegna un cerchio in basso e un rettangolo come sotto. Imposta il loro riempimento colore su R = 79 G = 59 B = 46.

Fai clic sul rettangolo, tieni premuto Alt-Shift e trascinalo verso l'alto.

Colpire Control-D ripetere questa azione altre due volte.

Passaggio 5

Aggiungiamo un orologio sul lato sinistro dell'edificio. Scegli il Strumento ellisse (L) e disegna un primo cerchio con il colore di riempimento R = 109 G = 85 B = 68. Disegna un secondo, più piccolo e bianco e posizionalo sopra. Quindi disegna un minuscolo, con colore di riempimento R = 109 G = 85 B = 68. Allinearli usando il Allineare pannello.

Scegli il Strumento Segmento di linea (\) e disegna due linee con il colore del tratto R = 109 G = 85 B = 68. Nel Ictus pannello, dare quindi un grosso peso e colpire Tappo rotondo. Mantieni le due linee selezionate e vai a Oggetto> Espandi, colpisci OK.

Aggiungi ellissi più piccole e duplicale come segue:

Disegna un rettangolo, tieni premuto Alt-Shift e trascinalo all'alba per duplicarlo e metterli dietro l'orologio (Oggetto> Disponi> Porta in secondo piano):

Seleziona tutte le forme e Gruppo loro insieme (Controllo-G), regolare le dimensioni dell'orologio e posizionarlo sul lato sinistro dell'edificio.

Passaggio 6

Aggiungiamo alcuni vasi di piante e fiori.

Per il primo piatto, disegna un quadrato con il colore di riempimento R = 232 G = 201 B = 193. Seleziona il punto di ancoraggio in alto a sinistra con il Strumento di selezione diretta (A) e spostalo di alcuni punti a sinistra. Fai lo stesso dall'altra parte. Quindi vai a Effetto> Stilizzazione> Angoli tondi e impostare il Raggio3px.

Quindi disegna una lunga ellisse, con colore di riempimento R = 188 G = 204 B = 31. Scegli il Elimina strumento Punto di ancoraggio (-) e fare clic sul punto di ancoraggio inferiore dell'ellisse. Scegli il Converti strumento punto di ancoraggio (Shift-C) e fare clic sul punto di ancoraggio superiore:

Posiziona l'ellisse dietro il quadrato (Oggetto> Disponi> Porta in secondo piano), allinearli e Gruppo loro insieme (Controllo-G). Metti la pianta davanti alla caffetteria.

Per il vaso di fiori alle finestre, disegna un rettangolo con colore di riempimento R = 232 G = 201 B = 193. Seleziona il punto di ancoraggio in alto a sinistra con il Strumento di selezione diretta (A) e spostalo di alcuni punti a sinistra. Fai lo stesso dall'altra parte. Quindi vai a Effetto> Stilizzazione> Angoli tondi e impostare il Raggio3px. 

Per i fiori, disegna un quadrato, imposta il colore di riempimento su R = 188 G =204 B = 31. Vai a Effetto> Distorci e trasforma> Pucker e Bloat ed entra 75%. Quindi vai a Oggetto> Espandi Aspetto. Aggiungi un'ellisse bianca al centro.

Duplica il fiore (trascinalo tenendo premuto Alt-Shift) e cambia il colore di alcuni di essi in R = 63 G = 134 B = 137. Puoi anche ruotare, ingrandire o ridurre alcuni di essi. Quindi disponili sul piatto:

Gruppo tutti insieme (Controllo-G), duplicare il gruppo e posizionare i vasi sui bordi delle finestre.

Passaggio 7

Aggiungiamo una panchina davanti al bar. Disegna un rettangolo orizzontale bianco, fai clic sul rettangolo e trascinalo verso il basso tenendo premuto Alt-Shift. 

Disegna un rettangolo orizzontale bianco più stretto. 

Aggiungi un altro rettangolo bianco ma verticale questa volta, fai clic e trascinalo in posizione Alt-Shift per copiarlo.Seleziona tutte le forme e Gruppo loro insieme (Controllo-G)

Hai fatto, Fancy a Coffee?

Finisco l'illustrazione cambiando i colori di alcuni dei mattoni per farli risaltare. Ed ecco il tuo risultato finale. Spero che ti sia piaciuto questo tutorial e ho trovato alcuni ottimi consigli per realizzare illustrazioni da forme semplici.