Crea una deliziosa icona cibo cinese

Questo tutorial dimostrerà come creare un delizioso set di icone di cibo cinese. Questo tutorial richiede un generoso comando degli strumenti di Adobe Illustrator. Scopriamolo in questo delizioso tutorial di progettazione di icone, che include numerose tecniche di illustrazione vettoriale.

Anteprima dell'immagine finale

Di seguito è riportato il progetto finale su cui lavoreremo.

Passo 1

Inizia disegnando un rettangolo usando lo strumento Rettangolo (M). Sposta i due punti in basso verso l'interno selezionandoli con lo Strumento selezione diretta (A).

Passo 2

Per creare rapidamente le qualità 3D utilizzeremo la funzione di estrusione 3D di Illustrator. Vai a Effetto> 3D> Estrusione e smussatura ... Inserisci i numeri mostrati sotto per ottenere un aspetto simile. A seconda di come hai disegnato esattamente la tua forma, i numeri seguenti potrebbero dover essere leggermente modificati. Fai clic su OK quando il risultato ti sembra buono.

Passaggio 3

Per lavorare con l'oggetto dovrai prima espanderlo e separarlo. Vai a Oggetto> Espandi aspetto. Quindi vai su Oggetto> Separa. Continua a separare l'oggetto finché non sei in grado di selezionare ogni singola forma che comprende l'oggetto. Dai a ciascun lato della scatola un colore piatto che sarà simile al colore finale della scatola.

Questo è un ottimo momento per pensare a dove verrà la tua fonte di luce. Ho deciso che la luce verrà dal lato in alto a sinistra, quindi, il lato destro della scatola ha un colore più scuro. Tieni a mente questo concetto quando lavori con altri elementi, quindi tutto è coerente.

Passaggio 4

Per creare le alette e le pieghe della scatola, disegneremo semplicemente le forme di cui abbiamo bisogno usando lo strumento Penna (P). Disegna una linea al centro della parte superiore della scatola prima di iniziare a creare le altre forme. Ciò renderà più semplice accertarsi che i lembi siano simmetrici

Nota: sarà più facile se blocchi la forma della scatola principale prima di disegnare le altre forme sopra di essa. Questo assicurerà che non stai facendo involontariamente clic su forme che non intendi. Per bloccare un oggetto premi Comando + 2.

Passaggio 5

Disegna l'altro lembo ora.

Passaggio 6

Disegna le alette triangolari sul lato.

Passaggio 7

Fai una copia della parte anteriore della scatola e mantienila di lato per usarla in una fase successiva.

È possibile dare i lembi in cima e una pendenza lineare rapida per aiutarli a distinguerli dalle altre forme. Tuttavia, la superficie più prominente avrà più dettagli e rendering, quindi utilizzeremo lo strumento Gradient Mesh (U) per darci la possibilità di creare un aspetto più complesso.

Quando aggiungi punti con lo strumento Gradiente maglie è importante non creare troppi punti non necessari. Per semplificare la quantità di punti che fai segui l'esempio qui sotto.

Fare clic prima nel centro (1). Clicca sopra e a sinistra (2). I punti 3 e 4 vengono aggiunti automaticamente come risultato del clic 2. Infine, clicca in basso a destra dove sono posizionati i due cerchi blu e tutti gli altri punti saranno posizionati automaticamente. Quando possibile, aggiungi punti direttamente sulle linee rosse per evitare di creare molti più punti del necessario.

Passaggio 8

Usa lo strumento selezione diretta per selezionare una fila di punti e dare loro un colore più scuro. Può aiutare a mantenere il colore coerente in tutto il pezzo, se trascini nuovi colori nella tavolozza dei colori mentre li crei. In questo modo non stai indovinando quale colore hai usato in un punto precedente.

Passaggio 9

Dare alla cima della scatola una sfumatura usando anche lo strumento Gradiente Mesh. Poiché ci sono dei lembi che si sovrappongono in parte alla parte superiore, potrebbe essere necessario regolare i punti e le maniglie (cerchiati con una linea tratteggiata). Usando lo Strumento selezione diretta, trascina i punti e le maniglie attorno per ottenere il gradiente posizionato nel punto giusto. Spostare i punti e le maniglie è un modo semplice per far apparire il gradiente come desideri.

Passaggio 10

Il lato della scatola può essere ombreggiato con una sfumatura radiale.

Passaggio 11

Dare a ciascuna delle alette un'ombreggiatura andando a Effetto> Stilizzazione> Sfalsa ombra ... Assicurati di selezionare un colore vicino al colore della tua scatola. Ad esempio, ci sono sfumature di verde nella mia scatola, quindi ho selezionato un verde scuro per l'ombra. Questo aiuta a sfumare un po 'meglio dell'uso del nero.

Passaggio 12

Questo è come dovrebbe essere la tua scatola in questo momento.

Passaggio 13

Aggiungi un testo di ispirazione asiatica al tuo design. Puoi trovare font interessanti e interessanti gratuitamente da daffont.com.

Usa le stesse variabili che hai usato nel passaggio 2 ad eccezione dell'aggiunta di una profondità di estrusione. Mantieni questo numero a 0 e fai clic su OK.

Passaggio 14

Per aggiungere colore al testo, vai su Oggetto> Espandi aspetto. Quindi vai su Oggetto> Separa. Separare continuamente l'oggetto fino a quando non è più possibile separarlo. Ora, sarai in grado di dare al testo un gradiente vibrante. Si noti che le mie transizioni di sfumatura da un rosso brillante a un colore leggermente più scuro.

Passaggio 15

Afferra la forma che hai messo di lato. Lo useremo per fare una riflessione sulla parte anteriore della scatola. Disegna un'altra forma che attraversa la forma della scatola. Utilizzando il Pathfinder fai clic su Dividi. Separa ed elimina le altre forme che non ti servono.

Passaggio 16

Posiziona il riflesso sulla scatola e sul testo. Assegnare una sfumatura da verde scuro a bianco e impostarla su Moltiplicare nella palette Trasparenza.

Passaggio 17

Crea una sottile evidenziatura sfocando una forma ovale andando su Effetto> Sfocatura> Sfocatura gaussiana ...

Passaggio 18

Ecco come dovrebbe apparire l'icona in questo momento.

Passaggio 19

Per rendere la forma base del biscotto della fortuna disegnare un'ellisse usando lo strumento Ellisse (L).

Passaggio 20

Aggiungi due punti su entrambi i lati della parte inferiore dell'ellisse usando lo strumento Aggiungi punto di ancoraggio (+).

Passaggio 21

Usa lo strumento selezione diretta per spostare il punto centrale al centro dell'ellisse.

Passaggio 22

Una volta ruotata l'ellisse, la si condenserà verticalmente. Tuttavia, poiché l'oggetto è stato ruotato, non sarà possibile condensarlo proporzionalmente senza prima andare su Oggetto> Trasforma> Ripristina riquadro di delimitazione.

Passaggio 23

Ora, condensare leggermente la forma.

Passaggio 24

A questo punto hai la forma generale del biscotto della fortuna. Ora puoi disegnare a mano libera gli altri elementi per migliorare e completare il cookie.

Passaggio 25

Aggiungi ombreggiatura al cookie assegnandogli un punto mesh usando lo strumento Gradiente mesh. L'aggiunta di punti di mesh a oggetti più complessi tende a produrre angoli e curve inaspettati. Ancora una volta, regola i punti e le maniglie usando lo Strumento selezione diretta. Non preoccuparti di creare ogni singolo dettaglio di ombreggiatura. È possibile utilizzare la mesh del gradiente per l'ombreggiatura di base e continuare con il passaggio successivo per aggiungere un'ombreggiatura più dettagliata.

Passaggio 26

Un modo semplice per controllare con maggiore precisione l'ombreggiatura consiste nel disegnare una forma di base sopra l'oggetto e sfocarlo andando su Effetto> Sfocatura> Sfocatura gaussiana ... Questa tecnica funziona bene sia per le luci che per le ombre.

Passo 27

Aggiungi il messaggio che sporge dal biscotto della fortuna disegnando un semplice rettangolo e poi distorcilo andando su Oggetto> Distorsione busta> Crea con Warp ...

Passaggio 28

Vai a Oggetto> Espandi e premi OK nella finestra di dialogo visualizzata. Ora sarai in grado di dare alla forma una leggera sfumatura e un'ombra esterna.

Passaggio 29

Metti il ​​biscotto della fortuna dove preferisci. Duplica e rifletti facendo doppio clic sullo strumento Rifletti (O). Dai a entrambi i biscotti della fortuna un'ombra esterna per completare questo elemento.

Passaggio 30

Le bacchette possono essere fatte usando la forma dell'ellisse come punto di partenza.

Passaggio 31

Sposta il punto in alto, usando lo Strumento selezione diretta, finché non raggiunge la punta della maniglia per i punti laterali.

Passo 32

Trascina una guida verticale sulla pagina al centro della forma dell'ellisse. Posiziona un rettangolo iniziando dalla guida. Dividi la forma usando il Pathfinder ed elimina i pezzi non necessari.

Passaggio 33

Usa lo strumento selezione diretta per sollevare leggermente il punto evidenziato, il che renderà la forma più simile a un chop stick.

Passaggio 34

Vai a Effetto> 3D> Estrusione e smussatura ... Inserisci le variabili qui sotto o modificale secondo il tuo stile se necessario. Fai clic su OK quando hai finito.

Passaggio 35

Dai un tocco al chop stick disegnando una lunga e bianca forma e sfocandola andando su Effetto> Sfocatura> Sfocatura gaussiana ...

Passaggio 36

Copia e incolla il chop stick e sovrapponili. Dare l'area che si sovrappone a un'ombra disegnandone manualmente uno usando lo strumento Penna (P).

Passaggio 37

Nessun cibo cinese è completo senza un po 'di grasso! Crea una macchia di grasso dall'aspetto naturale usando lo strumento Matita (N). Usa il Pathfinder per eliminare qualsiasi forma residua non necessaria. Impostare la modalità su Moltiplica nella palette Trasparenza o regolare l'opacità delle macchie se lo si desidera.

Passaggio 38

Crea un'ombra che si estende e in basso a destra. Si noti che l'ombra non oltrepassa la linea tratteggiata in quanto ciò indicherebbe che la fonte di luce è direttamente dietro l'icona, che non è.

Passaggio 39

Disegna anche le ombre per le bacchette.

Immagine finale

Hai appena imparato a creare un set di icone di cibo cinese. Scavare!