Yum! Come creare una pila di frittelle con sciroppo in Adobe Illustrator

Cosa starai creando

In questo tutorial imparerai come disegnare una pila di deliziose frittelle con sciroppo e mirtilli in forma vettoriale. 

Inizieremo con la forma di base di un pancake e continueremo con la texture per la quale utilizzerai tecniche, effetti e pennelli diversi per avvicinarti il ​​più realisticamente possibile. Poi è il piatto bianco, e dopo tutto, si tratta di impilare quei deliziosi pancake. 

Per lo sciroppo, utilizzerai una combinazione di metodi di fusione per renderlo dorato e semitrasparente insieme a pennellate per renderlo lucido. Alla fine, decoreremo la pila di pancake con i mirtilli disegnati con l'aiuto dell'opzione Gradient Mesh, che è sempre la strada da percorrere se si desidera un aspetto realistico. Iniziamo il divertimento!

Se sei affamato di più icone di cibo o icone vettoriali in generale, allora salta su GraphicRiver e troverai sicuramente quello che stai cercando lì.

1. Come aprire un nuovo documento 

Lanciare Illustratore e vai a File> Nuovo per aprire un documento vuoto. Digita un nome per il file, imposta le dimensioni e seleziona pixel come unità e RGB come Modalità colore. Assicurati che Allinea nuovi oggetti a Pixel Grid non è controllato.

Avanti, vai a Modifica> Preferenze> Generale e impostare il Incremento della tastiera a 1 px e mentre là, vai a unità per assicurarsi che siano impostati come nell'immagine seguente. Di solito lavoro con queste impostazioni e ti aiuteranno durante il processo di disegno.

2. Come creare un pancake di base 

Passo 1

Per creare la forma del pancake inizia da un'ellisse con una dimensione di circa 240 x 110 px. Con l'aiuto di Aggiungi strumento Punto di ancoraggio (+), aggiungi più punti nella parte inferiore dell'ellisse e, successivamente, passa a Strumento di selezione diretta (A) e sposta questi punti per distorcere leggermente la forma. Nessun pancake è perfettamente liscio sui bordi.

Successivamente, crea una forma simile dietro alla prima, ma ingrandiscila in basso per dare l'impressione di una frittella densa.

Mi riferirò alla prima forma come al "forma superiore"E alla seconda forma come la"forma di fondo"Del pancake durante il tutorial. 

Passo 2

Mentre la forma inferiore del pancake rimane selezionata, aggiungi a Nuovo riempimento sopra il primo e usa lo stesso colore. Vai a Effetto> Texture> Texturizer e applicare le impostazioni mostrate di seguito. Imposta questo attributo Fill su Modalità di fusione Luce morbida per creare una texture morbida sul pancake. 

Passaggio 3

Con la forma inferiore della frittella ancora selezionata, vai a Effetto> Stilizzazione> Bagliore interno e applicare le impostazioni mostrate.

Passaggio 4

Utilizzare il Pencil Tool (N) o il Strumento penna (P) tracciare un percorso seguendo il bordo inferiore del pancake e utilizzare un colore marrone caldo (1). Traccia questo percorso con il Carbone di legna - Rough Art Brush dal Menu Librerie di pennelli> Artistico> Artistic_ChalkCharcoalPencil e ridurre il Peso del colpo a 0,25 pt (2).

Avanti, vai a Effetto> Sfocatura> Sfocatura gaussiana e applicare a Raggio di 2 px; quindi ridurre il Opacità a 50%. Questo creerà il bordo dorato-marrone che dovrebbe avere un pancake cotto (3).

Passaggio 5

Seleziona la forma inferiore del pancake e poi copia e Incolla in posizione (Shift-Control-V) per farne una copia. Imposta questa copia su stroke-none e fill-none e la useremo per ripulire i bordi (1).

Ora seleziona questa copia insieme alla forma in basso del pancake e al bordo marrone e vai a Oggetto> Maschera di ritaglio> Rendi (Control-7). Puoi nominare il gruppo risultante "fondo di pancake"(2). La forma superiore della frittella rimane in cima a tutto. 

3. Come aggiungere texture sul pancake

Passo 1

Seleziona la forma superiore del pancake e aggiungi un nuovo riempimento sopra il primo usando lo stesso colore. Applicare il Texturizer effetto come prima per creare quella texture morbida. Imposta questo attributo Fill su Modalità di fusione Luce morbida.

Passo 2

Disegna una forma di ellisse al centro del pancake e riempila con il gradiente radiale mostrato (1). Per appianare i bordi, applicare a Gaussian Blur di 5 px e dopo, impostare questa ellisse su La modalità di fusione si moltiplica e 75% di opacità (2). 

Passaggio 3

È ora di creare il bordo esterno dorato-marrone che dovrebbe avere un pancake cotto. Prendi il Pencil Tool (N) o il Strumento penna (P) e traccia brevi percorsi seguendo il bordo esterno del pancake (1). Prima di continuare, crea copie dei percorsi per un uso successivo.

Segna tutti questi percorsi con il Pennello Artico-Spessorato dal Menu Librerie di pennelli> Artistico> Artistic_ChalkCharcoalPencil e ridurre il Peso del colpo a 0,75 pt (1). Usa un colore marrone caldo, e puoi vedere il risultato nell'immagine qui sotto (2).

Per appianare il bordo marrone, per prima cosa Gruppo (Control-G) tutti questi percorsi e quindi applicare a Sfocatura gaussiana di 2 px a tutto il gruppo (3). 

Passaggio 4

Prendi le copie dei percorsi dal passaggio precedente e accarezzali con il Pennello Artico-Spessorato di nuovo ma ridurre il Peso del colpo a 0,5 pt e utilizzare una tonalità più fredda di marrone. Non applicheremo il Sfocatura gaussiana Effetto questa volta così giusto Gruppo (Control-G) tutti i percorsi. 

Passaggio 5

Ora prendi il Pencil Tool (N) e traccia un percorso circolare casuale sopra il pancake (1). Stroke it con il Pennello di inchiostro Splats Scatter dal Menu Librerie di pennelli> Artistico> Artistico_Inchiostro e ridurre il Peso del colpo a 0,25 pt. Quindi, vai al Aspetto pannello, apri il Opzioni del tratto finestra e modificare alcune delle impostazioni come indicato di seguito. Lo scopo è ottenere una moltitudine di piccoli granelli su tutta la superficie del pancake (2).

Utilizzare un colore marrone caldo come tratto e quindi impostare questo percorso su Modalità di fusione Brucia colore e 20% di opacità (3). 

Passaggio 6

Disegna un altro percorso circolare casuale sopra il pancake con l'aiuto di Pencil Tool (N). Stroke it con il Pennello di inchiostro Splats Scatter di nuovo e ridurre il Peso del colpo a 0,25 pt, ma questa volta usa un colore giallo pallido (1). Imposta questo percorso a Sovrapposizione modalità di fusione e 20% di opacità (2).

Passaggio 7

Quindi, prendi il Strumento penna (P) e traccia un percorso rettilineo sopra la frittella. Stroke it con il Chalk Art Brush dal Menu Librerie di pennelli> Artistico> Artistic_ChalkCharcoalPencil e aumentare il Peso del colpo a 5 pt per ottenere pezzi di texture più grandi (1). Imposta questo percorso a Modalità di fusione Luce morbida e 75% di opacità (2). 

Passaggio 8

È finalmente il momento di mascherare tutto. Seleziona la forma superiore del pancake e poi copia e Incolla in posizione (Shift-Control-V) per farne una copia. Imposta questa copia su tratto-nessuno e riempimento-nessuno.

Ora seleziona questa copia insieme alla forma superiore del pancake e tutti i percorsi di trama che sono stati creati in questa sezione del tutorial e vai a Oggetto> Maschera di ritaglio> Rendi (Control-7).

A questo punto, dovresti avere il "fondo di pancake"Gruppo e il nuovo gruppo"pancake top" nel Aspetto pannello. Queste sono le due parti principali che compongono il tuo primo pancake.

4. Come creare un piatto bianco

Passo 1

Per creare la piastra, iniziare con un'ellisse bianca 410 x 190 px. Successivamente, disegna una nuova ellisse piena di grigio e invialo dietro la prima. 

Passo 2

Mentre le due ellissi rimangono selezionate, vai a Oggetto> Miscela> Opzioni di fusione, scegliere Colore liscio e colpisci ok. Ritornare a Oggetto> Miscela> Rendi (Alt-Control-B) dopo di che. 

Passaggio 3

Disegna una nuova ellisse bianca nella parte anteriore per affilare il bordo della piastra come indicato nell'immagine qui sotto. 

Passaggio 4

Disegna altre due ellissi, riempili con i colori indicati e disponili come nell'immagine successiva. Dopo, mescolali come hai fatto prima per ottenere una transizione graduale tra di loro.

Passaggio 5

Disegna due nuove ellissi, riempili con i colori indicati e disponili come mostrato nell'immagine qui sotto. Dopo, mescolali come hai fatto prima, e evidenzierai il fondo del piatto.

Passaggio 6

Ora, seleziona gli ultimi due gruppi di blend dal centro della piastra e Gruppo (Control-G) loro. Riduci il Opacità del gruppo risultante a 50%.

Passaggio 7

Creiamo l'ombra sotto il piatto. Prendi il Strumento ellisse (L) di nuovo e disegna due nuove ellissi in un nuovo livello dietro la piastra. Riempi il più piccolo con quello grigio e quello più grande con il bianco e disponili sul lato inferiore sinistro del piatto.

Unisci le due ellissi come hai fatto prima per ottenere una transizione uniforme tra loro. Impostare il Modalità di fusione del gruppo di fusione risultante in Moltiplicare (il bianco diventa trasparente). Puoi anche ridurre l'opacità se necessario. 

5. Come creare la pila di frittelle

Passo 1

Gruppo (Control-G) tutte le forme che compongono il primo pancake e spostarlo sul piatto. Ridimensionare la piastra se necessario (1).

Ora, seleziona solo la forma inferiore del pancake e poi copia e Incolla in posizione (Shift-Control-V) per farne una copia. Sposta questa copia dietro il gruppo di frittelle e quindi riempila con una tonalità di marrone più scura. Con questa forma ancora selezionata, premere il tasto Freccia in giù tasto sulla tastiera due volte per spostarlo 2 px verso il basso (2).

Vai a Effetto> Sfocatura> Sfocatura gaussiana e applicare a Raggio di 2 px e ridurre il Opacità a 25%. Questo creerà l'aspetto di un'ombra liscia sotto il pancake (3).

Passo 2

Crea un'altra copia della forma inferiore del pancake come hai fatto prima, quindi spostala dietro il pancake (1).

Mentre la nuova copia rimane selezionata, premere il tasto Freccia in giù chiave una volta per spostarlo 1 px verso il basso. Riempi di nero e riduci il Opacità a 20% (2). Non c'è bisogno di una sfocatura perché vogliamo un'ombra più nitida sotto il pancake questa volta (3).

Passaggio 3

A questo punto hai il primo pancake sul piatto. Puoi crearne una copia e quindi ruotarla e sistemarla in cima per ottenere il secondo pancake. Non dimenticare le due forme d'ombra sotto il nuovo pancake.

Per rendere l'immagine finale più attraente e realistica, ho disegnato il secondo pancake da zero con una forma leggermente diversa. Puoi farlo anche perché il processo e tutte le impostazioni rimangono le stesse. 

Passaggio 4

Seguendo la stessa tecnica, puoi impilare tutti i pancake che vuoi. È più facile mantenere ogni pancake in un livello separato insieme alle sue due forme d'ombra. 

6. Come creare l'ombra sotto la pila di frittelle

Passo 1

Seleziona solo la forma inferiore del primo pancake insieme alla forma inferiore del secondo pancake e poi copia e Incolla in posizione (Shift-Control-V) fare copie di entrambi. Mentre queste due copie rimangono selezionate, premere Unire nel esploratore pannello per unirli in un'unica forma. Sposta la forma risultante in un nuovo livello tra i pancake e il piatto. 

Passo 2

Con la forma d'ombra ancora selezionata, vai a Effetto> Stilizzazione> Sfalsa ombra e applicare questo effetto quattro volte. 

Ecco le impostazioni per Ombra esterna effetti:

7. Come creare lo sciroppo sulla pila di frittelle

Passo 1

Innanzitutto, aggiungi un nuovo livello sopra i pancake e chiamalo "sciroppo”. Ora, prendi il Strumento penna (P) e disegna la forma dello sciroppo gocciolante. Ci vorrà un po 'di tempo, ma fai le regolazioni mentre vai finché non sei soddisfatto del risultato finale (1).

Riempi questa forma con il marrone; poi vai a Effetto> Stilizzazione> Bagliore interno e applicare le impostazioni mostrate. Impostare il Modalità di fusione a Luce soffusa per ottenere l'aspetto semitrasparente. (2).

Passo 2

copia e Incolla davanti (Control-F) la forma dello sciroppo e cambia il colore di riempimento in una tonalità più calda di marrone. Lascia le altre impostazioni così come sono. Di conseguenza, lo sciroppo sarà più dorato.

Passaggio 3

Ora concentrati sullo sciroppo che cade sul piatto e disegna due forme più piccole con il Strumento penna (P). Mandali dietro la forma dello sciroppo e riempili con il gradiente radiale mostrato. Per appianare i bordi, applicare a Sfocatura gaussiana di 2 px e quindi ridurre il Opacità a 35%

Passaggio 4

A questo punto puoi aggiungere più sciroppo per creare l'aspetto dei livelli che scorrono sui pancake, quindi disegna due nuove forme (o più) come nell'immagine qui sotto. Applica le stesse impostazioni di prima per la forma grande sciroppo (1).

copia e Incolla davanti (Control-F) queste due forme e quindi scegliere una tonalità più calda di marrone come il colore di riempimento proprio come hai fatto prima mantenendo le altre impostazioni (2).

Passaggio 5

Seleziona la forma grande sciroppo e poi copia e Incolla in posizione (Shift-Control-V) per fare una copia di esso. Rimuovi tutte le apparenze esistenti e seleziona qualsiasi colore di riempimento (1).

copia e Incolla sul retro (Control-B) la forma blu e spostala 2 px a sinistra premendo il tasto Freccia sinistra tasto sulla tastiera due volte. Scegli un colore di riempimento diverso per vedere meglio le due nuove forme (2).

Mentre queste due forme rimangono selezionate, premere Fronte meno nel esploratore pannello. Se ottieni più forme invece di una, Separa (Shift-Control-G) loro e poi andare a Oggetto> Percorso composto> Crea (Control-8). Puoi vedere la forma risultante nell'immagine qui sotto (3).

Passaggio 6

Riempi la forma composta del passaggio precedente con il nero e spostalo dietro lo sciroppo (1). Per ottenere un aspetto uniforme, applicare a Sfocatura gaussiana di 1 px e impostare il Modalità di fusione a Luce soffusa. Questo creerà un'ombra morbida sul lato sinistro dello sciroppo che scorre (2). 

Passaggio 7

Seguendo la tecnica spiegata nei due passaggi precedenti, crea l'ombra sul lato sinistro delle forme sciroppo più piccole. Le impostazioni rimangono le stesse. 

8. Come aggiungere lustro allo sciroppo

Passo 1

Prendi il Strumento penna (P) e disegna alcune forme allungate casuali seguendo i bordi ondulati dello sciroppo (1). Riempi tutti di giallo chiaro e poi applica a Sfocatura gaussiana 2,2 px (2). Riduci l'opacità di alcuni di essi, se necessario e Gruppo (Control-G) tutte le forme alla fine.

Passo 2

Utilizzare il Strumento penna (P) di nuovo e traccia un gruppo di percorsi brevi sopra quelli sfocati del passaggio precedente (1). Stroke tutti loro con il Black Blend Art Brush da un altro mio tutorial Come creare un set di pennelli per la miscelazione multiuso (passaggio 5.2) dedicato alla combinazione di pennelli e quanto sono grandi. Io uso questi pennelli tutto il tempo.

Dal momento che il colorazione del pennello è impostato su tinte, puoi scegliere qualsiasi colore e il tratto del pennello si aggiornerà automaticamente. In questo caso, scegli un giallo molto pallido e otterrai quello specifico splendore dello sciroppo (2). 

9. Come creare un mirtillo realistico

Passo 1

Innanzitutto, usa il Strumento ellisse (L) disegnare un piccolo 35 x 35 px cerchio (1). Mentre il cerchio rimane selezionato, vai a Oggetto> Crea mesh sfumata e scegliere 5 righe e 5 colonne. Di conseguenza otterrai le linee mesh e tutti i punti mesh (2).

Ognuno di questi punti mesh può essere colorato con una diversa tonalità di blu per ottenere un aspetto più realistico. Troverete tutti i colori nel campioni pannello nel file Illustrator allegato se lo scarichi (3). Puoi vedere il risultato finale nell'immagine qui sotto (4). 

Passo 2

Con l'aiuto di Strumento penna (P) disegna una forma arrotondata sul mirtillo e riempila con il gradiente radiale mostrato. Quindi, traccia un piccolo cerchio al centro e riempilo con l'altro gradiente radiale. 

Passaggio 3

Utilizzare il Strumento penna (P) di nuovo per disegnare cinque forme a forma di petalo attorno alle forme precedenti. Riempi tutti con il gradiente radiale mostrato.

Gruppo (Control-G) tutte le forme che compongono il mirtillo e spostarlo in cima alla pila di pancake. 

Passaggio 4

Prendi il Strumento ellisse (L) e disegna un'ellisse sulla dimensione del mirtillo riempito di bianco (1). Disegna un'ellisse più piccola piena di grigio sopra la prima, come mostrato nell'immagine qui sotto (2).

Mentre le due forme rimangono selezionate, vai a Oggetto> Miscela> Opzioni di fusione e scegliere Colore liscio. Colpire ok e poi tornare a Oggetto> Miscela> Rendi (Alt-Control-B). Impostare il Modalità di fusione del gruppo di fusione risultante in Moltiplicare (il bianco diventa trasparente) e inviarlo dietro il mirtillo (3). Riduci l'opacità dell'ombra se necessario. 

Passaggio 5

Fai delle copie del mirtillo e aggiungi tutti quelli che vuoi sui pancake. Crea l'ombra sotto ogni mirtillo come spiegato nel passaggio precedente. 

Congratulazioni, hai finito!

La pila di pancake è pronta. Vorrei poterli mangiare perché sembrano deliziosi. Se li ricrei, non dimenticare di condividere la tua immagine finale con noi.

Puoi anche farmi sapere qual è il tuo cibo preferito e forse lo disegnerò in futuro.