Wie spät ist es? Es ist die Erstellung von Icons in Adobe Illustrator Time!

Was Sie erstellen werden

Mathematisch! Erstellen Sie drei fantastische Ikonendesigns mit den Adventure-Time-Figuren Jake, Finn und Princess Bubblegum. Wir verwenden einfache Formen, um jeden Charakter zum Leben zu erwecken, bereit für Desktop- oder mobile App-Anwendungen. Einfache Berührungen wie lange Farbverläufe und Umrisse lassen diese Symbole wirklich zum Platzen kommen! Aufmachen Adobe Illustrator CC und lass uns gehen.

1. Bereiten Sie Ihr Dokument vor

Schritt 1

Ein ... kreieren Neues Dokument von welcher Größe Sie auch gerne arbeiten; Normalerweise erstelle ich ein Icon-Set in einem Dokument von 800 px Quadrat. Verwenden Sie die Rechteckwerkzeug (M) um ein großes Rechteck zu zeichnen, das Ihre gesamte Zeichenfläche überlappt. Füllen Sie Ihr Rechteck mit einem Radialer Farbverlauf in dem Gradient Panel geht von mittelgrau bis dunkelgrau.

Schritt 2

Passen Sie den Radius des radialen Verlaufs mit der Taste an Verlaufswerkzeug (G) Der Radius ist also elliptischer als ein perfekt runder Kreis.

2. Jake the Dog: Grundformen

Schritt 1

Zeichnen Sie ein senfgelbes Quadrat mit Rechteckwerkzeug. Zieh den Live-Ecken nach innen, um das Rechteck abzurunden. Wenn Sie nicht verwenden Adobe Illustrator CC, du kannst den ... benutzen Abgerundetes Rechteckwerkzeug stattdessen.

Schritt 2

Als nächstes ziehen wir Jakes Augen. Verwendung der Ellipsenwerkzeug (L), Zeichne einen schwarzen oder dunkelgrauen Kreis. Zeichnen Sie einen kleineren weißen Kreis innerhalb des schwarzen Kreises und stellen Sie sicher, dass er sich näher rechts oben als in der Mitte befindet. Wiederholen Sie mit dem rechten Auge.

Schritt 3

Lass uns an Jakes Maul arbeiten.

  1. Beginnen Sie mit drei abgerundeten Rechtecken. Überlappen Sie beide Seiten des horizontalen abgerundeten Rechtecks ​​mit den beiden vertikalen. Stellen Sie sicher, dass die vertikalen etwas nach außen gedreht sind.
  2. Vereinen alle drei formen in der Pfadfinder Panel. Verwendung der Stiftwerkzeug (P) oder Bleistiftwerkzeug (N), Zeichnen Sie eine Form, die links oben überlappt, um sie zu glätten (siehe unten). Die Ecke ist zu streng, wie es ist. Wählen Sie beide Formen aus und klicken Sie auf Minus Front in dem Pfadfinder Panel.
  3. Wiederholen Sie den Vorgang mit der linken unteren Ecke des Designs: Zeichnen Sie eine Form, die die linke untere Ecke glättet und trifft Minus Front in dem Pfadfinder Panel.
  4. Sie können entweder die vorherigen Schritte auf der linken Seite wiederholen oder die linke Hälfte für die rechte Seite reproduzieren.
  5. Überlappen Sie die rechte Hälfte Ihres Designs mit einem großen Rechteck. Schlagen Minus Front noch einmal in der Pfadfinder Panel. 
  6. Kopieren (Control-C) und Einfügen (Kontrolle-V) die verbleibende linke Seite. Reflektieren das kopierte Objekt über einem Vertikale Achse und richten Sie die rechte Seite mit der linken Seite aus. Vereinen die zwei formen in der Pfadfinder Panel.

Schritt 4

Legen Sie die Schnauze zwischen die Augen und überlappen Sie sie leicht. Zeichnen Sie eine Ellipse für die Nase und setzen Sie den Umriss der Mündungsform auf 2-4 pt in dem Schlaganfall Panel.

Schritt 5

Lass uns an Mund und Zähnen arbeiten.

  1. Verwenden Sie die Stiftwerkzeug einen rotbraunen lächelnden Mund zu zeichnen und ihn unter der Mündung in die zu legen Schichten Panel.
  2. Ich habe einen Halbkreis für die Zunge gezeichnet und die Füllfarbe auf Rosa gesetzt. Jeder Zahn ist ein abgerundetes Rechteck. 
  3. Kopieren und Einfügen Drei Zahnformen über dem Mund. Wählen Sie die Zähne und den Mund aus. Mit dem Form-Builder-Werkzeug (Umschalttaste-M), Wählen Sie die Teile der Zähne aus, die sich nicht mit der Mundform schneiden. Ich ziehe mein Werkzeug einfach über all diese Formen, damit sie miteinander verschmelzen und sich vom Rest der Zähne trennen.
  4. Löschen Sie die nicht schneidenden Teile der Zähne und fügen Sie den Zähnen, dem Mund und der Zunge von Umrissen hinzu 1-3 pt.

3. Jake the Dog: Farbverläufe hinzufügen

Schritt 1

Zeichnen Sie ein paar lange rechteckige Formen mit Stiftwerkzeug von der Schnauze bis zur rechten unteren Ecke. Übernehmen Sie eine Linearer Verlauf zu den Formen, die von gelbem Ocker ausgehen 100% zu 0% Deckkraft in dem Gradient Panel.

Schritt 2

Wählen Sie das Basisrechteck aus und wenden Sie a an Linearer Verlauf von gelb zu senfgelb, wobei die beiden Farben in der rechten unteren Ecke dunkler sind.

Schritt 3

Wählen Sie und Gruppe (Control-G) Ihre Symbolkomponenten zusammen. Kopieren und Einfügen das Basisrechteck über dem Symbol. Wählen Sie beide und aus Erstellen Sie eine Schnittmaske (Control-7) Ihre langen Farbverläufe gehen also nicht mehr über das Icon-Design hinaus.

Schritt 4

Platzieren Sie ein dunkelgelbes Rechteck hinter dem Symbol und bewegen Sie es leicht nach unten, um dem Symbol eine zusätzliche Dimension zu verleihen. Gruppe die Schnittmaskengruppe und das neue Rechteck zusammen. Wählen Sie die Gruppe aus und wenden Sie a an Schlagschatten durch zu gehen Effekt> Stilisieren> Schlagschatten. Fügen Sie die folgenden Attribute hinzu:

  • Modus: Multiplizieren
  • Opazität: 25%
  • X Offset: 4 px
  • Y Offset: 6 px
  • Verwischen: 1 px
  • Farbe: Schwarz

4. Finn der Mensch

Schritt 1

Kopieren und Einfügen das Basisrechteck aus dem Jake-Symbol. Setzen Sie die Farbverlaufsfüllung auf Weiß und Hellgrau. Fügen Sie den Schatten der Basisform hinzu, wie bei dem vorherigen Symbol.

Schritt 2

Zeichnen Sie für Finns Gesicht eine pfirsichfarbene Ellipse in die Mitte des Symbols. Stellen Sie die Füllfarbe auf Pfirsich im Pfirsich ein Gradient Panel. Stellen Sie die Strichfarbe auf das gleiche Schwarz oder Dunkelgrau wie das Jake-Symbol mit einer Gewichtung von 2-3 pt.

Schritt 3

Finns Augen bilden zwei kleine Kreise. Ich fügte ein Linearer Verlauf In jedem von dunkelgrau bis schwarz. Für den Mund zeichnete ich mit der gekrümmten Form Bleistift-Werkzeug. Stellen Sie sich vor, dies sei eine Gummibärchen- oder Nierenform. Sie können es auch mit zeichnen Stiftwerkzeug wenn Sie es bequemer finden. 

Schritt 4

Wie Jakes Zähne sind auch Finns abgerundete Rechtecke. Er hat eine Lücke in den Zähnen, also ist einer links und zwei überlappen sich rechts. Wie bei Jake's Mund benutzen Sie die Form-Builder-Werkzeug die nicht schneidenden Zahnkomponenten aus der Mundform zu löschen.

Schritt 5

Für die Umrisse, Kopieren und Einfügen jeder der zähne. Setzen Sie die Kopien mit schwarzen Umrissen und auf Schwarz Ausrichten sie hinter den weißen Zähnen. Dann zeichnen Sie einen halben Kreis oder ein halbes Herz für die rosa Zunge.

Schritt 6

Zeichnen Sie wie das Jake-Symbol eine rechteckige Verlaufsform, die vom Gesicht zur unteren rechten Ecke des Symbols verläuft. Platzieren Sie es hinter den Gesichtskomponenten im Schichten Panel. Verwenden ein Schnittmaske um die Verlaufsform an das Rechteck zu schneiden.

Zeichnen Sie für Finns Hemd ein blaues Rechteck über den unteren Teil von Finns Symbol. Verwenden Sie die Form-Builder-Werkzeug um die sich nicht überschneidende Komponente des Symbols zu löschen. Übernehmen Sie eine Linearer Verlauf von hellblau bis mittelblau zur Form.

Schritt 7

Lassen Sie uns dieses Symbol noch ein paar letzte Änderungen hinzufügen. Zeichnen Sie ein dunkelblaues abgerundetes Rechteck hinter dem Rest des Symbols, um dem Symbol selbst eine Dimension hinzuzufügen. Verwenden Sie die Ellipse-Werkzeug eine leichte Pfirsichellipse auf die Oberseite des Gesichts zeichnen. Stellen Sie sicher, dass der Farbverlauf von hellem Pfirsich ab geht 100% zu 0% Deckkraft.

Schritt 8

Stellen Sie sicher, dass jedes Symbol angezeigt wird Gruppiert zusammen mit seinen eigenen Komponenten. Vergewissern Sie sich außerdem, dass die Striche in jedem Symbol eine ähnliche Breite aufweisen wie die unten gezeigte Sorte. Gehen wir weiter zu unserem letzten Symbol, Prinzessin Bubblegum!

5. Prinzessin Bubblegum

Schritt 1

Zeichnen Sie ein abgerundetes rosa Quadrat. Überlappen Sie das Quadrat mit einem hellrosa Kreis in der unteren Hälfte des Symbols. 

Schritt 2

Überlappen Sie die Oberseite der Fläche mit einem Rechteck und drücken Sie Minus Front in dem Pfadfinder Panel, um ihren stumpfen Pony zu erstellen. 

Schritt 3

Ziehen Sie für die Krone von PB ein langes, dünnes, gelbes Rechteck über den Kopf. Zeichnen Sie ein kleines vertikales Rechteck in der Mitte nach oben. Zeichnen Sie dann einen gelben Kreis, um das Ganze abzurunden.

PBs Augen sind zwei kleine schwarze Kreise und sie hat einen kleinen blauen Kreis in der Mitte ihrer Krone. Ihr Hals ist schließlich ein dünnes rosa Rechteck unter der Gesichtsform, die am unteren Rand des Symbols endet.

Schritt 4

Vereinen das Gesicht und der Hals formen zusammen Pfadfinder Panel. Fügen Sie dem Gesicht und der gelben Krone von eine Kontur hinzu 2-4 pt.

Schritt 5

Verwendung der Stiftwerkzeug, Zeichne einen Halbkreis oder eine weiche Kurve für den Mund. Setzen Sie die Füllfarbe auf Null und den Strich auf 2-3 pt Gewicht mit Abgerundete Kappen in dem Schlaganfall Panel.

Schritt 6

Zum Schluss noch ein paar einfache Farbverläufe und Farbverläufe.

  1. Die Krone hat einen gelben bis gelben Ocker Linearer Verlauf.
  2. Das Gesicht ist rosa bis mittelrosa.
  3. Es gibt zwei Farbverläufe: eine unter der Krone und eine unter dem Gesicht. Beide sind bei 100% bis 0% Deckkraft dunkelrosa. 

Verwenden Sie wie bei den anderen Symbolen vor diesem Symbol a Schnittmaske Symbolkomponenten beschneiden und a hinzufügen Schlagschatten zum endgültigen Ikonendesign.

Oh mein Globus, du bist fertig!

Sammeln Sie Ihre Icons in einer ordentlichen kleinen Reihe, denn Sie können loslegen. Füge deinem Set mehr Charaktere hinzu wie Marceline, B-MO und mein Liebling, Lumpy Space Princess. Es gibt so viele fantastische Charaktere im Candy Kingdom, die als Icons für Ihren Desktop oder Ihr mobiles Dashboard verwendet werden können. Teilen Sie Ihre Kreationen im Kommentarbereich weiter unten!