Yum! Come creare un'icona di sandwich bagel deliziosa in Adobe Illustrator

Cosa starai creando

Segui questo tutorial e impara come creare un'icona a sandwich bagel in Adobe Illustrator. All'inizio creerai i due pezzi di bagel e poi traccerai tutti gli ingredienti per il panino: pezzi di lattuga, una fetta di formaggio e una fetta di prosciutto. 

La parte più divertente è comporre il sandwich al bagel, perché qui puoi essere creativo. L'ultima cosa è cospargere alcuni semi di sesamo con l'aiuto di un pennello a dispersione. Se ti piacciono tanto i tutorial legati all'alimentazione, iniziamo il divertimento!

Se stai cercando un'alternativa ad avvio rapido, abbiamo una collezione sorprendentemente ampia di icone e vettori bagel su GraphicRiver, che puoi personalizzare in base alle tue esigenze!

1. Inizia un nuovo progetto

Lanciare Illustratore e poi andare a File> Nuovo per aprire un documento vuoto. Digita un nome per il tuo file e imposta le dimensioni, selezionando 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ì, anche andare 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. Crea il Bagel

Passo 1

Prendi il Strumento ellisse (L) e disegna due cerchi con le dimensioni indicate. Mentre li hai selezionati, premi Centro allineamento orizzontale e Centro di allineamento verticale nel Allineare pannello. 

Passo 2

Con i cerchi ancora selezionati, vai a Oggetto> Percorso composto> Crea (Control-8) e quindi riempire la forma risultante con marrone chiaro. Lo chiamerò "bagel-top", E avrai bisogno di copie extra di questa forma durante il tutorial.

Passaggio 3

Con "bagel-top"Ancora selezionato, aggiungi a Nuovo riempimento nel Aspetto pannello sopra il primo. Usa il gradiente radiale mostrato, quindi vai a Effetto> Schizzo> Bassorilievo e applicare le impostazioni dall'immagine successiva. Impostare il Modalità di fusione a Luce soffusa

Passaggio 4

Aggiungere un Nuovo riempimento nel Aspetto pannello e utilizzare il colore marrone; quindi imposta il Modalità di fusione a Luce soffusa.

Passaggio 5

Aggiungere un Nuovo riempimento di nuovo e usa il colore indicato, quindi vai a Effetto> Schizzo> Carta per appunti e applicare le impostazioni dall'immagine successiva. Imposta questo attributo Fill su Sovrapposizione modalità di fusione e 15% di opacità.

Passaggio 6

Per sbarazzarsi del bordo pixelato generato da Carta per appunti effetto, creeremo una maschera. Seleziona "bagel-top", copia e Incolla davanti (Control-F) per fare una copia, e quindi rimuovere tutte le apparenze esistenti. Ora, seleziona entrambe le forme e vai a Oggetto> Maschera di ritaglio> Rendi (Control-7). Assegna un nome al gruppo risultante "Bagel Top”.

Passaggio 7

Creiamo il pezzo di fondo del bagel. Crea un'altra copia di "bagel-top"Sulla tavola da disegno e usa il gradiente radiale mostrato per riempirlo. Non è necessario aggiungere ulteriori dettagli perché la maggior parte di essi sarà coperta dagli ingredienti nel sandwich.

3. Crea un pezzo di lattuga

Passo 1

Prendi il Pencil Tool (N) e disegna una forma simile, riempiendola con il gradiente radiale mostrato. Utilizzare il Strumento sfumatura (G) per regolare la direzione, se necessario.

Passo 2

Con la forma di lattuga ancora selezionata, vai a Oggetto> Percorso> Percorso offset e applicare a Offset di 1,2 px per ottenere una forma leggermente più grande. Riempi questa nuova forma con il gradiente lineare mostrato e assicurati che sia dietro al primo.

Passaggio 3

Ora, prendi il Strumento penna (P) e disegna alcune forme come sotto sulla lattuga. Riempili con diverse tonalità di verde (1). Per aggiungere alcune dimensioni, disegna alcune piccole forme tra le "onde" della lattuga, ma assicurati di inviarle di nuovo. Usa una tonalità di verde più scura come colore di riempimento (2).

4. Creare una fetta di formaggio

Passo 1

Utilizzare il Strumento rettangolo (M) disegnare a 73 x 150 px rettangolo e utilizzare il giallo come colore di riempimento. Quindi, disegna alcuni cerchi con il Strumento ellisse (L) e Gruppo (Control-G) loro. 

Prima di continuare, crea una copia di questo gruppo, perché ne avrai bisogno nel passaggio successivo. Ora, seleziona il rettangolo insieme al gruppo di cerchi e premi Fronte meno nel esploratore pannello per ottenere i fori nel formaggio.

Passo 2

Ora, avrai bisogno della copia del gruppo di cerchi del passaggio precedente (1). Selezionalo e copia e Incolla davanti (Control-F) per ottenere un altro gruppo di cerchi (quelli verdi). Spostali leggermente verso destra (2). 

Quindi, selezionare entrambi i gruppi e premere Escludere nel esploratore pannello, e poi Separa (Shift-Control-G) dal Oggetto menu (3). Elimina tutte le forme risultanti dal lato inferiore destro dei fori perché non ne abbiamo bisogno. Se alcune delle forme vanno oltre il limite, basta prendere il Elimina strumento Punto di ancoraggio (-) ed eliminare i punti di ancoraggio alla fine che non sono necessari, e apportare piccole modifiche se necessario (4). Riempi queste forme con il colore indicato (5).

5. Creare una fetta di prosciutto

Passo 1

Utilizzare il Pencil Tool (N) per disegnare una forma come quella nell'immagine seguente e utilizzare il gradiente lineare indicato per riempirlo. Spostare alcuni dei punti di ancoraggio verso l'interno con il Strumento di selezione diretta (A) per creare un aspetto più realistico.

Passo 2

Utilizzare il Pencil Tool (N) di nuovo per disegnare una forma in basso. Quindi, seleziona la forma del prosciutto e copia e Incolla davanti (Control-F); quindi selezionare questa copia insieme alla forma nera e premere intersecare nel esploratore pannello. Riempi la forma risultante con il gradiente lineare mostrato.

Passaggio 3

Come spiegato nel passaggio precedente, crea due nuove forme e riempili con il gradiente lineare mostrato nell'immagine successiva.

Passaggio 4

Prendi il Strumento penna (P) o il Pencil Tool (N) e disegna alcune forme casuali sul prosciutto per aggiungere ulteriori dettagli. Riempili con la sfumatura lineare mostrata sotto.

6. Componi il Bagel Sandwich

Passo 1

A questo punto tutti gli elementi sono pronti. Prima di continuare, Gruppo (Control-G) tutte le forme che compongono la lattuga e il nome del gruppo "Lattuga“; Gruppo (Control-G) tutte le forme che compongono la fetta di formaggio e il nome del gruppo "Formaggio", E hai indovinato ... fare lo stesso per il"prosciutto”. Poiché sono in forma vettoriale, puoi ridimensionarli se lo desideri.

Passo 2

In cima al "bagel-bottom", Inizia a sistemare i pezzi di lattuga. Moltiplicare il "Lattuga"Raggruppa tutte le volte che vuoi e disponili come desideri. Puoi essere creativo qui. Aggiungi anche la prima fetta di formaggio.

Passaggio 3

Aggiungiamo alcune ombre mentre andiamo, perché sarà più difficile aggiungere tutte le ombre alla fine. È meglio lavorare a strati.

Utilizzare il Strumento penna (P) o il Pencil Tool (N) disegnare due percorsi lungo il bordo esterno del formaggio, ma non superare il bordo del "bagel-bottom”. Dai loro un 2 pt Stroke usando il colore indicato, e poi vai a Effetto> Sfocatura> Sfocatura gaussiana e applicare a Raggio di 2 px. Invia questi due percorsi dietro "Formaggio"Gruppo.

Mentre i percorsi sono ancora selezionati, premere Nuovo stile grafico in fondo al Stili grafici pannello per salvarlo per un uso successivo. Nominalo Stile grafico marrone ombra.

Passaggio 4

Ora, fai una copia del "prosciutto"Raggruppa e sistemalo sopra il bagel. Con il Strumento penna (P) o il Pencil Tool (N), disegnare un percorso nell'angolo in alto e quindi semplicemente selezionare il Stile grafico marrone ombra dal Stili grafici pannello per aggiungere l'ombra. Sposta questo percorso dietro "prosciutto"Gruppo ma di fronte al"Formaggio"Gruppo.

Passaggio 5

Disegna un altro tracciato nell'angolo in basso, dagli un a 2 pt nero Ictus, e quindi applicare a Sfocatura gaussiana di 2 px. Sposta questo percorso dietro "prosciutto"Ma di fronte al"Lattuga”.

Salva questo stile in Stili grafici pannello e chiamarlo Stile grafico Black Shadow.

Passaggio 6

Disporre una seconda fetta di prosciutto sopra il bagel, disegnare due percorsi come nell'immagine seguente e selezionare il Stile grafico Black Shadow dal Stili grafici pannello per aggiungere le ombre. Sposta questi due percorsi dietro "prosciutto”.

Passaggio 7

Disporre la terza fetta di prosciutto e disegnare i due percorsi come di seguito. Per il percorso nero, selezionare il Stile grafico marrone ombra, e per il percorso blu selezionare il Stile grafico Black Shadow. Non dimenticare di inviarli dietro "prosciutto"Ma davanti alla prima fetta (1).

Aggiungi un'altra fetta di formaggio, disegna il percorso verde e seleziona il Stile grafico marrone ombra per questo. Invia questo percorso dietro "Formaggio"(2).

Passaggio 8

Adesso prendi il "Bagel Top"Raggruppa e sistemalo sugli ingredienti. Non posizionarlo direttamente sopra "bagel-bottom"Ma un po 'giù e a destra.

7. Aggiungi l'ombra sotto la parte superiore del bagel

Passo 1

Seleziona "bagel-top" e copia e Incolla in posizione (Shift-Control-V). Rimuovi tutte le apparenze esistenti e dagli semplicemente un riempimento bianco; poi vai a Effetto> Stilizzazione> Sfalsa ombra e applicare le impostazioni mostrate di seguito. Sposta questa copia dietro "Bagel Top"Gruppo.

Come indicato dalle frecce, ci sono zone in cui non abbiamo lattuga, prosciutto o formaggio che sporgano dal bagel, quindi non c'è bisogno di ombra lì. Per rendere l'ombra non visibile in quelle aree specifiche, creeremo una maschera nel passaggio successivo.

Passo 2

Prima bloccare il "Bagel Top"Gruppo nel Livelli pannello, o nascondilo per il momento. Ora seleziona tutti gli ingredienti nel tuo bagel (nel mio caso: 3 x "Lattuga", 3 x"prosciutto"E 2 x"Formaggio") Ma senza i percorsi ombra e quindi premere Unire nel esploratore pannello (1). Di conseguenza otterrai un percorso composto (2). 

Quindi, seleziona la forma bianca dal passo precedente insieme a questo percorso composto (che deve essere in primo piano) e vai a Oggetto> Maschera di ritaglio> Rendi (Control-7) (3). Puoi vedere il risultato finale nell'immagine seguente (4).

Passaggio 3

Utilizzare il Strumento ellisse (L) disegnare a Cerchio 57 x 57 px e poi mettilo al centro del bagel. Seleziona bianco come colore di riempimento; poi vai a Effetto> Stilizzazione> Bagliore interno e applicare le impostazioni mostrate di seguito. Nel Aspetto pannello, cambia il Modalità di fusione per il bianco Riempi a Moltiplicare per renderlo trasparente. Vogliamo solo che l'ombra sia visibile.

8. Aggiungi i semi di sesamo sul bagel

Passo 1

Prendi il Strumento penna (P) e disegna una forma simile al sesamo seguita da una forma più piccola in cima. Usa i colori indicati per riempire queste forme e creare i semi di sesamo bianchi e neri. Al 100% i semi sono molto piccoli, quindi prendi in considerazione questo fatto. 

Trascina il sesamo bianco nel Spazzole pannello e scegliere Nuovo pennello di dispersione. Digita un nome per il pennello e imposta il Rotazione relativa al percorso. Lascia il resto delle impostazioni così come sono e colpisci ok. Ripeti la stessa cosa con il sesamo nero.

Passo 2

Prendi il Pencil Tool (N) e traccia un percorso casuale sopra "Bagel-Top"E accarezzalo con il Pennello a dispersione di sesamo salvato in precedenza. Il Peso del colpo è impostato a 1 punto ma il colore del tratto non è importante. Apri il Opzioni del tratto finestra dal Aspetto pannello e modificare le impostazioni al fine di disperdere i semi il più possibile. Gioca con le impostazioni finché non ti piace il risultato finale.

Passaggio 3

Con il percorso ancora selezionato, premere Aggiungi nuovo tratto nel Aspetto pannello. Usa lo stesso Pennello a dispersione di sesamo ma apri il Opzioni del tratto finestra e scegliere impostazioni diverse. Questo aggiungerà più semi di sesamo sul bagel.

Passaggio 4

Aggiungiamo alcuni semi di sesamo nero. Nel Aspetto pannello, premere Aggiungi nuovo tratto e questa volta usa il Pennello a dispersione di sesamo nero che hai salvato in precedenza. Apri il Opzioni del tratto finestra e giocare con le impostazioni.

Passaggio 5

Con il percorso ancora selezionato, selezionare Espandi Aspetto dal Oggetto menu. Di conseguenza, i tre colpi si trasformeranno in tre gruppi di semi. Fare doppio clic su uno dei semi alcune volte per accedere al Modalità di isolamento fino a quando non sarai in grado di selezionare i singoli semi e cancellare quelli che superano il bordo del bagel. 

Quando hai finito, esci Modalità di isolamento premendo il tasto Indietro di un livello freccia nell'angolo in alto a sinistra della tua tavola da disegno.

Passaggio 6

Quindi, seleziona l'intero gruppo di semi di sesamo e vai a Effetto> Stilizzazione> Sfalsa ombra. Applicare le impostazioni dall'immagine sottostante e premere ok.

9. Aggiungi ombra sotto il panino bagel

Passo 1

Seleziona il percorso composto che hai creato prima nel tutorial usando tutti gli ingredienti nel panino e poi copia e Incolla in posizione (Shift-Control-V). Invia la nuova copia dietro tutto andando a Oggetto> Disponi> Porta in secondo piano (Shift-Control- [) (1). 

Ora, seleziona "bagel-bottom" e poi copia e Incolla sul retro (Control-B) (2). Mentre queste due copie sono selezionate, premere Unire nel esploratore pannello per ottenere un nuovo percorso composto (3).

Passo 2

Seleziona "bagel-top" e poi copia e Incolla in posizione (Shift-Control-V). Invia la nuova copia dietro tutto andando a Oggetto> Disponi> Porta in secondo piano (Shift-Control- [) (1). Ora, seleziona il percorso composto dal passo precedente insieme alla copia di "bagel-top"E premere Unire nel esploratore pannello di nuovo (3).

Passaggio 3

La forma è ora pronta. Seleziona il nero come colore di riempimento e poi vai a Effetto> Stilizzazione> Sfalsa ombra. Applicare questo effetto due volte usando le impostazioni mostrate sotto. Nel Aspetto pannello, impostare il Opacità per il nero Riempi a 0%.

Passaggio 4

Disegna un rettangolo in un nuovo livello dietro il bagel e usa il gradiente radiale mostrato per riempirlo per creare lo sfondo (1). Puoi, naturalmente, aggiungere un altro background, se preferisci.

Utilizzare il Strumento ellisse (L) disegnare un nuovo 57 x 57 px cerchio, e posizionalo al centro del bagel. Invia il cerchio dietro tutto andando a Oggetto> Disponi> Porta in secondo piano (Shift-Control- [). Seleziona il nero come colore di riempimento e impostalo su Sovrapposizione modalità di fusione (2). Questo oscurerà un po 'di più l'area al centro del bagel (3).

Congratulazioni! Hai finito

L'icona del sandwich bagel è completa. Spero che questo sia stato divertente da creare e non dimenticare di condividere un'immagine con noi. Mi piacerebbe vedere le tue ri-creazioni. Inoltre, fammi sapere se desideri più esercitazioni relative al cibo in futuro. 

Sei affamato ora?