Come creare un interno di design piatto accogliente in Adobe Illustrator

Cosa starai creando

Casa dolce casa! In questo tutorial creeremo l'atmosfera accogliente di un soggiorno, progettando un interno in stile piatto con un simpatico personaggio dei cartoni animati seduto su una comoda poltrona. Useremo forme geometriche di base e lavoreremo con il pannello Trasforma per rendere tutti gli elementi in modo semplice e divertente. 

Alla fine di questa lezione, sarai in grado di utilizzare le tecniche che abbiamo trattato durante il tutorial e applicarle alle tue nuove illustrazioni. Sentiti libero di cercare ispirazione su Envato Market e controlla questi esempi di interni piatti e personaggi piatti. Cominciamo!

1. Crea un personaggio piatto

Passo 1

Prima di tutto, creiamo un Nuovo documento di 450 x 300 px taglia.

Passo 2

Inizieremo a progettare il nostro personaggio dalla testa. Prendi il Strumento rettangolo (M) e fare un 45 x 60 px forma gialla. Passare al Strumento di selezione diretta (A) e usa il Angoli vivi caratteristica per rendere gli angoli arrotondati tirando il piccolo segno del cerchio al centro della forma.

Possiamo anche regolare la dimensione e il Raggio dell'angolo delle forme dal pannello di controllo in alto o dal Trasformare pannello (Windows> Trasforma). Useremo il Trasformare pannello durante questo tutorial, in quanto ci consente di regolare ogni angolo della forma in modo indipendente.

Passaggio 3

Adesso facciamo una palpebra. Utilizzare il Strumento ellisse (L) fare un piccolo 7 x 7 px cerchio con marrone Ictus e no Riempire. Impostare il Peso del colpo a 1 punto e il berretto e Angolo alle posizioni intermedie nel Ictus pannello.

Prendi il Scissors Tool (C) e fai clic sui punti di ancoraggio laterali del cerchio per dividerlo. Elimina la metà superiore.

Passaggio 4

Fanne un'altro 7 x 7 px cerchio per il naso e riempirlo con il giallo, leggermente più scuro del colore della testa. Seleziona il punto di ancoraggio superiore con il Strumento di selezione diretta (A) e trascinalo verso l'alto per fare un naso stilizzato.

Passaggio 5

Disegna il viso, usando gli elementi che abbiamo creato. Aggiungi un paio di piccoli cerchi rosa chiaro per il rossore sulle guance e fai una bocca, usando lo stesso metodo usato per gli occhi.

Passaggio 6

Passiamo alle orecchie. Fare un 7 x 12 px rettangolo giallo e utilizzare il Angoli vivi caratteristica per renderlo arrotondato. Metti un piccolo rettangolo arrotondato sopra, riempiendolo con un colore giallo più scuro. Gruppo (Control-G) gli elementi e Porta in secondo piano (Shift-Control- [). Fai una copia del gruppo dell'orecchio e attacca entrambe le orecchie alla testa.

Passaggio 7

Disegniamo una bella pettinatura per il nostro personaggio. Utilizzare il Strumento ellisse (L), tenere Cambio e fare un 55 x 55 px cerchio blu. Posiziona il cerchio sopra la parte superiore della testa, come mostrato nell'immagine qui sotto. Utilizzare il Scissors Tool (C) fare clic sui punti di ancoraggio laterali, suddividendo la forma in due metà. 

Elimina la metà inferiore. Seleziona la forma rimanente, fai clic su tasto destro del mouse e Aderire per rendere il percorso chiuso.

Passaggio 8

Utilizzare il Aggiungi strumento Punto di ancoraggio (+) per aggiungere un punto sul bordo inferiore della forma dei capelli e trascinarlo verso l'alto, usando il Strumento di selezione diretta (A). Passare al Strumento Punto di ancoraggio (Shift-C) e trascinare le maniglie di ancoraggio, posizionandole su 45 gradi per rendere l'attaccatura dei capelli liscia.

Passaggio 9

Continuiamo a modellare i capelli. Fare un 55 x 55 px quadrato di un colore blu più scuro. Seleziona entrambe le forme di capelli e clicca ancora una volta sulla forma inferiore per renderla a Oggetto chiave. Utilizzare il Allineare pannello per allineare entrambe le forme al centro e verso l'alto.

Rendi la cima della forma completamente arrotondata, usando il Trasformare pannello o il Angoli vivi caratteristica.

Passaggio 10

Ora modifichiamo il fondo della forma. Utilizzare il Strumento Punto di ancoraggio (Shift-C) per trascinare le maniglie di ancoraggio verso il basso, rendendo il fondo della forma leggermente arcuato e aggiungendo levigatezza.

Mancia: Utilizzare il Guide per rendere uguale la lunghezza delle maniglie di ancoraggio. stampa Controllo-R per mostrare il Righelli e trascina il Guida giù dal righello orizzontale. Seleziona ed elimina la guida quando non ne hai più bisogno o cancellala Visualizza> Guide> Cancella guide.

Seleziona la forma e Porta in secondo piano (Shift-Control- [), sotto la testa, formando una pettinatura corta alla moda.

Passaggio 11

Ora rendiamo il corpo del nostro personaggio. Utilizzare il Strumento rettangolo (M) fare una forma blu di 30 x 57 px taglia e usa il Trasformare pannello per impostare il Raggio dell'angolo degli angoli superiori a 10 px e gli angoli in basso a 12 px.

copia la forma e Incolla davanti (Control-C> Control-F). Mantenendo selezionata la copia superiore, prendi il Strumento Gomma (Shift-E), tenere alt ed elimina la parte inferiore della forma. Cambia il colore del pezzo rimanente in verde, creando una maglietta luminosa.

Passaggio 12

Prendi il Pencil Tool (N) e disegna una linea arcuata liscia per il braccio. Impostare il Riempire colore a nessuno e il Ictus colore al giallo. Impostare il Peso del colpo a 8 pt, rendendo il braccio più spesso. Interruttore berretto e Angolo alle posizioni centrali, arrotondando le punte della linea. Aggiungi una linea più piccola per il pollice, impostando il Peso a 3 pt.

Aggiungi un giallo più scuro 8 pt colpo per il braccio opposto e Invia a Back (Shift-Control- [). Disegna un altro tratto per lo stesso braccio, ma questa volta posizionalo tra il corpo e il primo braccio, usando il Controllo-[ i tasti per spostare la forma verso il basso.

Passaggio 13

Facciamo un gatto e lascia che il nostro personaggio lo tenga tra le sue braccia. Fare un 30 x 30 px cerchio grigio scuro e usa il Strumento di selezione diretta (A) trascinare verso l'alto il punto di ancoraggio inferiore, schiacciando la forma. Invia la forma Indietro (controllo- [) per far sì che la mano superiore lo copra.

Passaggio 14

Fare un 15 x 10 px rettangolo arrotondato per la testa, impostando il Raggio dell'angolo a 5 px. Aggiungi gli occhi, usando la stessa tecnica che avevamo per gli occhi del nostro personaggio principale.

Passa alle orecchie e usa il Strumento Poligono per creare un triangolo, impostando il numero di lati su 3 nel Trasformare pannello.

Passaggio 15

Aggiungiamo le gambe al nostro personaggio. Faremo piegare le gambe in modo che il nostro personaggio possa sedersi su una comoda poltrona.

Utilizzare il Strumento penna (P) fare una linea con 90 gradi angolo e Peso del colpo di 8 pt. Utilizzare il Strumento di selezione diretta (A) e il Angoli vivi caratteristica per rendere l'angolo arrotondato, formando un ginocchio stilizzato.

Passaggio 16

Aggiungiamo un piede in una scarpa soft house. Fare un 12 x 15 px forma beige chiaro per la parte superiore dello stivale. E aggiungi un altro rettangolo per il fondo, facendo coincidere le forme. Rendi l'angolo in alto a destra arrotondato. Seleziona entrambe le forme e Allinea al fondo del Oggetto chiave, usando il Allineare pannello.

Gruppo (Control-G) e copia (Control-C> Control-F) le forme per aggiungere una seconda gamba. Posiziona la copia sotto il corpo (Shift-Control-[) e regolarlo leggermente, cambiando il raggio dell'angolo del ginocchio e rendendo gli elementi un po 'più scuri.

2. Disegna un interno piatto

Passo 1

Iniziamo a disegnare una poltrona morbida e accogliente. Utilizzare il Strumento rettangolo (M) fare un 105 x 125 px forma rosa. Rendi il suo angolo in alto a destra arrotondato con Raggio d'angolo di 13 px.

Crea un altro rettangolo di 25 x 125 px dal lato sinistro della prima forma, facendo in modo che entrambe le forme si sovrappongano parzialmente. Riempi il nuovo rettangolo con un colore rosa più scuro e completa la parte superiore della forma.

Utilizzare il Allineare pannello a Allineare entrambe le forme In fondo del Oggetto chiave.

Passo 2

Creiamo un bracciolo. Fare un 28 x 28 px cerchio rosa chiaro e posizionarlo come mostrato nell'immagine qui sotto. Collega il cerchio e il fondo della poltrona con un rettangolo stretto rosa chiaro, Allineamento le forme In fondo del Oggetto chiave.

Passaggio 3

Fai un piccolo cerchio per decorare la parte superiore del bracciolo.

Creare un 60 x 28 px rettangolo di colore rosa più scuro e rendere i suoi angoli completamente arrotondati. Posiziona la forma sotto il cerchio rosa chiaro (Controllo-[) e applicare il Orizzontale Allinea a destra funzione, usando il cerchio rosa chiaro come a Oggetto chiave. Come puoi vedere, entrambe le forme hanno la stessa altezza (28 px), quindi si combinano perfettamente.

Finisci questa parte della poltrona aggiungendo un rettangolo rosa scuro sotto il bracciolo.

Passaggio 4

Gruppo (Control-G) gli elementi del bracciolo. Doppio click il Rifletti strumento (O) e capovolgere gli elementi sopra il Asse verticale. Clic copia e posizionare il gruppo specchiato creato dal lato opposto della poltrona, invio esso indietro (Shift-Control- [).

Aggiungere un 110 x 23 px rettangolo per il sedile della poltrona, rendendo arrotondato il lato destro. Metti un rettangolo rosa scuro sotto il sedile, creando un'ombra delicata.

Passaggio 5

Ora possiamo sederci con il nostro personaggio in poltrona e continuare a lavorare sull'ambiente circostante. Utilizzare il Strumento rettangolo (M) per creare uno stretto 275 x 10 px striscia per il pavimento, riempiendolo di colore beige chiaro.

Iniziamo a modellare il cassettone. Fare un 70 x 80 px rettangolo beige e Mandare indietro, sotto la poltrona.

copia la forma e Incolla davanti (Control-C> Control-F). Rendi il colore della copia più chiaro e schiaccialo, riducendo la sua larghezza a 47 px.

Passaggio 6

Aggiungiamo alcuni cassetti. Fare un 35 x 20 px rettangolo beige chiaro e mettere una piccola maniglia rotonda al centro di esso. Gruppo entrambe le forme, tenere premuto Alt-Shift e trascina il gruppo verso il basso, facendo una copia. stampa Control-D aggiungere un terzo cassetto.

Passaggio 7

Aggiungiamo una lunga ombra piatta al cassettone. Crea un rettangolo e ruotalo 45 gradi. Riempi la forma con il colore beige e cambia Modalità di fusione a Moltiplicare nel Trasparenza pannello, rendendo la forma semitrasparente.

Combina l'angolo superiore del rettangolo con il bracciolo (vedi il segno del cerchio nell'immagine sotto). Seleziona sia l'ombra che la forma del cassettone. Prendi il Strumento di creazione forme (Shift-M), tenere alt e fare clic sugli elementi non necessari della forma d'ombra che si desidera eliminare. Ottimo lavoro!

Passaggio 8

Mettiamo una piccola lampada da tavolo in cima al cassettone. Utilizzare il Strumento rettangolo (M) per creare due piccole forme perpendicolari per il supporto della lampada.

Fare un 25 x 30 px rettangolo per il paralume. Passare al Strumento di selezione diretta (A) e selezionare il punto di ancoraggio in basso a sinistra dell'ombra. premi il accedere chiave per aprire il Mossa finestra delle opzioni. Impostare il Orizzontale valore a -5 px e Verticale valore a 0 px. stampa ok, spostando il punto 5 px a sinistra.

Ripeti lo stesso per il punto di ancoraggio in basso a destra, spostandolo 5 px nella direzione opposta.

Passaggio 9

Aggiungiamo qualche altro dettaglio all'interno appendendo alcune immagini sul muro. Fare un 45 x 55 px rettangolo con beige chiaro Riempire e beige più scuro Ictus di 3 pt Peso, raffigurante una cornice.

Crea un altro rettangolo all'interno, riempiendolo con un colore giallo chiaro e aggiungendo sopra alcune semplici forme astratte.

Passaggio 10

Fai altre due foto e appendile al muro, sopra il nostro personaggio. Completa l'illustrazione creando un rettangolo giallo chiaro di 450 x 300 px per lo sfondo (Shift-Control-[).

Congratulazioni! La nostra illustrazione interna piatta accogliente è finita!

Ottimo lavoro! Abbiamo reso la composizione equilibrata e completata. Spero ti sia piaciuto seguire questo tutorial e ho appreso alcuni nuovi suggerimenti e trucchi che ti aiuteranno a creare illustrazioni interne più piatte con personaggi fantasiosi e animali domestici.

Divertiti!