So erstellen Sie einen niedlichen Katzen-Charakter in Adobe Illustrator

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

Final product image — What You'll Be Creating

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator eine niedliche Katzenfigur erstellen.

Für den Anfang lernen Sie, wie Sie ein einfaches Raster einrichten und die Hauptformen des Kopfes mithilfe von Grundformen zusammen mit einigen Effekten für Verkrümmung und abgerundete Ecken erstellen. Mit einer einfachen Mischung, dem Effekt „Schein nach innen“ und einigen Gaußschen Weichzeichnung-Effekten erfahren Sie, wie Sie Ihren flachen Vektorformen Schattierung und Tiefe hinzufügen.

Im Folgenden erfahren Sie, wie der Transformieren-Effekt Ihre Arbeit erleichtern kann und wie Sie mithilfe des Aussehen-Bedienfelds einige hübsche Schattierungseffekte hinzufügen. Mit einigen Konturtricks werden Sie einige schöne Augenbrauen und Schnurrhaare erstellen. Schließlich lernen Sie, wie Sie ein ziemlich einfaches Pfotenmuster erstellen.

Weitere Inspirationen zum Anpassen oder Verbessern Ihres endgültigen Charakters finden Sie bei GraphicRiver.

1. So erstellen Sie ein neues Dokument und richten ein Raster ein

Drücken Sie Strg-N, um ein neues Dokument zu erstellen. Wählen Sie Pixel aus dem Dropdown-Menü Einheiten, geben Sie 850 in das Breitenfeld und 700 in das Höhenfeld ein und klicken Sie dann auf die Schaltfläche Weitere Einstellungen. Wählen Sie RGB für den Farbmodus, stellen Sie die Rastereffekte auf Bildschirm (72 ppi) ein und klicken Sie dann auf Dokument erstellen.

Aktivieren Sie das Raster (Ansicht > Raster anzeigen) und Am Raster ausrichten (Ansicht > Am Raster ausrichten). Für den Anfang benötigen Sie alle 10 px ein Raster. Gehen Sie also einfach zu Bearbeiten > Einstellungen > Hilfslinien und Raster und geben Sie 10 in das Rasterlinie alle-Feld und 1 in das Feld Unterteilungen ein. Lassen Sie sich von all dem Raster nicht entmutigen – es wird Ihre Arbeit erleichtern, und denken Sie daran, dass Sie es einfach mit der Tastenkombination Strg-" aktivieren oder deaktivieren können.

In diesem kurzen Tutorial von Andrei Stefan erfahren Sie mehr über das Rastersystem von Illustrator: Das Rastersystem von Adobe Illustrator verstehen.

Sie sollten auch das Info-Bedienfeld (Fenster > Info) öffnen, um eine Interaktiv-Vorschau mit der Größe und Position Ihrer Formen zu erhalten. Vergessen Sie nicht, die Maßeinheit unter Bearbeiten > Voreinstellungen > Einheiten auf Pixel einzustellen. Alle diese Optionen erhöhen Ihre Arbeitsgeschwindigkeit erheblich.

2. So erstellen Sie den Kopf

Schritt 1

Wählen Sie das Ellipse-Werkzeug (L) und konzentrieren Sie sich auf Ihre Symbolleiste. Entfernen Sie die Farbe aus der Kontur, wählen Sie dann die Füllung aus und setzen Sie ihre Farbe auf R=241 G=119 B=44. Wechseln Sie zu Ihrer Zeichenfläche und erstellen Sie einfach eine Form von 400 x 300 px – das Gitter und die Am Raster ausrichten sollten dies erleichtern. Platzieren Sie diesen zusammengedrückten Kreis wie in der folgenden Abbildung gezeigt.

Schritt 2

Jetzt benötigen Sie alle 5 px ein Raster. Gehen Sie einfach zu Bearbeiten > Einstellungen > Hilfslinien und Raster und geben Sie in 5 Rasterlinie alle-Feld ein.

Erstellen Sie mit dem Rechteckwerkzeug (M) zwei Formen von 100 x 40 px und platzieren Sie sie genau wie in der folgenden Abbildung gezeigt. Auch hier helfen das Raster und Am Raster ausrichten. Füllen Sie beide Formen mit Gelb (R=251 G=176 B=59) und gehen Sie dann zu Effekt > Stilisierungsfilter > Abgerundete Ecken. Geben Sie einen Radius von 20 px ein und klicken Sie dann auf OK.

Schritt 3

Stellen Sie sicher, dass Ihre gelben Rechtecke noch ausgewählt sind und gruppieren Sie sie (Strg-G). Wenn diese neu erstellte Gruppe ausgewählt ist, gehen Sie zu Effekt > Verkrümmungsfilter > Wulst. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf OK.

Erstellen Sie eine Kopie Ihrer Gruppe (Strg-C > Strg-V) und platzieren Sie sie genau wie im zweiten Bild gezeigt.

Schritt 4

Wählen Sie das Rechteckwerkzeug (M), erstellen Sie drei 40 x 100 px-Formen und platzieren Sie sie genau wie in der folgenden Abbildung gezeigt. Füllen Sie diese Formen mit demselben Gelb und gehen Sie dann zu Effekt > Stilisierungsfilter > Abgerundete Ecken. Geben Sie einen Radius von 20 px ein und klicken Sie dann auf OK.

Schritt 5

Gruppieren Sie Ihre drei Rechtecke (Strg-G) und gehen Sie dann zu Effekt > Verkrümmungsfilter > Wulst. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf OK.

Schritt 6

Wählen Sie alle bisher erstellten Formen aus und gruppieren Sie sie (Strg-G). Stellen Sie sicher, dass diese neue Gruppe ausgewählt ist und gehen Sie zu Effekt > Verkrümmungsfilter > Fischauge. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein, klicken Sie auf OK und gehen Sie dann zu Objekt > Aussehen umwandeln.

Wenn die resultierende Gruppe von Formen ausgewählt ist, drücken Sie dreimal Umschalt-Strg-G, um alle diese Gruppen und Untergruppen aufzuheben. Am Ende sollten Sie sieben gelbe Formen und eine orange haben.

Schritt 7

Wählen Sie Ihre sieben gelben Formen aus und verwandeln Sie sie in einen zusammengesetzten Pfad (Strg-8 oder Objekt > Zusammengesetzter Pfad > Erstellen). Wählen Sie die orange Form aus und fügen Sie eine Kopie vorne hinzu (Strg-C > Strg-F). Wählen Sie es zusammen mit Ihrem gelben zusammengesetzten Pfad aus, öffnen Sie das Pathfinder-Bedienfeld (Fenster > Pathfinder) und klicken Sie auf die Schaltfläche Schnittmenge bilden.

Stellen Sie sicher, dass die resultierende Gruppe von Formen ausgewählt ist, und wandeln Sie sie in einen neuen zusammengesetzten Pfad um. Wählen Sie es aus und konzentrieren Sie sich auf das Aussehen-Bedienfeld (Fenster > Aussehen). Ersetzen Sie zuerst die vorhandene Füllfarbe durch R=152 G=78 B=255 und klicken Sie dann auf das Textstück Deckkraft, um das Flyout-Bedienfeld Transparenz zu öffnen und die Füllmethode in Weiches Licht zu ändern.

Schritt 8

Deaktivieren Sie das Ausrichten am Raster (Shift-Control-") und gehen Sie dann zu Bearbeiten > Voreinstellungen> Allgemein und stellen Sie sicher, dass das Tastaturinkrement auf 1 px eingestellt ist.

Wählen Sie Ihre orange Form aus, erstellen Sie eine Kopie vorne (Strg-C > Strg-F) und bringen Sie sie nach vorne (Umschalt-Strg-]). Wählen Sie diese Kopie aus, ersetzen Sie das Orange durch Gelb und gehen Sie dann zu Objekt > Pfad > Pfad verschieben. Geben Sie Verschieben von -5 px ein und klicken Sie dann auf OK. Füllen Sie die resultierende Form mit einem zufälligen Blau und bewegen Sie sie dann mit der Aufwärtspfeiltaste auf Ihrer Tastatur um 10 px nach oben.

Wählen Sie beide in diesem Schritt erstellten Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vorderes Objekt abziehen. Füllen Sie die resultierende Form mit Schwarz (R=0 G=0 B=0), verringern Sie die Deckkraft auf 5% und ändern Sie die Füllmethode auf Weiches Licht.

Schritt 9

Wählen Sie Ihre orange Form aus, erstellen Sie eine neue Kopie vorne (Strg-C > Strg-F) und bringen Sie sie nach vorne (Umschalt-Strg-]). Stellen Sie sicher, dass diese Kopie ausgewählt bleibt und konzentrieren Sie sich auf das Aussehen-Bedienfeld.

Entfernen Sie die Farbe aus der Füllung und wählen Sie dann die Kontur aus. Stellen Sie die Farbe auf Schwarz ein, verringern Sie die Deckkraft auf 5%, ändern Sie die Füllmethode auf Weiches Licht und klicken Sie dann auf das Kontur-Textstück, um das Kontur-Flyout-Bedienfeld zu öffnen. Stellen Sie das Gewicht auf 20 px ein und vergessen Sie nicht, die Schaltfläche Kontur nach innen ausrichten zu aktivieren.

Schritt 10

Setzen Sie die Füllfarbe auf Blau und gehen Sie dann zu Effekt > Stilisierungsfilter > Schein nach innen. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein, klicken Sie auf OK und gehen Sie dann zu Objekt > Aussehen umwandeln.

Stellen Sie sicher, dass die resultierende Gruppe ausgewählt bleibt, und konzentrieren Sie sich auf das Ebenen-Bedienfeld. Öffnen Sie die vorhandene Ebene, sehen Sie sich Ihre ausgewählte Gruppe genauer an und heben Sie die Gruppierung auf (Umschalt-Strg-G). Löschen Sie die blaue Form und wählen Sie die verbleibende maskierte Form aus.

Wechseln Sie zum Aussehen-Bedienfeld oder zum Transparenz-Bedienfeld (Fenster > Transparenz), verringern Sie die Deckkraft auf 30% und ändern Sie die Füllmethode auf Weiches Licht. Kehren Sie zum Ebenen-Bedienfeld zurück und sperren Sie einfach Ihre maskierte Form, um sicherzustellen, dass Sie sie später nicht versehentlich auswählen oder verschieben.

Schritt 11

Aktivieren Sie am Raster ausrichten (Strg-"). Erstellen Sie mit dem Ellipse-Werkzeug (L) eine 200 x 50 px große Form und platzieren Sie sie wie in der folgenden Abbildung gezeigt. Füllen Sie diesen zusammengedrückten Kreis mit Weiß (R=255 G=255 B=255), verringern Sie seine Deckkraft auf 50%, ändern Sie die Füllmethode auf Weiches Licht und gehen Sie dann zu Effekt > Weichzeichnen > Gaußscher Weichzeichner. Geben Sie einen Radius von 20 px ein und klicken Sie auf OK.

Schritt 12

Deaktivieren Sie das Ausrichten am Raster (Control-"). Wählen Sie Ihre orange Form aus und gehen Sie zu Objekt > Pfad > Pfad verschieben. Geben Sie Verschieben von -120 px ein und klicken Sie auf OK. Wählen Sie die resultierende Form aus, verschieben Sie sie um 20 px nach oben und ersetzen Sie die vorhandene Füllfarbe mit R=243 G=158 B=93.

Konzentrieren Sie sich auf Ihre Symbolleiste und doppelklicken Sie einfach auf das Angleichen-Werkzeug, um das Fenster mit den Angleichung-Optionen zu öffnen. Wählen Sie im Dropdown-Menü „Abstand“ die Option „Angegebene Schritte“ aus und geben Sie 50 in das weiße Feld ein. Wählen Sie Ihre orangefarbene Form zusammen mit der in diesem Schritt erstellten erneut aus und drücken Sie Alt-Strg-B, um eine neue Angleichung zu erstellen. Am Ende sollte es so aussehen wie im zweiten Bild.

Schritt 13

Konzentrieren Sie sich auf das Ebenen-Bedienfeld. Sperren Sie zunächst die vorhandene Ebene und benennen Sie sie in "Kopf" um. Verwenden Sie die Schaltfläche Neue Ebene erstellen, um eine zweite Ebene hinzuzufügen, benennen Sie sie in "Augen" um und wählen Sie sie aus.

Aktivieren Sie die Option Am Raster ausrichten (Strg-"). Erstellen Sie mit dem Ellipse-Werkzeug (L) eine Form von 90 x 100 px, füllen Sie sie mit Blau und platzieren Sie sie genau wie in der folgenden Abbildung gezeigt.