Yummy! Come creare deliziose icone ciambella in Adobe Illustrator

Cosa starai creando

In questo tutorial imparerai come creare quattro tipi di ciambelle in Adobe Illustrator. Inizieremo con la base, che è una classica ciambella liscia, e poi useremo questa per creare le quattro varianti: granelli al cioccolato, glassa con gocce di cioccolato, zucchero normale e glassa alla fragola. La grande novità è che utilizzeremo lo stesso pennello di dispersione per creare tutte le decorazioni sulle ciambelle. Iniziamo mentre sono freschi!

1. Inizia un nuovo progetto 

Lanciare Illustratore e vai a File> Nuovo per aprire un nuovo documento vuoto. Digitare un nome per il file, impostare le dimensioni e quindi selezionare pixel come unità e RGB come Modalità colore. Avanti, vai a Modifica> Preferenze> Generale e impostare il Incremento della tastiera a 1 px e mentre là, vai a Unità e prestazioni di visualizzazione e assicurarsi che il unità sono impostati come mostrato. Di solito lavoro con queste impostazioni e ti aiuteranno durante il processo di disegno. 

2. Creare una ciambella di base

Passo 1 

Innanzitutto, prendi il Strumento ellisse (L) e disegna un 187 x 187 px ellisse e quindi selezionare un marrone caldo come colore di riempimento. Con il cerchio ancora selezionato, vai a Oggetto> Percorso> Percorso offset e applicare a -Offset 2 px per ottenere una forma leggermente più piccola. Riempi il nuovo cerchio con il gradiente radiale mostrato e usa il Strumento sfumatura (G) per regolare la direzione.

Passo 2 

Per aggiungere un po 'di consistenza alla ciambella, prendi il Strumento penna (P) e traccia un percorso rettilineo come nell'immagine seguente. Quindi accarezzarlo con un Pennello artistico chiamato Gesso dal Menu Librerie di pennelli> Artistico> Artistic_ChalkCharcoalPencil. Aumentare il Peso del colpo4 pt e cambia il colore in marrone caldo. Quindi selezionare Modalità di fusione Brucia colore e 30% di opacità. Lascia il tratto del pennello in questo modo per ora, e lo maschereremo più tardi. 

Passaggio 3

Utilizzare il Strumento ellisse (L) di nuovo per disegnare a 54 x 54 px cerchio e sistemarlo nel mezzo della ciambella. Seleziona bianco come colore di riempimento, quindi vai a Effetto> Stilizzazione> Bagliore esterno e applicare le impostazioni mostrate di seguito. Mentre questo cerchio rimane selezionato, vai al Aspetto pannello, selezionare solo il Riempire attributo e impostarlo su La modalità di fusione si moltiplica. In questo modo, il riempimento bianco diventa trasparente ma il Bagliore esterno l'effetto sarà ancora visibile.

Passaggio 4 

Ora è il momento della maschera. Seleziona il primo cerchio marrone e il cerchio dal centro, e copia e Incolla davanti (Control-F). Imposta entrambe le copie su Fill-none, Stroke-none e poi portale davanti a tutto andando a Oggetto> Disponi> Porta in primo piano (Shift-Control-])

Con le due copie ancora selezionate, vai a Oggetto> Percorso composto> Crea (Control-8), e quindi seleziona tutto sulla tua tavola da disegno e vai a Oggetto> Maschera di ritaglio> Rendi (Control-7). Il risultato finale è descritto nella prossima immagine. 

Assegna un nome al gruppo risultante "Ciambella di base". Questo è ciò che useremo per creare le altre varianti. 

3. Creare la ciambella al cioccolato

Passo 1

Prendi il Strumento penna (P) o il Pencil Tool (N) e disegna una forma come nella prossima immagine. Seleziona il marrone scuro come colore di riempimento, quindi vai a Effetto> Stilizzazione> Bagliore interno e applicare le impostazioni mostrate.

Passo 2

copia e Incolla sul retro (Control-B) la forma di cioccolato, e quindi spostarla 3 px verso il basso premendo il tasto Giù chiave di freccia sulla tastiera tre volte. Mantieni le apparenze esistenti ma imposta il Modalità di fusione a copertura e otterrai l'ombra. 

Passaggio 3

Quindi disegnare un percorso come mostrato di seguito e dargli un 7 pt Marrone chiaro Ictus. Vai a Effetto> Sfocatura> Sfocatura gaussiana e applicare a Raggio di 6 px, e quindi impostare questo percorso per Sovrapposizione modalità di fusione

Passaggio 4

Per aggiungere un po 'di lucentezza, disegna una forma come nell'immagine successiva e riempila con il gradiente lineare mostrato, quindi vai a Effetto> Stilizzazione> Piuma e applicare un Raggio di 11 px.

Passaggio 5

Disegna una nuova forma simile sul lato inferiore destro della ciambella e riempila con un gradiente lineare da nero a bianco, ma usa il Strumento sfumatura (G) per regolare l'angolo. Con questa forma ancora selezionata, applica un Raggio di piega di 11 px di nuovo, e impostato su Schermata della modalità di fusione.  

Passaggio 6

Quindi, prendi il Strumento penna (P) o il Pencil Tool (N) e disegna alcune forme sul cioccolato gocciolante simile a quello sottostante. Dopo aver terminato, riempili con il gradiente lineare mostrato. 

Passaggio 7

Ancora usando il Strumento penna (P) o il Pencil Tool (N), disegnare alcune forme più piccole rispetto a quelle del passaggio precedente e riempirle tutte con il colore indicato (1). Per aggiungere più brillantezza, disegna qualche altra forma e riempile con il colore indicato (2). Disegna altre due forme come nell'immagine e riempile di bianco, quindi impostale su Sovrapposizione modalità di fusione (3). Il risultato finale è descritto nell'immagine 4.

Passaggio 8

Creiamo a Sprinkles Scatter Brush. In primo luogo, disegna una forma come sotto e riempila con un grigio medio. Utilizzare il Pencil Tool (N) disegnare una forma casuale in basso come un'ombra e utilizzare un grigio più scuro come colore di riempimento. Disegna una forma più piccola in alto come evidenzia, e usa un grigio più chiaro questa volta. 

Ora seleziona e trascina tutto su Spazzole pannello e scegliere Nuovo pennello di dispersione. Nel Opzioni del pennello di dispersione finestra, lascia le impostazioni così come sono: basta digitare un nome e modificare il Metodo di colorizzazione a Tinte e sfumature

Passaggio 9

Prendi il Pencil Tool (N) di nuovo e disegnare alcuni percorsi casuali sul cioccolato, e poi accarezzarli con il Sprinkles Scatter Brush salvato in precedenza. Con i percorsi selezionati, fare doppio clic su Aspetto pannello sul tratto del pennello applicato e modificare le impostazioni al fine di diffondere gli spruzzi e renderli più piccoli. Inoltre, dal momento che il Metodo di colorizzazione è impostato per Tinte e sfumature, è possibile selezionare qualsiasi colore del tratto per i tracciati per creare diversi spruzzi colorati. Ho scelto il verde, il rosso, il blu e il rosa. 

Queste sono le impostazioni che ho usato: totalmente casuali. 

Passaggio 10

Con i percorsi tracciati ancora selezionati, vai su Oggetto menu e scegliere Espandi Aspetto. Ora, elimina gli sprinkles che non ti servono inserendo Modalità di isolamento (fai doppio clic su uno degli sprinkles nel gruppo) e hai finito con la prima ciambella.

4. Creare la ciambella con glassa e gocce di cioccolato

Passo 1

Per prima cosa, seleziona e crea una copia del gruppo "Donut di base". Con il Strumento ellisse (L), disegna due cerchi con le dimensioni 168 x 168 px e 74 x 74 px, e sistemali sopra la ciambella come mostrato nell'immagine qui sotto. Mentre i cerchi sono selezionati, vai a Oggetto> Percorso composto> Crea (Control-8), e riempire la forma risultante con il colore indicato. Lo chiamerò "la forma della ciliegina". 

Passo 2

Con la "forma della glassa" selezionata, vai a Effetto> Distorci e trasforma> Irruvidisci, applica le impostazioni dall'immagine sottostante e premi ok. Avanti, vai a Effetto> Stilizzazione> Bagliore interno e applicare questo effetto usando le impostazioni indicate. 

Passaggio 3

Fai delle copie delle due "forme evidenziate" dalla ciambella al cioccolato spruzza e spostale sulla nuova ciambella nello stesso posto. Seleziona un gradiente lineare da nero a bianco per entrambi, e usa il Strumento sfumatura (G) per regolare l'angolo. Impostali entrambi Schermata della modalità di fusione (il nero diventa trasparente). Quindi vai a Effetto> Stilizzazione> Piuma e applicare a Raggio di 5 px

Passaggio 4

Quindi, prendi il Pencil Tool (N) e traccia un percorso casuale sopra la ciambella e poi accarezzalo con il Sprinkles Scatter Brush. Seleziona il marrone come colore del tratto e fai doppio clic su Aspetto pannello sul tratto del pennello applicato per modificare le impostazioni. Questa volta, imposta anche il Rotazione relativa al percorso

Passaggio 5

Sempre con il percorso tracciato selezionato, vai su Oggetto menu e scegliere Espandi Aspetto. Ora, elimina tutti i pezzi di cioccolato extra che non ti servono e anche il percorso che hai usato entrando Modalità di isolamento (doppio clic su una delle gocce di cioccolato nel gruppo). Dopo aver finito, seleziona il nuovo gruppo di gocce di cioccolato, vai su Effetto> Stilizzazione> Sfalsa ombra e applicare le impostazioni mostrate. A questo punto la ciambella con glassa e cioccolato è pronta.

5. Creare la ciambella di zucchero normale

Passo 1

Dalla ciambella trucioli di glassa e cioccolato, seleziona il gruppo "Ciambella di base" e anche le due "forme di evidenziazione", quindi copia e Incolla (Control-V) li sulla tua tavola da disegno. Per le due "forme di evidenziazione", mantenere le stesse apparenze ma aumentare il Raggio di piume a partire dal 5 px a 9 px

Passo 2

Prendi il Pencil Tool (N) e disegnare un percorso casuale sopra la ciambella (ho usato di nuovo quello precedente) e accarezzarlo con il Sprinkles Scatter Brush ma imposta il colore al bianco questa volta. Apri il Opzioni del tratto finestra dal Aspetto pannello e modificare le impostazioni per ottenere spruzzi veramente piccoli dappertutto. I numeri sono stati scelti a caso.

Passaggio 3

Per aggiungere ancora più spruzzi, copia e Incolla davanti (Control-F) il percorso tracciato, quindi selezionare Capovolgi verticale dal menu a comparsa di Trasformare pannello.  

Passaggio 4

A questo punto, dovremmo pulire gli sprinkles extra, ma sono troppi questa volta, quindi ho deciso di usare una maschera. Prendi una copia del tracciato composto che hai usato prima per mascherare la "ciambella di base" e assicurati che questa forma sia di fronte a tutto andando a Oggetto> Disponi> Porta in primo piano (Shift-Control-]). Ora seleziona i due tracciati tracciati insieme al tracciato composto (Fill-none, Stroke-none) e vai a Oggetto> Maschera di ritaglio> Rendi (Control-7)

Passaggio 5

Nel Livelli pannello, individuare la maschera appena creata e denominare il gruppo risultante "Zucchero". Apri questo gruppo e seleziona i due percorsi tracciati e vai a Oggetto> Espandi Aspetto. Ora entra Modalità di isolamento ed elimina solo i due percorsi che hai usato da ciascun gruppo, e poi Uscita dalla modalità di isolamento. Avanti, vai a Effetto> Stilizzazione> Sfalsa ombra e applicare le impostazioni mostrate a entrambi i gruppi. Dopo che la ciambella dello zucchero è pronta. 

6. Creare la ciambella glassata alla fragola 

Passo 1

Dalla ciambella Ciambella glassa e cioccolato, selezionare il gruppo "Ciambella base" insieme alla glassa e alle due "forme di evidenziazione", quindi copia e Incolla (Control-V) li sulla tua tavola da disegno. Mentre è selezionata la "forma della glassa", cambia il colore di riempimento in rosa acceso, apri il Bagliore interno finestra e cambiare il colore usato per l'effetto. Per le due "forme di evidenziazione", aumentare il Raggio di piume a 9 px. Mantieni tutto il resto uguale. 

Passo 2

Prendi il Strumento penna (P) o il Pencil Tool (N) e traccia due percorsi ondulati come nell'immagine successiva. Impostare il Peso del colpo7 pt e selezionare il Tappo rotondo opzione nel Ictus pannello (1). Scegliere Espandere e Separa (Shift-Control-G) dal Oggetto menu per trasformare i due percorsi tracciati in riempimenti. 

Utilizzare il Strumento di selezione diretta (A) spostare alcuni punti di ancoraggio per creare aree più spesse e irregolari, perché più sono naturali meglio è (2). Se non hai abbastanza punti, puoi aggiungerne altri con Aggiungi strumento Punto di ancoraggio (+). Quindi, seleziona le forme blu e verde, vai a Oggetto> Percorso composto> Crea (Control-8), e riempire il percorso composto risultante con il gradiente radiale mostrato (3). 

Passaggio 3

Per aggiungere un po 'di lucentezza, disegna alcune forme più sottili lungo la forma ondulata e riempile di bianco. 

Passaggio 4

Per aggiungere un'ombra, copia e Incolla sul retro (Control-B) la forma ondulata, cambia il colore di riempimento in rosa e spostalo 3 px verso il basso premendo il tasto Giù chiave di freccia sulla tastiera tre volte. 

7. Crea ombre per le ciambelle 

Passo 1

Prima crea un nuovo livello sotto il livello "Donuts" e chiamalo "Ombre". Ora, individuare il percorso composto che è stato utilizzato per mascherare la "ciambella di base" nella Livelli pannello, e copia e Incolla (Control-V) nel nuovo livello. Seleziona marrone come colore di riempimento, quindi vai a Effetto> Stilizzazione> Sfalsa ombra e applicare le impostazioni mostrate di seguito. 

Passo 2

Ripeti il ​​passaggio precedente per le altre tre ciambelle usando le stesse impostazioni, e hai finito.

Congratulazioni! Hai finito

Fammi sapere se ti è piaciuto questo tutorial e se hai imparato alcune nuove tecniche "deliziose". Sentiti libero di sperimentare con colori e impostazioni diversi per creare le tue ciambelle uniche. Non dimenticare di mostrarmi le tue ri-creazioni così posso godermele. 

Sei affamato ora?