Vad är klockan? Det är skapa ikoner i Adobe Illustrator Time!

Vad du ska skapa

Matematisk! Skapa tre fantastiska ikondesigner med Adventure Time-tecknen Jake, Finn och Princess Bubblegum. Vi använder enkla former för att få varje tecken till liv, redo för skrivbords- eller mobilappanvändning. Enkla detaljer som långa gradienter och konturer gör verkligen dessa ikoner pop! Öppna Adobe Illustrator CC och låt oss komma igång.

1. Förbered ditt dokument

Steg 1

Skapa en Nytt dokument oavsett storlek du är bekväm att jobba med Jag skapar vanligtvis en ikonuppsättning inom ett dokument av 800 px fyrkant. Använd Rektangelverktyg (M) Att rita en stor rektangel överlappar hela din Artboard. Fyll din rektangel med a Radial GradientLutning panelen går från medelgrå till mörkgrå.

Steg 2

Justera radialradientens radie med Gradient Tool (G) så radien är mer elliptisk än en perfekt rund cirkel.

2. Jake the Dog: Basic Shapes

Steg 1

Rita ett senapgult torg med Rektangelverktyg. Dra Levande hörn inåt för att runda ut rektangeln. Om du inte använder Adobe Illustrator CC, du kan använda Rundad rektangelverktyg istället.

Steg 2

Därefter ritar vi Jakes ögon. Använda Ellipsverktyg (L), rita en svart eller mörkgrå cirkel. Rita en mindre vit cirkel inom den svarta, var noga med att placera den närmare höger än mittpunkten. Upprepa med höger öga.

Steg 3

Låt oss arbeta på Jake's nosparti.

  1. Börja med tre rundade rektanglar. Överlappa vardera sidan av den horisontella avrundade rektangeln med de två vertikala. Se till att de vertikala enheterna roteras utåt något.
  2. Förena alla tre formerna i Stigfinnare panel. Använda Penverktyg (P) eller Penna verktyg (N), rita en form som överlappar övre vänstra för att släta den (se nedan). Hörnet är för svårt som det är. Välj båda formerna och träffa Minus FrontStigfinnare panel.
  3. Upprepa med nedre vänster om designen: Dra en form som släpper ut det nedre vänstra hörnet och träffar Minus FrontStigfinnare panel.
  4. Du kan antingen upprepa de föregående stegen på vänster sida eller reproducera den vänstra halvan till höger.
  5. Överlappa den högra halvan av din design med en stor rektangel. Träffa Minus Front än en gång i Stigfinnare panel. 
  6. Kopiera (Control-C) och Klistra in (Control-V) den återstående vänstra sidan. Reflektera det kopierade objektet över a Vertikal axel och linje upp höger sida med vänster. Förena de två formerna i Stigfinnare panel.

Steg 4

Placera munstycket mellan ögonen och överlappa dem något. Rita en ellipsa för näsan och sätt in konturerna av nosformen till 2-4 pt i Stroke panel.

Steg 5

Låt oss arbeta på munnen och tänderna.

  1. Använd Penverktyg att rita en rödbrun leende mun och placera den under nospartiet i Skikten panel.
  2. Jag ritade en halvcirkel för tungan och satt fyllfärgen till rosa. Varje tand är en rundad rektangel. 
  3. Kopia och Klistra tre tandformer över munnen. Välj tänder och mun föremål. Med Formverktygsverktyg (Shift-M), välj de delar av tänderna som inte skär med munformen. Jag gillar att bara dra mitt verktyg över alla dessa former så att de sammanfogar, kopplar från resten av tänderna.
  4. Ta bort de icke-skärande delarna av tänderna och lägg ut konturer till tänderna, munnen och tungan på 1-3 pt.

3. Jake the Dog: Lägga till gradienter

Steg 1

Rita ett par långa rektangulära former med Penverktyg från nosan till det nedre högra hörnet. Applicera en Linjär Gradient till formerna som går från gult ocker på 100% till 0% opacitet i Lutning panel.

Steg 2

Välj basrektangel och använd a Linjär Gradient Går från gult till senapgult, med mörkare av de två färgerna i nedre högra hörnet.

Steg 3

Välj och Grupp (Control-G) dina ikon komponenter tillsammans. Kopia och Klistra basrektangeln över din ikondesign. Välj båda och Gör en klippmask (Control-7) så dina långa gradienter sträcker sig inte längre bort än ikondesignen.

Steg 4

Placera en mörkgul rektangel bakom ikonen och flytta den nedåt något för att ge ikonen en extra dimension. Grupp klippmaskgruppen och den nya rektangeln tillsammans. Välj gruppen och använd en Drop Shadow genom att gå till Effekt> Stylize> Drop Shadow. Lägg till följande attribut:

  • Läge: Multiplicera
  • Opacitet: 25%
  • X Offset: 4 px
  • Y Offset: 6 px
  • Fläck: 1 px
  • Färg: Svart

4. Hitta människan

Steg 1

Kopia och Klistra basrektangeln från Jake-ikonen. Ställ in gradientfyllningen till vit till ljusgrå. Lägg till droppskuggan i basformen som vi gjorde med tidigare ikon.

Steg 2

För Finns ansikte ritar du en persika-färgad ellips i mitten av ikonen. Ställ fyllfärgen på lätt persika till medium persika i Lutning panel. Ställ strokefärgen till samma svart eller mörkgrå som vi använde i Jake-ikonen med en vikt av 2-3 pt.

Steg 3

Två små cirklar bildar Finns ögon. Jag lade till en Linjär Gradient i varje går från mörkgrå till svart. För munnen ritade jag en böjd form med Penna verktyg. Tänk dig att detta är en geléböna eller njureform. Du kan också rita den med Penverktyg om du tycker det är mer bekvämt. 

Steg 4

Som Jakes tänder är Finns också små runda rektanglar. Han har ett gap i tänderna, så man är till vänster och två överlappar varandra till höger. Som med Jakes mun, använd Formverktygsverktyg att ta bort de icke-skärande tandkomponenterna från munformen.

Steg 5

För konturerna, Kopia och Klistra var och en av tänderna. Ställ kopiorna till svart med svarta konturer och Justera dem bakom de vita tänderna. Dra sedan en halvcirkel eller ett halvt hjärta för den rosa tungan.

Steg 6

Som med Jake-ikonen, rita en rektangulär gradientform som går från ansiktet till nedre högra hörnet av ikonen. Placera den bakom ansiktsdelarna i Skikten panel. Använda en Clipping Mask för att klippa gradientformen till rektangeln.

För Finns tröja, rita en blå rektangel över Finlands ikon. Använd Formverktygsverktyg för att radera ikonen som inte skär varandra. Applicera en Linjär Gradient av ljusblå till medelblå till formen.

Steg 7

Låt oss lägga till några sista slut på den här ikonen. Rita en mörkblå rundad rektangel bakom resten av ikonen för att lägga till dimensionen till ikonen själv. Använd Ellipseverktyg Att dra en ljus persikellipel på toppen av ansiktet. Se till att lutningen går från lätt persika på 100% till 0% opacitet.

Steg 8

Se till att varje ikon är grupperade tillsammans med egna komponenter. Se också till att streckningarna i varje ikon har samma bredd i förhållande till sorten som du kan se nedan. Låt oss gå vidare till vår sista ikon, Princess Bubblegum!

5. Prinsessan Bubblegum

Steg 1

Rita en rundad rosa kvadrat. Överlappa torget med en ljusrosa cirkel på den nedre halvan av ikonen. 

Steg 2

Överlappa toppen av ansiktet med en rektangel och slå Minus FrontStigfinnare panel för att skapa hennes trubbiga kant. 

Steg 3

För PB-kronan ritar du en lång, tunn, gul rektangel över toppen av huvudet. Rita en liten vertikal rektangel i mittpunkten uppåt. Dra sedan en gul cirkel så att den är helt avstängd.

PBs ögon är två små svarta cirklar och hon har en liten blå cirkel mitt i toppen av kronan. Slutligen är hennes nacke en tunn rosa rektangel under ansiktsformen som slutar längst ner på ikonen.

Steg 4

Förena ansikte och nackeformer tillsammans i Stigfinnare panel. Lägg till en skiss till ansiktet och den gula kronan av 2-4 pt.

Steg 5

Använda Penverktyg, rita en halvcirkel eller en mjuk kurva för munnen. Ställ fyllfärgen till null och stroke till 2-3 pt Vikt med Rundade kepsarStroke panel.

Steg 6

Till sist lägger vi till några enkla gradienter och gradientformer.

  1. Kronan har en gul till gul ocker Linjär Gradient.
  2. Ansiktet är rosa till medium rosa.
  3. Det finns två gradientformer: en under kronan och en under ansiktet. Båda är mörkrosa vid 100% till 0% Opacitet. 

Som med de andra ikonerna före den här, använd a Clipping Mask att klippa ikonkomponenter och lägga till en Drop Shadow till den sista ikondesignen.

Åh min värld, du är klar!

Samla dina ikoner tillsammans i en snygg liten rad eftersom du är redo att gå. Lägg till fler tecken i ditt set som Marceline, B-MO och min favorit, Lumpy Space Princess. Det finns så många fantastiska karaktärer som hänger i Candy Kingdom, redo att bli till ikoner för ditt skrivbord eller mobil instrumentbräda. Dela dina skapelser i kommentarfältet nedan!