Crea un'illustrazione di Candy Gumball Machine in Adobe Illustrator

Cosa starai creando

L'aspetto e la semplicità di un gumball sono onnipresenti nel design. È senza dubbio che sei cresciuto intorno a loro nei negozi, nei ristoranti o nei centri commerciali. Mentre le macchine a forma di globo tendono ad essere le più iconiche, ci concentreremo sul design a scatola che spesso viene visto per ospitare più di semplici gumball. Accendi Adobe Illustrator CC e arriviamo ad esso!

1. Impostare la base della macchina

Passo 1

Creare un Nuovo documento. Il mio ha dimensioni di 6,67 "x 7,75", anche se qualsiasi cosa in quel ballpark dovrebbe essere un ampio spazio per il tuo progetto. Iniziamo con la base della macchina gumball:

  1. Utilizzare il Strumento rettangolo (M) disegnare un rettangolo che copre 2/3 della larghezza della tavola da disegno. Tira il Angoli vivi verso l'interno leggermente per arrotondare gli angoli del rettangolo. Se non stai usando Illustrator CC, utilizzare il Strumento rettangolo arrotondato con qualche prova ed errore per ottenere il raggio che desideri.
  2. Con il Strumento di selezione diretta (A), sposta i punti di ancoraggio nell'angolo in basso a sinistra in modo che lo spazio tra loro sia allungato a destra.
  3. Sposta il percorso sul lato sinistro del rettangolo arrotondato in modo che sia angolato verso l'interno, verso destra.
  4. Infine, porta i punti di ancoraggio degli angoli verso l'alto un po 'in modo che la curva salti alla fine (vedi angolo in alto a sinistra del trapezio).

Passo 2

  1. Disegna un rettangolo verticale con il Strumento rettangolo sovrapposizione della metà del trapezio. 
  2. Selezionare entrambe le forme e colpiscono Fronte meno nel esploratore pannello. Espandere la forma sotto Oggetto.
  3. Copia (Control-C)Incolla (Control-V) la forma appena tagliata e Riflettere su a Asse verticaleAllineare le due forme e Unire Loro dentro esploratore.
  4. Cambiare il Riempire colore a luminoso Rosso.

2. Rendering della base

Passo 1

Questa macchina per gumball ha bisogno di una base lucida e brillante (molto lucida) in cui contenere monete e simili (anche se nel caso di questa illustrazione, tutti i gumball sono gratuiti come ho rifiutato di disegnare una monetina).

Tre forme sfumate sono state disegnate sotto con il Strumento penna (P). La prima e la più grande delle forme copre il lato inferiore destro della base della macchina. Una volta disegnato con il Strumento Penna, utilizzare il Strumento sfumatura (G) al fine di applicare Gradiente lineare che va da Rosso scuroRosso. Concentrare il colore più scuro del gradiente nell'angolo in basso a destra. Fallo nel Pendenza pannello.

Disegnare con cura due forme su entrambi i lati della forma base per proiettare le ombre su entrambi i lati della macchina gumball.

Passo 2

La terza e ultima forma d'ombra sulla porzione rossa della base gumball è curvata attorno al lato inferiore sinistro della base della macchina e contiene un Gradiente lineare andando da Rosso scuro100% di opacità a Rosso0% di opacità. Concentrare il colore più scuro verso il fondo della base della macchina.

Passaggio 3

La maggior parte delle forme della macchina gumball avrà sopra di esse una linea arte aggiuntiva. Iniziamo a farlo ora:

  1. copia e Incolla il trapezio disegnato Sezione 1, Passaggio 2 e impostare il Riempire colore a Nullo e il colore del tratto a Nero. Nel Ictus pannello, impostare entrambi berrettoAngoloarrotondato e il colpo Peso2pt.
  2. Con il Strumento Penna, Disegna una lunga forma rettangolare sulla parte superiore della base della macchina che si curva sui lati. Questa forma terrà il contenitore di vetro che contiene i gumballs. Disegna una seconda forma sotto la prima (selezionata sotto) che curva leggermente al centro.
  3. Infine, disegna una forma rettangolare curva sul fondo della macchina gumball. Ho trovato più facile tracciare il bordo inferiore e i lati del trapezio prima di disegnare la curva superiore della forma. Regola qualsiasi curva con il Strumento di selezione diretta.

Passaggio 4

Selezionare tutte e quattro le forme disegnate nella forma precedente, Gruppo (Control-G) loro insieme, e impostare il Modalità di fusione a Luce soffusa nel Trasparenza pannello. copiaIncolla il gruppo, imposta il Modalità di fusioneNormaleIctus colore a Nullo, e Riempire colore aNero. Posiziona il nuovo gruppo sotto la sua controparte nel Livelli pannello.

3. Render Shiny Black Metal

Passo 1

Selezionare la forma nera inferiore con il Strumento di selezione diretta e applicare a Gradiente lineare andando da NeroGrigio scuroNeroGrigio scuroNero (vedi sotto). Disegna due rettangoli sulle forme nere superiori con sfumature lineari andando da Grigio chiaro0% di opacità100% di opacità0% di opacità.

Passo 2

Concentriamoci sulla parte superiore della base della macchina. copiaIncolla le due forme nere e applicare lo stesso gradiente nero e grigio scuro del passaggio precedente. Riduci loro Opacità46% nel Trasparenza pannello.

Passaggio 3

Questo passaggio richiede cinque rettangoli in totale disegnati con il Strumento rettangolo. Due su ogni forma nera (vedi sotto) che va da Grigio chiaro a 0% di opacità a 100% di opacità a 0% di opacità. Nota come i gradienti sono più chiari e luminosi lungo lo stesso spazio su entrambi i lati del disegno.

Disegna un sottile rettangolo orizzontale nella parte superiore della seconda forma nera (l'ultima immagine in basso) che contiene a Gradiente lineare che va da solraggio0% OpacitàWHite 100% di opacitàsolraggio (0%) aWhite (100%) a Grigio (0%).

Gruppo insieme le forme disegnate in questo passaggio e posizionarle sotto le linee tratteggiate da Sezione 2, Passaggio 3.

Passaggio 4

Disegna altri due rettangoli orizzontali sottili sotto quello disegnato per ultimo nel passaggio precedente e posizionali come mostrato di seguito. Per l'evidenziazione della sfumatura sulla base rossa (immagine finale sotto), utilizzare il pulsante Light solraggio a 0% di opacità a 100% di opacità a 0% di opacità gradiente con il suo complessivamente Opacità ridotto a 40%, o così, nel Trasparenza pannello.

Passaggio 5

Per la parte inferiore della base della macchina gumball, applicare le stesse sfumature delle tre fasi precedenti risultanti quattro rettangoli sfumati aggiuntivi (vedi la progressione sotto).

Passaggio 6

L'ultimo passaggio per rendere la base della macchina gumball sono alcuni punti luminosi brillanti sulla parte rossa del disegno. Disegna due rettangoli verticali (quelli sottili) sul lato sinistro della base della macchina. Applicare Gradienti lineari a ciascuno andando da WHite a 100% di opacità 0% di opacità a a 90 ° angolo. Riduci il Opacità della seconda forma a gradiente a 40% nel Trasparenza pannello.

Disegna due rettangoli aggiuntivi, affiancati, per completare i punti salienti sulla base. Entrambe le forme hanno un Gradiente lineare andando da WHite0% di opacità a 100% di opacità a 0% di opacità.

Passaggio 7

Questo non è tanto un passo in quanto è un punto di progresso di ciò che abbiamo realizzato in questa sezione. Confronta i due disegni per il tuo. Forse hai abbastanza forme di rettangolo sfumato lucido, o desideri aggiungere altro. Gruppo tutto insieme quando la tua base di gumball è completa.

4. Il contenitore di vetro

Passo 1

Disegnare un Rettangolo arrotondato e posizionarlo dietro il gruppo base della macchina nel Livelli pannello. Impostare il Fmalato colore a WHite.

Usando il Strumento Penna, disegna due forme d'ombra che seguono i bordi laterali della scatola bianca e l'angolo verso l'interno nella parte inferiore. Impostare il Gradiente linearenero100% Opacità0% di opacità e a 90 ° angolo. 

copia Incolla la scatola bianca, imposta il Fmalato colore a Nullo e il Ictus colore a Nero. Nel Ictus pannello, impostare il peso2pt e berrettoAngoloarrotondato. Impostare il Modalità di fusioneLuce soffusa nel Trasparenza pannello.

Passo 2

Per la parte superiore del contenitore di vetro, avremo bisogno di creare due forme base e quindi renderle.

  1. Utilizzare il Strumento Penna disegnare un rettangolo i cui lati sono angolati verso l'interno. Imposta il colore di riempimento su Nero. In alternativa, puoi usare il Strumento rettangolo e inclinare i punti di ancoraggio per abbinare l'immagine sottostante.
  2. Per il davanti, usa il Strumento Penna per iniziare nell'angolo in basso a sinistra del rettangolo nero con una linea diritta in basso e un angolo leggermente curvo a destra.
  3. Trovo più facile tenere premuto Cambio per disegnare una linea retta orizzontale a destra.
  4. Termina la forma al centro della teca di vetro. Gli angoli giusti della forma sono entrambi angoli di 90 °. Chiudi la forma nel punto di ancoraggio di origine sul lato sinistro.
  5. copiaIncolla e riflettere la forma incollata su a Asse verticaleAllineare le forme insieme e Unire loro nel esploratore pannello.

Passaggio 3

Il processo per rendere la parte superiore della vetrina è praticamente lo stesso di quello che è stato fatto in Sezione 3 di questo tutorial. 

  1. Impostare il Riempire colore del frontale in a Gradiente lineare che va da NeroGrigio scuroNeroGrigio scuroNero
  2. copiaIncolla entrambe le forme e impostare il Riempire colore a Nullo e il Ictus colore a NeroPeso 2ptberrettoarrotondatoAngoloarrotondato, e il Modalità di fusioneLuce soffusa.
  3. Disegna un sottile rettangolo orizzontale lungo il bordo superiore della forma anteriore. Impostare il Pendenzabianca0% 100%0% Opacità nel Pendenza pannello.
  4. Disegna due rettangoli sopra il Grigio scuro porzioni della forma frontale con lo stesso biancabianca gradiente fatto nel passaggio precedente.
  5. Disegna di nuovo due rettangoli piccoli e sottili vicino al bordo superiore con lo stesso gradiente di nuovo, in modo da far risaltare davvero i punti salienti. Gruppo insieme tutti i componenti del coperchio della macchina gumball.

Passaggio 4

Disegna un rettangolo sottile e orizzontale vicino al fondo del contenitore "di vetro" nel disegno. Impostare il Riempire colore a nero e il Opacità a 23% nel Trasparenza pannello. Raggruppa le forme sfumate dell'ombra. 

Passaggio 5

Tutti i disegni all'interno della macchina che non sono i gumball stessi sono opzionali, in quanto la tua vetrina potrebbe oscurare completamente questo costrutto. Se verrà visualizzato, tuttavia, seguire i passaggi seguenti.

  1. Disegna un rettangolo lungo e verticale al centro della teca con a Gradiente lineare che va da Grigio scuroGrigio medioGrigio scuro.
  2. Sotto questa forma, disegna due identici Grigio scuro ellissi usando il Strumento ellisse (L).
  3. Disegnare un rettangolo tra di loro in modo che i loro bordi siano allineati con i lati del rettangolo.
  4. Unire le tre forme nel esploratore pannello o utilizzare il Strumento per la creazione di forme (Shift-M)fondersi le forme.
  5. Posiziona la nuova forma cilindrica appiattita sotto il lungo palo rettangolare nel Livelli pannello.

Passaggio 6

Per rendere il cilindro, procedi nel seguente modo:

  • Apple a Gradiente lineare che va da Grigio scuroGrigio medioGrigio scuro.
  • Disegnare un Grigio chiaro ellisse e allinearlo alla cima del cilindro.
  • Applicare a Grigio chiaroGrigio medio Gradiente lineare all'ellisse.
  • copiaIncolla il cilindro e l'ellisse, imposta il Riempire colore a Nullo e il Ictus colore a Nero. Nel Ictus pannello, impostare il berrettoangoloarrotondato, e il Peso2ptGruppo insieme i componenti del cilindro e posizionarli sotto il rettangolo verticale nel Livelli pannello.

Passaggio 7

Ancora una volta, questo non è tanto un passo, quanto lo è il progresso di dove siamo fin'ora. Ho aggiunto due ellissi trasparenti sotto la base della teca di vetro.

5. Crea i Gumballs

Passo 1

Inizieremo con il "gumball" rosso acceso nella parte superiore della macchina. Questo sarà il metodo di base per ogni colore gumball nel design.

  1. Disegnare un Rosso cerchio con il Strumento ellisse.
  2. copiaIncolla il cerchio due volte e sovrapponi le due forme copiate come visto di seguito.
  3. Colpire Fronte meno nel esploratore pannello.
  4. Allineare in basso a destra del cerchio rosso. Applicare a Gradiente lineare che va da Rosso scuroRosso con il colore più scuro concentrato in basso a destra.

Passo 2

  1. Incolla il cerchio di nuovo sopra il cerchio rosso. Impostare il Riempire colore a Nullo e il Ictus colore a Nero. Nel Ictus pannello, impostare il Peso0.5pt.
  2. Incolla di nuovo un cerchio. Questa volta il Ictus Peso sarà 2pts e il Modalità di fusione sarà Luce soffusa.
  3. Disegna un cerchio più piccolo al centro del gumball rosso con a Gradiente lineare che va da Rosso 100%0% Opacità.
  4. Disegna due piccoli cerchi bianchi nell'angolo in alto a sinistra del gumball. Gruppo i componenti del gumball insieme. Metti il ​​gumball nella parte superiore della macchina.

Passaggio 3

Per creare più colori, ho trovato più semplice copiaIncolla più gumballs e cambiare il RossoRosso scuro del gumball originale andando a Modifica> Modifica colori > Ricolorare opere d'arte. Questo ti permette di cambiare due colori in ogni gumball senza dovermi preoccupare di ogni singolo gradiente.

Passaggio 4

Ho deciso su sette colori in totale per i miei gumballs. Quanti colori hai scelto dipende interamente da te. copiaIncolla i gumballs attorno alla teca di vetro per riempirlo. Assicurati che ci siano alcuni livelli di gumball accatastati al suo interno per aggiungere profondità. Una volta soddisfatto del posizionamento, Gruppo i gumballs insieme.

Utilizzare il Strumento Penna per disegnare forme di luce attraverso la teca di vetro con a Gradiente lineare che va da Cremabianca0%100%.

6. Disegna il vassoio della caramella

Passo 1

Il vassoio e la gettoniera stilizzati sono abbastanza semplici nel design.

  1. Disegna un rettangolo arrotondato in Grigio scuro.
  2. Applicare lo stesso GrigioNero Gradiente lineare come usato in Sezione 3 di questo tutorial.
  3. Disegna un rettangolo più piccolo, più gravemente arrotondato in Nero nella metà superiore del primo rettangolo arrotondato.

Passo 2

  1. Disegna un rettangolo sul rettangolo arrotondato più piccolo.
  2. Utilizzare il Strumento per la creazione di forme per selezionare la metà inferiore del rettangolo arrotondato. Elimina il resto del rettangolo sovrapposto.
  3. Applicare a Lineare Pendenza andando da NeroGrigioNeroGrigioNero ancora.
  4. copiaIncolla tutte e tre le forme e cambia il Riempire colore a Null, Ictus a Peso 2pt, Nero, e Angoli arrotondati e Caps. Impostare il Modalità di fusione a Luce soffusa nel Trasparenza pannello.

Passaggio 3

  1. Disegna un rettangolo sottile orizzontale con a Gradiente lineare che va da bianca a 0% a 100% a 0% a 100% a 0% di opacità.
  2. Ripeti sul vassoio stesso.
  3. Disegna un rettangolo verticale sottile con a Gradiente lineare che va da bianca0% 100%0%.
  4. Disegna un piccolo Grigio rettangolo impostato a 50% Opacità nel Trasparenza pannello.
  5. Utilizzare il Strumento Penna disegnare una forma curva sul fondo del vassoio del gumball. Impostare il Riempire colore a NeroOpacità50%.

Passaggio 4

Per il meccanismo di rotazione, ripeterai gli stessi passaggi di rendering utilizzati in questa sezione.

  1. Disegna un rettangolo arrotondato la cui larghezza corrisponde al vassoio del gumball.
  2. Applicare lo stesso lucido nero metallizzato Gradiente lineare usato in precedenza. copiaIncolla il rettangolo arrotondato, impostare il Riempire colore a NulloIctusNero, Peso 2pt, Angoli arrotondati e Caps, e Modalità di fusione a Luce soffusa.
  3. Disegna un piccolo rettangolo nero arrotondato al centro dell'altra forma.
  4. Disegna un secondo rettangolo arrotondato ancora più piccolo con il gradiente nero lucido metallizzato applicato.
  5. Disegna rettangoli sottili con sfumature di evidenziazione lungo il bordo superiore del meccanismo di rotazione.
  6. Ho disegnato cinque forme di sfumatura di evidenziazione in totale, principalmente sul lato superiore e sinistro di ogni forma, simile a quello che è stato fatto sugli altri componenti metallici neri del design della macchina gumball.

7. Completa il design

Passo 1

Gruppo insieme i componenti della tua macchina gumball. Ho scelto un giallo senape brillante per il mio colore di sfondo. Disegna un rettangolo di grandi dimensioni sopra la tavola da disegno e posizionala dietro la macchina del gumball per creare lo sfondo.

Disegna un rettangolo arrotondato più piccolo dello stesso colore e posizionalo sopra il rettangolo bianco disegnato Sezione 4, Passaggio 1 per rendere trasparente la vetrina.

Passo 2

copiaIncolla la macchina di gumball senza i componenti interni, Espandere tutte le forme sotto Oggetto, e Unire loro nel esploratore pannello. Impostare il Riempire colore a NulloIctus2-4pt PesoberrettoarrotondatoAngoloarrotondato, e Modalità di fusione a Luce soffusaAllineare con la macchina di gumball.

Ottimo lavoro, hai fatto!

È stato un processo lungo, ma il tuo gumball è pronto per il business! Che colori hai usato? Immagina un'intera flotta di distributori automatici color caramello. Mostraci la tua versione di questo disegno nei commenti qui sotto!