Come progettare un set di icone di circo in Adobe Illustrator

Cosa starai creando

I circhi e i parchi dei divertimenti retrò hanno la loro atmosfera incantevole che mi fa venir voglia di disegnarli ancora e ancora. Se ti piacciono le forme e i colori di un circo in stile retrò, segui questo tutorial e impara a progettare un set di icone di un circo piatto, utilizzando forme semplici e effetti di deformazione e lavorando con una varietà di strumenti e funzioni di Adobe Illustrator. 

Alla fine di questo tutorial, imparerai alcuni nuovi trucchi e suggerimenti e potrai espandere il set, creando più icone circensi. Se desideri progettare qualcos'altro utilizzando queste tecniche, assicurati di aver sfogliato GraphicRiver come fonte di ispirazione.

1. Come creare un pagliaccio piatto in Adobe Illustrator

Passo 1

Iniziamo a descrivere il pagliaccio, iniziando dalla testa. Prendi il Strumento rettangolo arrotondato e fare un 75 x 115 px forma giallastra con angoli completamente arrotondati. È possibile regolare il Raggio dell'angolo dal pannello di controllo in alto o in Trasformare pannello. Un altro modo per modificare la rotondità degli angoli è di farlo manualmente usando il Strumento di selezione diretta (A) e il Angoli vivi caratteristica (piccoli segni di cerchio accanto a ciascun angolo della forma).

Scegli il Strumento ellisse (L) e posizionare a 26 x 26 px cerchio per il naso. 

Passo 2

Assicurati di aver posizionato il naso proprio nel centro del viso, selezionando sia il naso che la forma della testa e facendo nuovamente clic sulla testa per renderlo un Oggetto chiave. Apri il Allineare pannello e clicca Centro allineamento orizzontale per allineare entrambe le forme.

Posizionare un 9 x 9 px punto rosa chiaro sulla parte superiore del naso per l'evidenziazione.

Passaggio 3

Ora aggiungiamo gli occhi. Fare un 16 x 16 px cerchio con marrone scuro Ictus e no Riempire. Vai al Ictus pannello e impostare il Peso a 4 pt e berretto a Tappo rotondo.

Prendi il Scissors Tool (S) e fai clic su entrambi i punti di ancoraggio laterali per dividere la forma. Ora possiamo cancellare la parte inferiore della forma. Seleziona la palpebra creata con il Strumento di selezione (V), tenere Alt-Shift e trascina a destra, creando una copia per il secondo occhio. 

Passaggio 4

Prendi il Strumento rettangolo arrotondato e facciamo una forma azzurra per il sopracciglio. Creare un 10 x 5 px rettangolo con angoli completamente arrotondati. Mantenere la forma selezionata, doppio click il Ruota strumento (R) e impostare il Angolo a 20 gradi.

Passaggio 5

Adesso doppio click il Rifletti strumento (O) e selezionare il Asse verticale. Clic copia per creare una copia speculare del sopracciglio e spostarlo sul lato opposto del viso.

Passaggio 6

Gruppo (Control-G) gli occhi e poi gruppo le sopracciglia e selezionare entrambi i gruppi insieme alla forma della testa. Clicca di nuovo sulla testa per renderla a Oggetto chiave, e usa il Allineare pannello per allineare tutti gli elementi al Centro orizzontale della testa.

Passaggio 7

Rappresenta una bocca nello stesso modo in cui abbiamo creato le palpebre. Fai un grande 53 x 53 px cerchio con marrone scuro Ictus e 4 pt Peso. Dividere la forma a parte usando il Scissors Tool (S) ed elimina la sua parte superiore, creando così una bocca sorridente.

Passaggio 8

Espandiamo la bocca Oggetto> Espandi Aspetto per trasformarlo in curve. Vai a Oggetto> Percorso> Percorso offset e impostare il Compensare valore a 5 px, lasciare tutte le altre opzioni come predefinite e fare clic ok. Riempi la nuova forma con lo stesso colore rosso che abbiamo per il naso usando il Strumento Eyedropper (I)

Passaggio 9

Ora aggiungeremo i capelli al nostro clown. Crea due cerchi blu di 35 x 35 px e 40 x 40 px dimensione dal lato sinistro della testa. Mantenendo selezionati entrambi i cerchi, premere Shift-Control-[ a Inviare le forme indietro, sotto la testa. tenere Alt-Shift e trascina i cerchi sul lato opposto della testa con il Strumento di selezione (V), fare una copia.

Ora che il ritratto del nostro clown è pronto, facciamolo gruppo (Control-G) tutti i suoi elementi. 

Passaggio 10

Formiamo una base circolare per la nostra icona. Lo useremo anche per le nostre prossime icone. Fare un 180 x 180 px cerchio e viola opaco Porta in secondo piano (Shift-Control- [) per posizionarlo dietro il pagliaccio.

Inoltre, per dare un'icona completa alla nostra icona, è necessario aggiungere un'ombra piatta lunga. Fare un 115 x 115 px rettangolo di colore viola chiaro. Cambia il Modalità di fusione a Moltiplicare nel Trasparenza pannello, rendendo la forma semitrasparente. 

Passaggio 11

Quindi, ruotare la forma 45 gradi usando il Ruota strumento (R), il Strumento di trasformazione gratuito (E), o il Strumento di selezione (V). Posiziona la forma sulla testa del pagliaccio, adattandola ai bordi del viso e ai capelli (potrebbe essere necessario ridimensionare un po 'il rettangolo). 

Passaggio 12

Utilizzare il Strumento di selezione diretta (A) per agganciare i punti di ancoraggio dell'ombra ai bordi della testa del pagliaccio. Zoom avanti (controllo +)  per rendere più facile fare in modo che le forme si adattino a vicenda.  

Passaggio 13

Inviare l'ombra a rovescio premendo Controllo-[ alcune volte per posizionarlo tra la testa del pagliaccio e la base dell'icona.

Ora vediamo come possiamo nascondere la parte non necessaria dell'ombra. copia l'icona e Incolla davanti (Control-C> Control-F). Portare la copia in primo piano (controllo-]), fino in cima. Infine, seleziona tutto, fai clic su tasto destro del mouse e Crea maschera di ritaglio, in questo modo nascondendo tutti gli oggetti all'interno del cerchio superiore. 

Ce l'abbiamo! La nostra prima icona è pronta. Passiamo al prossimo. 

2. Come disegnare un'icona di Cannone a Circo Piatto in Adobe Illustrator

Passo 1

Usiamo la forma che abbiamo creato per la testa del pagliaccio per progettare il cannone. Copia (Control-C) la forma, Incolla (Control-V) e ruotalo 90 gradi.

Vai a Effetto> Ordito> Arco e impostare il Curvatura verticale valore a -5% Distorsione orizzontale a 10%, rendendo il lato destro della forma largo e sporgente.  

Passo 2

Oggetto> Espandi la forma per applicare l'effetto. Prendiamo il Strumento Gomma (Shift-E), tenere alt, e cancella la parte sinistra della forma.

Utilizzare il Strumento di selezione diretta (A) per selezionare i punti di ancoraggio superiore e inferiore sinistro e trascinarli ulteriormente a sinistra, estendendo la forma. 

Passaggio 3

Ora dobbiamo raffigurare la museruola del cannone. Armati con il Strumento ellisse (L) e aggiungi un ovale schiacciato sul lato sinistro del cannone. Assicurati che l'altezza dell'ellisse si adatti al bordo sinistro del cannone, facendo scattare l'un l'altro i punti di ancoraggio delle forme. Ricordati di usare il Guide intelligenti (Visualizza> Guide intelligenti) per semplificare questo processo.

Ora vai a Oggetto> Percorso> Percorso offset e impostare il Compensare valore a -2 px. Riempi la nuova forma con il colore viola, raffigurante la parte interna del cannone. 

Passaggio 4

Decoriamo il nostro cannone con strisce e stelle!

Fare un 30 x 130 px striscia rossa usando il Strumento rettangolo (M). Vai a Effetto> Distorci e trasforma> Zig Zag. Imposta la dimensione a 5 px, Creste per segmento a 10, e Punti a Angolo. 

Passaggio 5

Oggetto> Espandi Aspetto la forma per applicare l'effetto e spostare il nostro zigzag sulla parte anteriore del cannone. Seleziona sia il cannone che lo zig-zag e prendi il Strumento di creazione forme (Shift-M). tenere alt e passa il mouse sopra la parte non necessaria della forma rossa. Quando il puntatore del mouse si trasforma in un minuscolo segno meno, fai clic sul pezzo evidenziato per eliminarlo. 

stampa Controllo-[ un paio di volte per spostare il zig-zag sotto la volata del cannone. 

Passaggio 6

Andiamo avanti e aggiungiamo un'altra striscia al nostro cannone. Creare un 30 x 110 px rettangolo blu, usando il Strumento rettangolo (M). Prendi il Star Tool e fare un 5 punte stella in cima alla striscia blu. 

Passaggio 7

Seleziona la stella, tieni premuto Alt-Shift e trascina la forma verso il basso, creando una copia nella parte inferiore della striscia blu. Seleziona entrambe le stelle e vai a Oggetto> Miscela> Crea. Ora che abbiamo un gruppo di stelle, possiamo regolare la loro quantità e la spaziatura tra gli elementi usando Oggetto> Miscela> Opzioni di fusione. Impostare il Spaziatura a Passi specificati pari 3

Passaggio 8

Usiamo a Maschera di ritaglio per nascondere le parti non necessarie della decorazione all'interno del cannone. 

Duplicato (Control-C> Control-F) la forma del cannone e Portare la copia in primo piano (Shift-Control-]). Seleziona tutte le parti del cannone, fai clic su tasto destro del mouse e Crea maschera di ritaglio. 

Passaggio 9

Prendi il Strumento ellisse (L) e descriviamo la ruota. Fare un 50 x 50 px cerchio rosso. Duplicato (Control-C> Control-F) il cerchio e riduci la copia, impostandone le dimensioni 45 x 45 px. Rendi un po 'più scuro il colore della nuova forma. Termina la ruota creando un'altra copia del cerchio e impostandone le dimensioni 25 x 25 px. Gruppo (Control-G) tutti gli elementi della ruota.

Passaggio 10

Ora ruotiamo il cannone per rendere la composizione un po 'più dinamica. Gruppo tutte le parti del cannone (esclusa la ruota). Doppio click il Ruota strumento (R) e impostare il Angolo a -20 gradi.

Spostare leggermente la ruota verso sinistra, mantenendo il giusto equilibrio. 

Passaggio 11

Usiamo la base del cerchio dalla nostra prima icona. Duplicalo e posiziona il nostro cannone su una base circolare. Non dimenticare di regolare l'ombra. Probabilmente il colore dell'icona e l'ombra del turchese. 

Ecco! Passiamo alla nostra ultima icona. 

3. Come creare un'icona di cappello magico in Adobe Illustrator

Passo 1

Possiamo usare la parte della museruola del nostro cannone per iniziare con il cappello, o andiamo avanti e creare una nuova ellisse viola scuro di 103 x 13 px taglia. Applicare il Offset Path con -Offset 4 px valore per creare la parte interna del cappello. 

Prendi il Strumento rettangolo (M) e fare un 54 x 57 px forma. Applicare un colore viola più scuro e Porta in secondo piano (Shift-Control- [), ponendolo sotto il bordo.

Passo 2

Mantenendo selezionato il rettangolo creato, applicare Effetto> Ordito> Rigonfiamento con -3% di curvatura verticale valore e 12% di distorsione verticale.

Oggetto> Espandi Aspetto per trasformare la forma in curve. Qui ho anche deciso di cambiare il colore del cerchio superiore in viola scuro, rendendo il cappello più tridimensionale. 

Passaggio 3

Aggiungiamo un nastro luminoso al nostro cappello a cilindro. Fare un 75 x 15 px striscia turchese usando il Strumento rettangolo (M). Seleziona sia la striscia che il rettangolo del nostro cappello e usa il Strumento di creazione forme (Shift-M) mentre si tiene alt per fare clic e cancellare i pezzi indesiderati del nastro.

Passaggio 4

Ora descriviamo una bacchetta magica. Utilizzare il Strumento rettangolo arrotondato fare un 95 x 10 px forma giallo chiaro con angoli completamente arrotondati.

Ora possiamo usare il Strumento rettangolo (M) fare un 45 x 10 px forma viola scuro sulla parte superiore della bacchetta o duplicare la forma gialla e usa il Strumento Gomma (Shift-E) mentre si tiene alt per eliminare i suggerimenti della copia e ricolorare la forma superiore.

Assicurati che entrambe le forme si adattino reciprocamente allineandole nel Allineare pannello.

Passaggio 5 

Metti la bacchetta magica proprio sopra il cappello e usa il Ruota strumento (R) per ruotarlo 10 gradi. Speckle poche stelle usando il Star Tool e variando le dimensioni degli elementi.

Passaggio 6

Posiziona il cappello magico su una base icona circolare e applica un colore rosso pallido al cerchio e all'ombra semitrasparente. 

Passo verso l'alto per il Main Event! Le nostre icone piane del circo sono finite!

Lavoro fantastico, amici miei! Spero ti sia piaciuto seguire questo tutorial divertente e facile e ho scoperto alcuni nuovi trucchi e suggerimenti. Ora sei pronto per creare altre fantastiche icone del circo. Scopri tutta la varietà di icone piatte su GraphicRiver e non dimenticare di condividere i tuoi risultati! Divertiti!