Che ore sono? È creare icone in Adobe Illustrator Time!

Cosa starai creando

Matematico! Crea tre fantastici disegni di icone con i personaggi di Adventure Time Jake, Finn e Princess Bubblegum. Useremo forme semplici per dare vita a ogni personaggio, pronto per l'uso su desktop o app per dispositivi mobili. Tocchi semplici come sfumature e contorni lunghi rendono davvero queste icone pop! Aprire Adobe Illustrator CC e andiamo avanti.

1. Prepara il tuo documento

Passo 1

Creare un Nuovo documento di qualsiasi dimensione tu stia lavorando bene; Generalmente creo un set di icone all'interno di un documento di 800 px piazza. Utilizzare il Strumento rettangolo (M) disegnare un rettangolo grande che si sovrappone all'intera tavola da disegno. Riempi il tuo rettangolo con a Gradiente radiale nel Pendenza pannello che va dal grigio medio al grigio scuro.

Passo 2

Regola il raggio del tuo gradiente radiale con il Strumento sfumatura (G) quindi il raggio è più ellittico di un cerchio perfettamente tondo.

2. Jake the Dog: forme base

Passo 1

Disegna un quadrato giallo senape con il Strumento rettangolo. Tira il Angoli vivi verso l'interno per arrotondare il rettangolo. Se non stai usando Adobe Illustrator CC, puoi usare il Strumento rettangolo arrotondato anziché.

Passo 2

Successivamente, disegneremo gli occhi di Jake. Usando il Strumento ellisse (L), disegnare un cerchio nero o grigio scuro. Disegna un cerchio bianco più piccolo all'interno di quello nero, assicurandoti di posizionarlo più vicino a quello in alto a destra rispetto al centro. Ripeti con l'occhio destro.

Passaggio 3

Lavoriamo sulla museruola di Jake.

  1. Inizia con tre rettangoli arrotondati. Sovrapporre entrambi i lati del rettangolo arrotondato orizzontale con i due verticali. Assicurarsi che quelli verticali siano leggermente ruotati verso l'esterno.
  2. Unire tutte e tre le forme nel esploratore pannello. Usando il Strumento penna (P)Pencil Tool (N), disegna una forma che si sovrappone a sinistra in alto per smussarla (vedi sotto). L'angolo è troppo severo così com'è. Seleziona entrambe le forme e colpisci Fronte meno nel esploratore pannello.
  3. Ripeti con la parte in basso a sinistra del disegno: disegna una forma che spiana l'angolo in basso a sinistra e colpisci Fronte meno nel esploratore pannello.
  4. Puoi ripetere i passaggi precedenti sul lato sinistro o riprodurre la metà sinistra per la destra.
  5. Sovrapponi la parte destra del disegno con un rettangolo di grandi dimensioni. Colpire Fronte meno ancora una volta nel esploratore pannello. 
  6. Copia (Control-C) e Incolla (Control-V) il restante lato sinistro. Riflettere l'oggetto copiato su a Asse verticale e allineare il lato destro con la sinistra. Unire le due forme nel esploratore pannello.

Passaggio 4

Posiziona il muso tra gli occhi, sovrapponendoli leggermente. Disegna un'ellisse per il naso e imposta il contorno della forma della museruola 2-4 pt nel Ictus pannello.

Passaggio 5

Lavoriamo sulla bocca e sui denti.

  1. Utilizzare il Strumento Penna disegnare una bocca sorridente rosso-marrone e posizionarla sotto la museruola in Livelli pannello.
  2. Ho disegnato un semicerchio per la lingua e ho impostato il colore di riempimento sul rosa. Ogni dente è un rettangolo arrotondato. 
  3. copiaIncolla tre forme di denti attraverso la parte superiore della bocca. Seleziona i denti e gli oggetti della bocca. Con il Strumento di creazione forme (Shift-M), seleziona le parti dei denti che non si intersecano con la forma della bocca. Mi piace trascinare il mio strumento su tutte quelle forme in modo che si uniscano, staccandosi dal resto dei denti.
  4. Elimina le parti non intersecanti dei denti e aggiungi i contorni ai denti, alla bocca e alla lingua di 1-3 pt.

3. Jake the Dog: aggiungere sfumature

Passo 1

Disegna un paio di lunghe forme rettangolari con il Strumento Penna dalla volata all'angolo in basso a destra. Applicare a Gradiente lineare alle forme che vanno dall'ocra gialla a 100% a 0% di opacità nel Pendenza pannello.

Passo 2

Seleziona il rettangolo di base e applica a Gradiente lineare passando dal giallo al giallo senape, con il più scuro dei due colori nell'angolo in basso a destra.

Passaggio 3

Seleziona e Gruppo (Control-G) i componenti dell'icona insieme. copiaIncolla il rettangolo di base sul design dell'icona. Seleziona entrambi e Crea una maschera di ritaglio (Control-7) così i tuoi lunghi gradienti non si estendono oltre il design dell'icona.

Passaggio 4

Posiziona un rettangolo giallo scuro dietro l'icona e spostalo leggermente verso il basso per dare all'icona una dimensione aggiunta. Gruppo il gruppo maschera di ritaglio e il nuovo rettangolo insieme. Seleziona il gruppo e applica a Ombra esterna andando a Effetto> Stilizzazione> Sfalsa ombra. Aggiungi i seguenti attributi:

  • Modalità: Moltiplicare
  • Opacità: 25%
  • X Offset: 4 px
  • Offset Y: 6 px
  • Blur: 1 px
  • Colore: Nero

4. Finn the Human

Passo 1

copiaIncolla il rettangolo di base dall'icona Jake. Imposta il riempimento sfumato su bianco o grigio chiaro. Aggiungi l'ombra esterna alla forma base come abbiamo fatto con l'icona precedente.

Passo 2

Per la faccia di Finn, disegna un'ellisse color pesca al centro dell'icona. Imposta il colore di riempimento per accendere la pesca a pesca media in Pendenza pannello. Imposta il colore del tratto sullo stesso nero o grigio scuro che abbiamo usato nell'icona Jake con un peso di 2-3 pt.

Passaggio 3

Due piccoli cerchi formano gli occhi di Finn. Ho aggiunto un Gradiente lineare in ogni passaggio dal grigio scuro al nero. Per la bocca, ho disegnato una forma curva con il Strumento di matita. Immagina che questa sia una forma di fagiolo o rene di gelatina. Puoi anche disegnarlo con il Strumento Penna se lo trovi più comodo. 

Passaggio 4

Come i denti di Jake, anche i finn sono rettangoli arrotondati. Ha una fessura tra i denti, quindi uno è a sinistra e due si sovrappongono a destra. Come con la bocca di Jake, usa il Strumento per la creazione di forme per eliminare i componenti del dente non intersecanti dalla forma della bocca.

Passaggio 5

Per i contorni, copiaIncolla ciascuno dei denti. Imposta le copie in nero con contorni neri e Allineare loro dietro le forme dei denti bianchi. Quindi, disegna un mezzo cerchio o mezzo cuore per la lingua rosa.

Passaggio 6

Come con l'icona Jake, disegna una forma a gradiente rettangolare che va dalla faccia all'angolo in basso a destra dell'icona. Posizionalo dietro i componenti del viso nel Livelli pannello. Usare un Maschera di ritaglio per ritagliare la forma sfumata sul rettangolo.

Per la maglia di Finn, disegna un rettangolo blu sulla parte inferiore dell'icona di Finn. Utilizzare il Strumento per la creazione di forme per eliminare il componente non intersecante dell'icona. Applicare a Gradiente lineare dal blu brillante al blu medio fino alla forma.

Passaggio 7

Aggiungiamo un paio di tocchi finali a questa icona. Disegna un rettangolo arrotondato blu scuro dietro il resto dell'icona per aggiungere una dimensione all'icona stessa. Utilizzare il Strumento ellisse disegnare una leggera ellisse di pesca sulla sommità del viso. Assicurati che il gradiente vada dalla pesca leggera a 100% a 0% di opacità.

Passaggio 8

Assicurati che ogni icona sia raggruppate insieme con i suoi componenti. Assicurati inoltre che i tratti di ciascuna icona abbiano una larghezza simile rispetto alla varietà che potresti vedere di seguito. Passiamo alla nostra icona finale, Princess Bubblegum!

5. Princess Bubblegum

Passo 1

Disegna un quadrato rosa arrotondato. Sovrapponi il quadrato con un cerchio rosa chiaro nella metà inferiore dell'icona. 

Passo 2

Sovrapponi la parte superiore del viso con un rettangolo e colpisci Fronte meno nel esploratore pannello per creare la sua frangia smussata. 

Passaggio 3

Per la corona di PB, disegna un rettangolo lungo e sottile nella parte superiore della testa. Disegna un piccolo rettangolo verticale al centro verso l'alto. Quindi, disegna un cerchio giallo per completare il tutto.

Gli occhi di PB sono due piccoli cerchi neri e lei ha un piccolo cerchio blu al centro della parte superiore della sua corona. Infine, il suo collo è un rettangolo rosa sottile sotto la forma del viso che termina sul bordo inferiore dell'icona.

Passaggio 4

Unire il viso e il collo si formano insieme nel esploratore pannello. Aggiungi un contorno al viso e la corona gialla di 2-4 pt.

Passaggio 5

Usando il Strumento Penna, Disegna un semicerchio o una curva morbida per la bocca. Imposta il colore di riempimento su null e il tratto su Peso 2-3 pt con Cappucci arrotondati nel Ictus pannello.

Passaggio 6

Infine, aggiungiamo alcuni semplici gradienti e forme sfumate.

  1. La corona ha un giallo ocra giallo Gradiente lineare.
  2. La faccia è rosa a rosa medio.
  3. Ci sono due forme sfumate: una sotto la corona e una sotto la faccia. Entrambi sono rosa scuro al 100% allo 0% di opacità. 

Come con le altre icone prima di questa, usa a Maschera di ritaglio per ritagliare componenti icona e aggiungere a Ombra esterna al design dell'icona finale.

Oh My Glob, hai fatto!

Raccogli le tue icone in una fila ordinata perché sei pronto per partire. Aggiungi altri personaggi al tuo set come Marceline, B-MO e la mia preferita, Lumpy Space Princess. Ci sono così tanti personaggi fantastici che gironzolano nel Candy Kingdom, pronti per essere trasformati in icone per il tuo desktop o dashboard mobile. Condividi le tue creazioni nella sezione commenti qui sotto!