Hoe laat is het? Het is pictogrammen maken in Adobe Illustrator-tijd!

Wat je gaat creëren

Wiskundige! Maak drie fantastische icoonontwerpen met de Adventure Time-personages Jake, Finn en Princess Bubblegum. We zullen eenvoudige vormen gebruiken om elk personage tot leven te brengen, klaar voor gebruik op desktop of mobiele apps. Eenvoudige aanrakingen zoals lange hellingen en contouren laten deze pictogrammen echt knallen! Doe open Adobe Illustrator CC en laten we gaan.

1. Bereid uw document voor

Stap 1

Maak een Nieuw document van welke afmeting je je prettig voelt werken; Ik maak meestal een pictogram in een document van 800 px plein. Gebruik de Rechthoekgereedschap (M) om een ​​grote rechthoek te tekenen die je hele tekengebied overlapt. Vul je rechthoek met een Radiaal verloop in de helling paneel gaande van middelmatig grijs tot donkergrijs.

Stap 2

Pas de radius van je radius aan met de Gradient Tool (G) dus de straal is elliptischer dan een perfect ronde cirkel.

2. Jake the Dog: Basic Shapes

Stap 1

Teken een mosterdgeel vierkant met de Rechthoekgereedschap. Trek aan de Live hoeken naar binnen om de rechthoek af te ronden. Als je niet gebruikt Adobe Illustrator CC, je kunt de gebruiken Afgeronde rechthoek-tool in plaats daarvan.

Stap 2

Vervolgens zullen we Jake's ogen tekenen. De ... gebruiken Ellipse Tool (L), teken een zwarte of donkergrijze cirkel. Teken een kleinere witte cirkel binnen de zwarte cirkel en zorg ervoor dat deze dichter bij de rechterbovenhoek dan het midden komt te liggen. Herhaal met het rechter oog.

Stap 3

Laten we aan Jake's snuit werken.

  1. Begin met drie afgeronde rechthoeken. Overlap beide zijden van de horizontale afgeronde rechthoek met de twee verticale. Zorg ervoor dat de verticale iets naar buiten worden gedraaid.
  2. Verenigen alle drie vormen in de verkenner paneel. De ... gebruiken Pen gereedschap (P) of Pencil Tool (N), teken een vorm die linksboven overlapt om het glad te strijken (zie hieronder). De hoek is te streng zoals het is. Selecteer beide vormen en druk op Minus voorkant in de verkenner paneel.
  3. Herhaal met de linkeronderhoek van het ontwerp: teken een vorm die de linkerbenedenhoek vloeiend maakt en raakt Minus voorkant in de verkenner paneel.
  4. U kunt de vorige stappen aan de linkerzijde herhalen of de linker helft voor rechts weergeven.
  5. Overlap de rechter helft van je ontwerp met een grote rechthoek. Raken Minus voorkant nogmaals in de verkenner paneel. 
  6. Kopiëren (Control-C) en Plakken (Control-V) de resterende linkerkant. reflecteren het gekopieerde object over a Verticale as en plaats de rechterkant met de linkerkant. Verenigen de twee vormen in de verkenner paneel.

Stap 4

Plaats de snuit tussen de ogen, overlappen ze een beetje. Teken een ovaal voor de neus en stel de vorm van de snuit in op 2-4 pt in de Beroerte paneel.

Stap 5

Laten we werken aan de mond en tanden.

  1. Gebruik de Pen gereedschap om een ​​roodbruine lachende mond te tekenen en deze onder de snuit in de Lagen paneel.
  2. Ik tekende een halve cirkel voor de tong en zette de vulkleur op roze. Elke tand is een afgeronde rechthoek. 
  3. Kopiëren en Pasta drie tandvormen over de bovenkant van de mond. Selecteer de tanden en mondobjecten. Met de Shape Builder Tool (Shift-M), selecteer de delen van de tanden die niet de vorm van de mond kruisen. Ik sleep mijn gereedschap gewoon over al die vormen, zodat ze samenvloeien en loskomen van de rest van de tanden.
  4. Verwijder de niet-kruisende delen van de tanden en voeg contouren toe aan de tanden, mond en tong van 1-3 pt.

3. Jaak de hond: Verlopen toevoegen

Stap 1

Teken een paar lange rechthoekige vormen met de Pen gereedschap van de snuit naar de rechter benedenhoek. Een toepassen Lineair verloop naar de vormen die gaan van gele oker naar 100% naar 0% dekking in de helling paneel.

Stap 2

Selecteer de basisrechthoek en pas een toe Lineair verloop gaande van geel naar mosterdgeel, met de donkerdere van de twee kleuren in de rechter benedenhoek.

Stap 3

Selecteer en Groep (Control-G) uw pictogramcomponenten samen. Kopiëren en Pasta de basisrechthoek over je pictogramontwerp. Selecteer zowel als Maak een uitknipmasker (Control-7) dus je lange hellingen gaan niet verder dan het pictogramontwerp.

Stap 4

Plaats een donkergele rechthoek achter het pictogram en beweeg deze iets omlaag om het pictogram een ​​extra dimensie te geven. Groep de knipmaskergroep en de nieuwe rechthoek samen. Selecteer de groep en pas een toe Slagschaduw door naar te gaan Effect> Stileren> Slagschaduw. Voeg de volgende attributen toe:

  • mode: Vermenigvuldigen
  • ondoorzichtigheid: 25%
  • X-offset: 4 px
  • Y-offset: 6 px
  • Blur: 1 px
  • Kleur: Zwart

4. Finn the Human

Stap 1

Kopiëren en Pasta de basisrechthoek van het Jake-pictogram. Stel de verloopvulling in op wit tot lichtgrijs. Voeg de slagschaduw toe aan de basisvorm zoals bij het vorige pictogram.

Stap 2

Trek voor Finns gezicht een perzikkleurige ellips in het midden van het pictogram. Stel de vulkleur in op lichte perzik tot middelgrote perzik in de helling paneel. Stel de lijnkleur in op hetzelfde zwarte of donkergrijze kleur zoals we gebruikten in het Jake-pictogram met een gewicht van 2-3 pt.

Stap 3

Twee kleine cirkels vormen de ogen van Finn. Ik heb er een toegevoegd Lineair verloop in elke gaande van donkergrijs tot zwart. Voor de mond, trok ik een gebogen vorm met de Pencil Tool. Stel je voor dat dit een jelly bean of niervorm is. Je kunt het ook tekenen met de Pen gereedschap als je het comfortabeler vindt. 

Stap 4

Net als Jake's tanden zijn Finn's ook kleine rechthoekige rechthoeken. Hij heeft een opening in zijn tanden, dus één is aan de linkerkant en twee overlappen elkaar aan de rechterkant. Gebruik net als bij de mond van Jake de Shape Builder Tool om de niet-kruisende tandcomponenten uit de mondvorm te verwijderen.

Stap 5

Voor de contouren, Kopiëren en Pasta elk van de tanden. Zet de kopieën in zwart met zwarte contouren en richten ze achter de witte tanden vormen. Teken vervolgens een halve cirkel of een half hart voor de roze tong.

Stap 6

Net als bij het Jake-pictogram tekent u een rechthoekige verloopvorm die van het gezicht naar de rechterbenedenhoek van het pictogram gaat. Plaats het achter de gezichtscomponenten in de Lagen paneel. Gebruik een Knipmasker om de verloopvorm naar de rechthoek te knippen.

Trek voor Finn's shirt een blauwe rechthoek over het onderste gedeelte van het pictogram van Finn. Gebruik de Shape Builder Tool om het niet-kruisende onderdeel van het pictogram te verwijderen. Een toepassen Lineair verloop van helder blauw tot middelblauw tot de vorm.

Stap 7

Laten we een paar laatste details toevoegen aan dit pictogram. Trek een donkerblauwe afgeronde rechthoek achter de rest van het pictogram om een ​​dimensie toe te voegen aan het pictogram zelf. Gebruik de Ellipse Tool om een ​​lichte perzikellips op de bovenkant van het gezicht te tekenen. Zorg ervoor dat het verloop gaat van lichte perzik naar 100% naar 0% dekking.

Stap 8

Zorg ervoor dat elk pictogram is gegroepeerd samen met zijn eigen componenten. Zorg er ook voor dat de streken in elk pictogram een ​​vergelijkbare breedte hebben ten opzichte van de variëteit die u hieronder kunt zien. Laten we verdergaan naar ons laatste icoon, prinses Bubblegum!

5. Prinses Bubblegum

Stap 1

Teken een afgerond roze vierkant. Overlap het vierkant met een lichtroze cirkel op de onderste helft van het pictogram. 

Stap 2

Overlap de bovenkant van het gezicht met een rechthoek en druk op Minus voorkant in de verkenner paneel om haar botte pony te creëren. 

Stap 3

Trek voor de kroon van PB een lange, dunne, gele rechthoek over de bovenkant van het hoofd. Teken een kleine verticale rechthoek in het midden naar boven. Teken vervolgens een gele cirkel om het helemaal af te maken.

PB's ogen zijn twee kleine zwarte cirkels en ze heeft een kleine blauwe cirkel in het midden van de bovenkant van haar kruin. Ten slotte is haar nek een dunne roze rechthoek onder de gezichtsvorm die eindigt aan de onderkant van het pictogram.

Stap 4

Verenigen het gezicht en de nek vormen samen in de verkenner paneel. Voeg een omtrek toe aan het gezicht en de gele kroon van 2-4 pt.

Stap 5

De ... gebruiken Pen gereedschap, teken een halve cirkel of een zachte curve voor de mond. Stel de vulkleur in op nul en de lijn op 2-3 pt Gewicht met Afgeronde caps in de Beroerte paneel.

Stap 6

Laten we tot slot enkele eenvoudige verlopen en verloopvormen toevoegen.

  1. De kroon heeft een gele tot gele oker Lineair verloop.
  2. Het gezicht is roze tot medium roze.
  3. Er zijn twee gradiëntvormen: één onder de kroon en één onder het gezicht. Beide zijn donkerroze met een deklaag van 100% tot 0%. 

Gebruik, net als bij de andere pictogrammen vóór deze, een Knipmasker om pictogramcomponenten te knippen en een toe te voegen Slagschaduw naar het uiteindelijke pictogramontwerp.

Oh My Glob, je bent klaar!

Verzamel je pictogrammen samen in een nette kleine rij, want je bent klaar om te gaan. Voeg meer personages toe aan je set zoals Marceline, B-MO en mijn favoriete Bubbel Space Princess. Er zijn zoveel fantastische personages in het Candy Kingdom, klaar om te worden omgezet in iconen voor je desktop of mobiele dashboard. Deel uw creaties in het gedeelte 'Opmerkingen' hieronder!