Erstellen Sie eine Cartoon-Bärenszene mit sich wiederholenden Formen in Illustrator

German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)

In diesem Tutorial werde ich verschiedene Punkte beim Erstellen einer Cartoon-Bärenszene mit einfachen Formen und einer limitierten Farbpalette in Adobe Illustrator diskutieren. Vom Skizzieren und Planen werde ich die Gesamtfarbe und -haptik mit Adobe Kuler auswählen, die Hauptelemente für die Szene illustrieren und lernen, vorhandene Illustrationen wiederzuverwenden, um Zeit zu sparen, aber trotzdem in der Lage sein, ein einzigartiges Aussehen in den Elementen zu präsentieren, um Redundanzen in . zu vermeiden das Design. Jetzt fangen wir an!

1. Bereiten Sie die Skizze vor

Dies dient bereits als Erinnerung für alle: Das Skizzieren ist ein sehr wichtiger Teil des Designprozesses. Wenn wir skizzieren, bekommen wir einen Überblick darüber, was wir mit unseren Illustrationen erreichen möchten. Für dieses Tutorial habe ich eine sehr grobe Skizze in Adobe Photoshop mit ausreichender Klarheit gezeichnet, um grundlegende Formen zu unterscheiden.

2. Identifizieren Sie die für die Illustration benötigten Grundformen

Damit wir die Dinge für das Kunstwerk effizient illustrieren können, ist es auch wichtig, im Voraus zu planen, welche Formen wir verwenden werden. In diesem Tutorial sehen Sie sich bitte das Bild unten an, in dem meine Pläne auf den Punkt gebracht werden.

3. Planen Sie das Erscheinungsbild der Szene mit Adobe Kuler

Es gibt viele Erweiterungen und Websites zur Erstellung von Farbpaletten, die ich im Internet kenne, aber ich bevorzuge Kuler von Adobe unter allem anderen. Adobe Kuler hat eine Erweiterung für Adobe Illustrator CS5 und CS6, mit der Sie Ihre gewünschten Farbschemata direkt in Ihrer Adobe Illustrator-Anwendung auswählen können. Illustrator CC hat Kuler vollständig integriert, sodass Sie nicht einmal Erweiterungen herunterladen müssen. Ziemlich praktisch, oder? Für dieses Tutorial verwende ich die herunterladbare Erweiterung für CS5 und CS6.

Schritt 1

Aktivieren Sie das Adobe Kuler-Erweiterungsfenster, indem Sie zu Fenster > Erweiterung > Adobe Kuler gehen, und Sie werden sehen, dass das Erweiterungsfenster in Ihrem Arbeitsbereich angezeigt wird.

Schritt 2

Obwohl wir mit Adobe Kuler verschiedene Farbpaletten auswählen können, müssen wir sie dennoch manuell zu unserem lokalen Arbeitsbereich hinzufügen, indem wir sie dem Farbfeldbedienfeld hinzufügen. Gehen Sie dazu zu Fenster > Farbfelder, um das Farbfeldbedienfeld Ihrem Arbeitsbereich hinzuzufügen. Geben Sie in Ihrem Adobe Kuler-Erweiterungsfenster die gewünschten und verwandten Schlüsselwörter ein, damit Sie die verfügbaren Farbpaletten sehen können.

Ich entschied mich für etwas mit Herbstgefühl und suchte nach dem Schlüsselwort Orange. Wählen Sie die gewünschte Farbpalette aus den Suchergebnissen aus und klicken Sie im unteren Bereich des Bedienfelds auf Ausgewähltes Thema zu Farbfeldern hinzufügen. Nachdem Sie darauf geklickt haben, werden Sie feststellen, dass Ihre ausgewählte Palette jetzt in Ihrem lokalen Farbfeldbedienfeld gespeichert ist. Tun Sie dies, bis Sie alle gewünschten Farben haben, die Ihnen bei der Entscheidung für das Gesamtbild und das Gefühl für die Illustration helfen.

Bitte beachten Sie, dass die von uns gewählten Farben nur Richtlinien für die Illustration sind. Während des Prozesses können wir die Standardfarben aus der Auswahl verwenden, aber wir können auch ein wenig mit den Farben spielen, um etwas Neues und Einzigartiges zu erreichen. Kurz gesagt, spielen Sie einfach mit den Farben, bis Sie etwas Neues finden, das Ihrem Geschmack und Stil entspricht.

4. Erstellen Sie ein neues Dokument

Erstellen Sie ein neues Dokument, indem Sie auf Datei > Neu (Strg + N) klicken, die folgenden Einstellungen verwenden und auf OK klicken.

5. Erschaffe die Berge

Schritt 1

Zeichnen Sie mit dem Stiftwerkzeug (P) ein Dreieck und wählen Sie eine Orange aus Ihrer Palette aus. Dafür habe ich die Füllfarbe #EF5411 ohne Strich verwendet.

Schritt 2

Wählen Sie das orangefarbene Dreieck aus und aktivieren Sie die Option Innen zeichnen in Ihrer Werkzeugleiste. Erstellen Sie mit dem Stiftwerkzeug (P) eine Eiskappe, die wie in der Abbildung unten aussieht. Wählen Sie eine hellorange Farbe (#FFC887) für die Füllung.

Schritt 3

Zeichnen Sie weiterhin mit dem Stiftwerkzeug (P) bei aktivierter Option Innen zeichnen einige zufällige Formen (siehe die Form unten für ein Beispiel) mit geraden Linien und verwenden Sie zwei Farben (#800C00 mit Mischmodus-Überlagerung, 50% Deckkraft und #CC3A00 mit Mischmodus-Multiplikation, 60% Deckkraft). Stellen Sie sicher, dass Sie die Formen unterhalb der Eiskappenform platzieren.

Schritt 4

Wir werden drei Kopien des Berges machen. Wählen Sie für den ersten den Berg aus und kopieren Sie ihn (Strg + C) und fügen Sie ihn dann in die Zeichenfläche ein (Strg + V). Aktiviere das Direktauswahlwerkzeug (A) und wähle die Hauptform des Berges aus und ändere seine Füllfarbe in #FF7100.

Schritt 5

Wir werden einige Dinge im Berg ändern, um sie weniger wie Duplikate zu machen. Gehen Sie in die Bergclipgruppe, indem Sie das Auswahlwerkzeug (V) aktivieren und auf die neue Berggruppe doppelklicken. Aktivieren Sie das Direktauswahl-Werkzeug (A) und wählen Sie eine Formtextur aus dem Berg aus und klicken Sie auf die Option Ähnliche Objekte auswählen, um alle Formen mit derselben Transparenz, Farbe und Deckkraft auszuwählen. Ändern Sie die Füllfarbe in #FF8A00 mit Mischmodus-Multiplikation und 50% Deckkraft. Ich habe auch die Farbe der Eiskappe in #FFEBC3 geändert.

Schritt 6

Verwenden Sie die gleiche Technik, die im vorherigen Schritt erwähnt wurde, und führen Sie zwei weitere Versionen des Berges aus. Sie können die Form der Eiskappe ändern, um eine einzigartigere Form zu erzielen. Spielen Sie mit Farben, Transparenz und Deckkraft. Wie Sie sehen können, habe ich zwei Versionen mit dunklem Hintergrund und zwei andere mit helleren Farben gemacht, die aber immer noch von der Optik und Haptik unserer gewählten Farben herrühren.

Lege die Berge in eine neue Ebene und verstecke diese Ebene, damit wir zu den nächsten Elementen übergehen können.

6. Erstellen Sie die Bäume

Schritt 1

Erstellen Sie mit dem Stiftwerkzeug (P) ein Dreieck, das wie ein Baumstamm aussieht, und verwenden Sie die Farbe #553200.

Schritt 2

Öffnen Sie das Pinselbedienfeld (Fenster > Pinsel) und klicken Sie auf das Dropdown-Menü und wählen Sie Pinselbibliothek öffnen > Künstlerisch > Artistic_ChalkCharcoalPencil. Wählen Sie den Kreidepinsel.

Schritt 3

Wählen Sie mit dem Auswahlwerkzeug (V) den Baumstamm aus und klicken Sie auf Innen zeichnen. Zeichnen Sie mit dem Pinselwerkzeug (B) eine gerade Linie, beginnend vom obersten Teil des Stammes, bis Sie den Boden erreichen. Stellen Sie sicher, dass der Kreidepinsel ausgewählt ist, damit er im Pinselstrich mit #553200 Strichfarbe und ohne Füllfarbe angewendet wird. Wenden Sie den Mischmodus-Bildschirm auf den neuen Pinselstrich an.

Schritt 4

Machen Sie mehrere Kopien des Stammes, ändern Sie die Größe und ordnen Sie sie so an, dass sie wie Äste aussehen. Siehe Beispiel unten.

Schritt 5

Erstellen Sie mit dem Ellipsenwerkzeug (L) ein Rechteck und verwenden Sie #FFE354 als Füllfarbe. Kopieren (Strg + C) das gerade erstellte Rechteck und Kopieren (Umschalt + Strg + V) die Form. Am Ende werden drei gleiche Oblongs übereinander gelegt. Wählen Sie nun das oberste Rechteck aus und verschieben Sie es etwas nach rechts unten. Halten Sie, während es noch ausgewählt ist, die Umschalttaste gedrückt und wählen Sie das nächste Oblong darunter aus und klicken Sie im Pathfinder-Bedienfeld (Fenster > Pathfinder) auf Minus Front. Ändern Sie die Farbe in #F27900 und ändern Sie den Mischmodus in Color Burn mit einer Deckkraft von 50%.

Schritt 6

Öffnen Sie das Farbfeldbedienfeld (Fenster > Farbfelder) und gehen Sie im Dropdown-Menü zu Farbfeldbibliothek öffnen > Muster > Grundlegende Grafiken > Grundlegende Grafiken_Texturen. Erstellen Sie mit dem Ellipsen-Werkzeug (L) einen Kreis, wenden Sie das in der Musterliste enthaltene USGS 2 Marsh-Muster an und wenden Sie es auf den gerade erstellten Kreis an.

Schritt 7

Wählen Sie das gelbe Rechteck links aus und gehen Sie zum Erscheinungsbild-Bedienfeld (Fenster > Erscheinungsbild). Wählen Sie im Dropdown-Menü des Erscheinungsbild-Bedienfelds die Option Neue Füllung hinzufügen aus. Aktivieren Sie dann das Pipettenwerkzeug (I) und klicken Sie auf den Kreis mit dem Muster, das wir im vorherigen Schritt vorbereitet haben. Ändern Sie den Mischmodus auf Color Dodge.

Schritt 8

Legen Sie die Blätter auf die Rückseite des Stammes und die Zweige. Gruppieren (Strg + G) sie zusammen.

Schritt 9

Genau wie bei dem, was wir für die Berge gemacht haben, erstellen Sie weitere Versionen für den Baum. Änderungen können umfassen: neue Farben für die Blätter und den Stamm / die Zweige, die Platzierung der Zweige usw. Danach lege die Bäume in die Schicht mit den Bergen und verstecke die Schicht wieder.

7. Erstellen Sie das Gras

Schritt 1

Erstellen Sie mit dem Stiftwerkzeug (P) mehrere Dreiecke mit der Füllfarbe #E97500 und klicken Sie im Pathfinder-Bedienfeld (Fenster > Pathfinder) auf Vereinigen, um alle Formen zusammenzuführen.

Schritt 2

Erstellen Sie zwei Kopien der Grasgrundform, indem Sie Kopieren (Strg + C) und Einfügen (Strg + Umschalt + V) verwenden und indem Sie die oberste Ebene etwas tiefer verschieben und gleichzeitig die nächste Ebene auswählen, klicken Sie auf Minus Front aus dem Pathfinder-Bedienfeld und ändern Sie den Mischmodus in Color Dodge.

Schritt 3

Verwenden Sie die gleiche Technik, die wir beim Hinzufügen von Texturen zu den Blättern des Baumes gemacht haben, fügen Sie dem Gras erneut das USGS 2 Marsh Pattern hinzu, indem Sie neue Füllung mit dem Aussehen-Bedienfeld hinzufügen und den Mischmodus auf Weiches Licht ändern. Gruppieren Sie sie (Strg + G).

Schritt 4

Machen Sie dasselbe mit den Gräsern.

8. Erstellen Sie den Hintergrund

Schritt 1

Füllen Sie die Zeichenfläche mit einem Rechteck mit dem Rechteckwerkzeug (M) und fügen Sie einen radialen Farbverlauf mit den Farben #FFE37F und #FF8E00 hinzu.

Schritt 2

Wählen Sie den Hintergrund aus und klicken Sie auf die Option Innen zeichnen und beginnen Sie mit dem Zeichnen der Details mit dem Stiftwerkzeug (P). Spielen Sie mit dem Mischmodus und der Deckkraft, bis Sie einen Look erhalten, der Ihrem Geschmack entspricht.

Schritt 3

Erstellen Sie ein neues Rechteck und verwenden Sie die Farbe #FFC887. Dies ist für den Boden in der Abbildung.

Schritt 4

Wählen Sie das gerade erstellte braune Rechteck aus, aktivieren Sie die Option Innen zeichnen und zeichnen Sie ein neues Rechteck darin und wenden Sie das Mezzotint Irregular-Muster aus dem Farbfeld Basic Graphics_Textures mit Color Burn Blending Mode und 20% Opazität an. Wählen Sie danach das Stiftwerkzeug (P) aus und zeichnen Sie einige Formen, die eine gewisse Tiefe und Details auf den Boden bringen, mit #CC5400 Füllfarbe und Mischmodus-Multiplikation und 20% Deckkraft.

9. Ordnen Sie die Elemente an, um Ihre Szene zu erstellen

Jetzt kommt der spaßige Teil: das Arrangieren der Szene. Um dies zu erreichen, blenden Sie die zusätzliche Ebene ein, die wir alle Elemente zeigen müssen, die wir zuvor dargestellt haben. Sperren Sie die Ebene "Hintergrund".

Wie Sie in meinem Ebenenbedienfeld sehen können, habe ich sie nach Ebenen angeordnet. Zuerst Berge, dann habe ich die erste Baumschicht hinzugefügt, dann die erste Grasschicht, und dann habe ich eine zweite Schicht für die Bäume bzw. für das Gras erstellt. Auf diese Weise erhalten wir ein Gefühl für die Tiefe der Szene, da wir zwei verschiedene Ebenen für Bäume bzw. Gräser anzeigen.

10. Füge Details wie Steine hinzu

Kleine Details können in einer Illustration viel bedeuten. Schnappen Sie sich also Ihr Stiftwerkzeug (P) und fügen Sie Steine mit der Füllfarbe #3B2400 und der Füllfarbe #A55E00 hinzu. Stellen Sie den Mischmodus auf Aufhellen und 20% Deckkraft für die Schattierung ein. Duplizieren Sie die Felsen und setzen Sie sie in die Szene ein.

11. Bring die Bären mit!

Jetzt ist es an der Zeit, die Hauptfiguren der Szene zu illustrieren: die Bären.

Schritt 1

Erstellen Sie mit dem Ellipsenwerkzeug (L) einen Kreis mit der Füllfarbe #361400.

Schritt 2

Nehmen Sie das Stiftwerkzeug (P) und beginnen Sie, die ähnliche Form unten zu illustrieren. Beachten Sie, dass es im Verhältnis zum Kopf stehen muss und stellen Sie sicher, dass Sie die Farbe in #361400 ändern.

Schritt 3

Erstellen Sie eine neue Ellipse (L) und löschen Sie den unteren Teil mit dem Radiergummi-Werkzeug (Umschalt + E). Befestigen Sie die Form an Kopf und Hals des Bären und verwandeln Sie die Form bei Bedarf.

Schritt 4

Fügen Sie die Ohren hinzu, indem Sie zwei Kreise an der Oberseite des Kopfes hinzufügen. Danach vereinen Sie alle Formen im Pathfinder-Bedienfeld.

Schritt 5

Fügen Sie mit dem Stiftwerkzeug (P) zwei Augen mit einer dunkelroten Farbe hinzu #7C0101

Schritt 6

Zeichne die Schatten und Details mit dem Stiftwerkzeug (P).

Jetzt haben wir den Bären für die Szene, Create New Layer über der Ebene "Trees 1" und platzieren den Bären dort. Fügen Sie weitere Instanzen des Bären hinzu und verteilen Sie sie in der Szene. Ordne bei Bedarf andere Elemente wie das Gras an.

Herzliche Glückwünsche! Sie sind jetzt fertig!

In diesem Tutorial konnten wir eine der leistungsstärksten Funktionen von Vektorgrafiken maximieren: das effiziente Erstellen neuer Elemente aus einem vorhandenen Element. Nur indem wir die Farben und andere Dinge wie die Formen ändern, können wir eine vorhandene Illustration in etwas Neues verwandeln. Wir haben auch gelernt, wie man den Elementen Texturen hinzufügt und der Szene Tiefe verleiht, indem man einfach die Elemente anordnet und auf verschiedene Ebenen verteilt. Wir haben auch gelernt, wie man Adobe Kuler verwendet, um das Aussehen und Verhalten für die Farben der Illustration zu bestimmen. Ich hoffe, Ihnen hat dieses Tutorial gefallen.