1. Design & Illustration
  2. Drawing/Illustration
  3. Character Design

Wie man eine Valentinstag-Amor-Illustration in Adobe Illustrator erstellt

Scroll to top
This post is part of a series called Easy Character Design.
How to Create a Cute Monster Character in Adobe Illustrator

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

In diesem Tutorial erfahren Sie, wie Sie einen Baby-Amor-Engel mit einem niedlichen Pfeil und Bogen erstellen, hauptsächlich mit dem Ellipse-Tool. Sie werden sehen, wie aus einfachen Elementen eine komplizierte Illustration ohne Vorskizzen zusammengesetzt werden kann.

1. Kopf und Gesicht erstellen

Schritt 1

Wir beginnen mit dem Kopf. Nimm das Ellipsenwerkzeug (L) und zeichne eine Ellipse, aber nicht zu lang. Setzen Sie seine Farbe auf R=207 G=158 B=118. Nehmen Sie das Direktauswahlwerkzeug (A) und wählen Sie die linken und rechten Ankerpunkte aus und verschieben Sie sie dann nach unten.

creating the shape of the headcreating the shape of the headcreating the shape of the head

Schritt 2

Wählen Sie eine braune Füllfarbe (R=87 G=28 B=31) und verwenden Sie das Ellipsenwerkzeug (L), um eine weitere Ellipse zu zeichnen. Erstellen Sie als Highlight einen kleinen weißen Kreis. Erstellen Sie dann zwei Augen: Wählen Sie das gesamte Auge aus und bewegen Sie es bei gedrückter Alt- und Umschalttaste nach rechts. Gruppieren Sie diese Augen für Ihre Bequemlichkeit (Rechtsklick > Gruppieren).

creating the eyescreating the eyescreating the eyes

Schritt 3

Da der Körper und der Kopf des Amors in unterschiedliche Richtungen zeigen, legen Sie die Augen auf den Kopf und drehen Sie sie mit dem Auswahlwerkzeug (V) ein wenig nach links.

placing the eyesplacing the eyesplacing the eyes

Schritt 4

Und nun zur Nase. Beginnen wir mit einer langen Ellipse mit der Füllfarbe R=173 G=117 B=80. Lassen Sie es ausgewählt und klicken Sie mit dem Werkzeug Ankerpunkt konvertieren (Umschalt-C) auf den rechten und linken Ankerpunkt, um sie scharf zu machen. Lassen Sie sie weiterhin ausgewählt und gehen Sie zu Effekt > Warp > Bogen. Passen Sie im neuen Fenster die Optionen an: Stilbogen Horizontal, Biegung 50%, Verzerrung Horizontal 0% und Vertikal 0%. OK klicken. Erweitern Sie diese Form nun mit Objekt > Darstellung erweitern.

creating the nosecreating the nosecreating the nose

Schritt 5

Legen Sie die Nase auf das Gesicht und drehen Sie sie genauso wie mit den Augen.

placing the noseplacing the noseplacing the nose

Schritt 6

Jetzt machen wir den Mund aus der Nase. Wählen Sie also die Nase aus und erstellen Sie damit eine horizontale Spiegelung (Rechtsklick > Transformieren > Spiegeln). Wählen Sie im neuen Fenster Horizontale Reflexionsachse und drücken Sie Kopieren. Halten Sie Alt (um eine Kopie zu erstellen) und Shift (zum geraden Ziehen der Form) zusammen gedrückt und ziehen Sie diese Mundform ein wenig nach unten. Sie erhalten zwei identische Formen, die sich überlappen.

Erstellen Sie eine weitere Kopie Ihrer ersten Form, die Sie aus der Nase erstellt haben, bevor Sie sie nach unten ziehen (Strg-C, Strg-F). Lassen Sie diese dritte Kopie ausgewählt, halten Sie die Umschalttaste gedrückt und wählen Sie die Kopie aus, die Sie nach unten verschoben haben. Gehen Sie nun zum Pathfinder-Bedienfeld und drücken Sie die Minus-Front-Taste. Färben Sie diese neueste Form in einer weißen Farbe. Sie haben gerade die Zähne erstellt.

Bild 2. Zeichnen Sie eine weiße Ellipse wie im Bild unten, die die Zähne überlappt. Ich habe die Ellipse zur besseren Sichtbarkeit mit einer roten Strichfarbe markiert, aber Sie benötigen nur eine weiße Füllfarbe ohne Strichfarbe. Wählen Sie die Zähne und die weiße Ellipse zusammen aus (halten Sie die Umschalttaste gedrückt, um zwei oder mehr Formen zusammen auszuwählen). Drücken Sie im Pathfinder-Bedienfeld auf Überschneiden. Die Zähne sind fertig.

creating the mouth 1creating the mouth 1creating the mouth 1

Schritt 7

Fügen wir die Zunge hinzu. Zeichnen Sie eine rosa Ellipse über die Unterseite des Mundes. Setzen Sie seine Farbe auf R=246 G=156 B=154. Machen Sie eine weitere Kopie der braunen Mondform (Control-C, Control-F) und halten Sie die rosa überlappende Ellipse zusammen; Drücken Sie jetzt im Pathfinder auf die Schaltfläche Überschneiden.

creating the mouth 2creating the mouth 2creating the mouth 2

Schritt 8

Gruppieren Sie den gesamten Mund (Rechtsklick > Gruppieren) und platzieren Sie ihn auf dem Gesicht. Drehen Sie ein wenig nach links, wie Sie es mit den Augen und der Nase getan haben.

placing the mouthplacing the mouthplacing the mouth

Schritt 9

Auf die Wange. Zeichnen Sie eine Ellipse und nehmen Sie mit dem Pipettenwerkzeug (I) die gleiche Füllfarbe wie auf dem Gesicht des Amors. Genau in der Mitte eine weitere kleine Ellipse zeichnen (mit Hilfe der Pipette (I) die gleiche Füllfarbe wie die Zunge nehmen).

Um die beiden Ovale auszurichten, verwenden Sie das Ausrichten-Bedienfeld (Fenster > Ausrichten) und klicken Sie auf die Schaltflächen Horizontale Mitte ausrichten und Vertikale Mitte ausrichten. Wählen Sie beide aus und klicken Sie im Werkzeugbedienfeld (Fenster > Werkzeuge) auf das Mischwerkzeug (W). Klicken Sie anschließend mit diesem Werkzeug auf einen Ankerpunkt auf der rosa Ellipse und einen Ankerpunkt auf der hellbraunen Ellipse.

Wenn Sie mit dem Mischwerkzeug Schwierigkeiten haben, können Sie einen radialen Farbverlauf für die Wange verwenden.

creating the cheekcreating the cheekcreating the cheek

Schritt 10

Machen Sie zwei Wangen durch Kopieren und Einfügen und platzieren Sie sie dort, wo sie sein sollen. Drehen Sie die linke Wange etwas nach links und die rechte Wange nach rechts (beide werden mit der Maus gedreht).

placing the cheeksplacing the cheeksplacing the cheeks

2. Erstellen der Ohren

Zwei identische Ellipsen bilden die Ohren. Die Füllfarbe sollte der Füllfarbe des Gesichts entsprechen.

creating and placing the earscreating and placing the earscreating and placing the ears

3. Das Haar erstellen

Schritt 1

Stellen Sie die Füllfarbe auf R = 242 G = 225 B = 139 und zeichnen Sie viele, viele Kreise, um das Haar zu erstellen. Denken Sie daran, die Umschalttaste gedrückt zu halten, um gleiche Kreise zu erstellen. Bitte beachten Sie, dass einige von ihnen hinter dem Kopf sein müssen, also legen Sie sie mit Control-X, Control-B zurück.

creating the hair 1creating the hair 1creating the hair 1

Schritt 2

Machen Sie die Füllfarbe heller (R=245 G=232 B=167) und zeichnen Sie noch ein paar Kreise in das Haar.

creating the hair 2creating the hair 2creating the hair 2

Schritt 3

Wählen Sie einige Kreise wie im Bild unten aus. Lassen Sie sie ausgewählt und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie im Dialogfenster Offset: 10 px, Joins: Mitre, Mitre Limit: 4, OK ein. Lassen Sie es ausgewählt und nehmen Sie mit dem Pipettenwerkzeug (I) die gleiche Füllfarbe wie auf der Nase des Amors. Halten Sie die Kreise weiterhin ausgewählt und drücken Sie im Pathfinder-Bedienfeld die Schaltfläche Vereinen. Sie erhalten so etwas wie eine Raupe. Dann müssen Sie einige Male mit der rechten Maustaste klicken > Anordnen > Nach hinten senden, um den Pony zu sehen.

Erstellen Sie eine weitere Kopie des Kopfes (Strg-C, Strg-F). Wählen Sie die Raupenform zusammen mit der neuen Kopie des Kopfes aus und drücken Sie im Pathfinder die Schaltfläche Überschneiden. Sie erhalten einen Schatten, der das Gesicht von den Haaren trennt.

creating the shadow under the haircreating the shadow under the haircreating the shadow under the hair

4. Den Körper erschaffen

Schritt 1

Machen Sie die Füllfarbe mit der des Gesichts identisch und zeichnen Sie eine Ellipse. Drehe es mit dem Auswahlwerkzeug (V). Nehmen Sie danach das Direktauswahlwerkzeug (A) und bewegen Sie die Griffe, um die Form wie in der Abbildung unten zu erstellen.

creating the body shapecreating the body shapecreating the body shape

Schritt 2

Jetzt erstellen wir einen Schatten auf dem Körper. Zeichnen Sie eine überlappende Ellipse, die im Bild unten mit einem roten Strich markiert ist, aber Strich und Füllung spielen keine Rolle. Erstellen Sie eine weitere Kopie des Hauptteils (Strg-C, Strg-F); Halten Sie es zusammen mit der roten Strichellipse ausgewählt und drücken Sie Minus Front in Pathfinder. Füllen Sie die resultierende Form mit einer dunkleren Farbe R=201 G=150 B=111. Gruppieren Sie Körper und Schatten zusammen, damit sie sich nicht separat bewegen (Rechtsklick > Gruppieren).

creating the shadow on the bodycreating the shadow on the bodycreating the shadow on the body

Schritt 3

Legen Sie es unter den Kopf (Control-X, Control-B).

placing the bodyplacing the bodyplacing the body

5. Erstellen des rechten Arms

Schritt 1

Jetzt erstellen wir den oberen Teil des Arms. Zeichnen Sie erneut eine Ellipse (die gleiche Füllfarbe wie das Gesicht). Verschieben Sie mit Hilfe des Direktauswahl-Werkzeugs (A) die Griffe, um die in der Abbildung unten gezeigte Form zu erreichen.

creating the right armcreating the right armcreating the right arm

Schritt 2

Lassen Sie uns die Hand erstellen. Verwenden Sie wieder dieselbe Füllfarbe und eine etwas abgerundetere Ellipse. Verschieben Sie die Griffe, um die unten gezeigte Form zu erhalten. Halten Sie die Alt-Taste gedrückt, während Sie die Griffe auf dem Daumen bewegen.

creating the right handcreating the right handcreating the right hand

Schritt 3

Legen Sie den Oberarm mit der Hand zusammen.

composing the whole right armcomposing the whole right armcomposing the whole right arm

Schritt 4

Machen Sie eine Kopie des Oberarms (Control-C, Control-B) und füllen Sie ihn mit Farbe R=193 G=140 B=101. Verschieben Sie die neue dunklere Kopie etwas nach unten. Wir tun dies, um den Arm vom Körper zu trennen und sichtbarer zu machen. Gruppieren Sie den ganzen Arm.

creating the shadow under the right armcreating the shadow under the right armcreating the shadow under the right arm

Schritt 5

Legen Sie den Arm auf den Körper.

placing the right armplacing the right armplacing the right arm

6. Erstellen des linken Arms

Schritt 1

Der linke Arm ist nur eine dunklere Kopie des rechten Arms (gleiche Füllfarbe, R=193 G=140 B=101, wie der Schatten unter dem Knall im Gesicht). Fügen Sie einfach eine Ellipse wie im Bild unten hinzu, um zu zeigen, dass die Hand etwas hält. Legen Sie die Füllfarbe für diese Ellipse auf R=207 G=158 B=118 fest.

creating the left armcreating the left armcreating the left arm

Schritt 2

Legen Sie den linken Arm hinter den Körper.

placing the left armplacing the left armplacing the left arm

7. Das rechte Bein schaffen

Schritt 1

Behalten Sie die gleiche Füllfarbe wie im vorherigen Schritt bei und zeichnen Sie eine Ellipse. Nehmen Sie das Direktauswahlwerkzeug (A), wählen Sie die linken und rechten Ankerpunkte aus und verschieben Sie sie nach oben.

creating the right leg 1creating the right leg 1creating the right leg 1

Schritt 2

Erstellen Sie eine Kopie der im vorherigen Schritt erstellten Form und machen Sie sie dann schmaler, aber nicht zu sehr, da wir einen molligen Amor erstellen möchten. Stellen Sie wie unten gezeigt zwei Ellipsen zusammen.

creating the right leg 2creating the right leg 2creating the right leg 2

Schritt 3

Jetzt erstellen wir den Fuß. Zeichnen Sie ein kleines Oval und bewegen Sie die Griffe, um das im zweiten Bild gezeigte Ergebnis zu erzielen. Fügen Sie danach fünf kleine Ovale hinzu – dies sind die Zehen.

creating the right footcreating the right footcreating the right foot

Schritt 4

Stellen Sie den Fuß auf das Bein. Gruppieren Sie das ganze Bein.

composing the right leg composing the right leg composing the right leg

Schritt 5

Lege das rechte Bein auf den Körper.

placing the right legplacing the right legplacing the right leg

8. Erstellen des linken Beins

Das linke Bein ist eine Kopie des rechten Beins, jedoch mit einer dunkleren Farbe. Machen Sie also eine Kopie des rechten Beins, nehmen Sie das Pipettenwerkzeug (I) und nehmen Sie die gleiche Füllfarbe wie auf dem linken Arm. Dann das linke Bein hinter den Körper legen.

creating and placing the left legcreating and placing the left legcreating and placing the left leg

9. Erstellen der Briefs

Schritt 1

Jetzt wissen Sie, wie Sie die Griffe einiger Formen verschieben, also zeichnen Sie eine rosa Ellipse (R=248 G=175 B=174). Bewegen Sie die Griffe wie in der Abbildung unten gezeigt, um die Unterseite des Amors abzudecken.

creating the briefscreating the briefscreating the briefs

Schritt 2

Erstellen Sie einige hellere Kreise (R=250 G=193 B=192) als Rüschen. Nachdem Sie mit den Rüschen fertig sind, legen Sie die Slips darüber (Strg-X, Strg-F).

creating the ruffles of the briefs 1creating the ruffles of the briefs 1creating the ruffles of the briefs 1

Schritt 3

Nun zum letzten Teil des traditionellen Amor-Outfits: die Rüschen am linken Bein. Zeichne noch ein paar Kreise (R=239 G=156 B=156) auf das linke Bein und ziehe dann den Slip und die Rüschen am rechten Bein darüber. Dazu müssen Sie die Slips und Rüschen am rechten Bein auswählen und auf Strg-X, Strg-F klicken.

creating the ruffles of the briefs 2creating the ruffles of the briefs 2creating the ruffles of the briefs 2

Schritt 4

Ein paar hellrosa Ellipsen machen den Flügel. Es spielt keine Rolle, wie viele Ellipsen Sie dafür verwenden. Legen Sie die Füllfarbe auf R=251 G=210 B=209 fest. Gruppieren Sie den Flügel so, dass er sich nicht separat bewegt.

creating the wingcreating the wingcreating the wing

Schritt 5

Legen Sie den Flügel auf die Rückseite des Amors. Wir nehmen an, dass der zweite Flügel nicht sichtbar ist.

placing the wingplacing the wingplacing the wing

10. Erstellen des Bogens

Schritt 1

Zeichne eine braune Ellipse (R=87 G=28 B=31). Lassen Sie es ausgewählt und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie in einem neuen Dialogfenster Offset: -10 px, Joins: Gehrung, Gehrungsgrenze:4, OK ein. Sie erhalten zwei Ellipsen, die Sie auswählen müssen, und gehen Sie dann zum Pathfinder-Bedienfeld und drücken Sie die Schaltfläche Ausschließen.

creating the bow 1creating the bow 1creating the bow 1

Schritt 2

Ist Ihnen aufgefallen, dass wir fast am Ende des Tutorials sind und immer noch nur das Ellipse-Tool verwenden? Sie haben eine Person mit nur einer Grundform erstellt!

Aber seien Sie geduldig! Jetzt müssen wir die im vorherigen Schritt erstellte Ellipse teilen und verwenden dafür das Rechteckwerkzeug (M). Zeichnen Sie in der Mitte dieser Ellipse ein langes, schmales Rechteck. Das Rechteck muss länger als die Ellipse sein. Wählen Sie die beiden Formen zusammen aus und drücken Sie Minus Front in Pathfinder. Gruppierung der geteilten Ellipse aufheben (Rechtsklick > Gruppierung aufheben) und den unnötigen linken Teil löschen. Zeichnen Sie das lange, schmale Rechteck erneut, wie im Bild unten. Fügen Sie zwei kleine Kreise hinzu. Jetzt ist der Bogen fertig.

creating the bow 2creating the bow 2creating the bow 2

Schritt 3

Wir werden jetzt die Spitze des Pfeils erstellen. Behalten Sie die gleiche Füllfarbe bei, zeichnen Sie eine weitere Ellipse und verschieben Sie den linken und rechten Ankerpunkt nach oben.

creating the tip of the arrow 1creating the tip of the arrow 1creating the tip of the arrow 1

Schritt 4

Nach links drehen und dann mit der rechten Maustaste klicken. Wählen Sie im Popup-Fenster Transformieren > Reflektieren. Geben Sie dann im neuen Dialogfenster Axis Vertical, Angle 90 Grad, Copy ein. Verschieben Sie die neue Form nach rechts. Wählen Sie die beiden Formen aus und drücken Sie die Schaltfläche Vereinen in Pathfinder. Drücken Sie das Werkzeug Ankerpunkt konvertieren (Umschalt-C) und klicken Sie auf den niedrigsten Ankerpunkt der resultierenden Form. Sie erhalten eine scharfe Ecke für die Spitze des Pfeils. Erstellen Sie nun eine weitere Kopie dieses Herzens und ziehen Sie es irgendwo auf Ihre Zeichenfläche, um es für später aufzubewahren.

Und der letzte Schritt: Bewegen Sie diese scharfe Ecke der Spitze mit dem Direktauswahlwerkzeug (A) nach unten, um zu zeigen, wie scharf ein Liebespfeil sein kann!

creating the tip of the arrow 2creating the tip of the arrow 2creating the tip of the arrow 2

Schritt 5

Erstellen Sie mit dem Rechteckwerkzeug (M) ein langes Rechteck und legen Sie die Pfeilspitze darauf.

placing the tip on the arrowplacing the tip on the arrowplacing the tip on the arrow

Schritt 6

Zeichnen Sie ein weiteres Rechteck, nehmen Sie das Direktauswahlwerkzeug (A) und verschieben Sie die beiden oberen Ankerpunkte nach links. Sie erhalten eine parallele Rohrform. Lassen Sie diese schwer zu sagende Form ausgewählt und klicken Sie mit der rechten Maustaste auf > Transformieren > Reflektieren. Geben Sie Achse Horizontal, Winkel 0 Grad ein und drücken Sie Kopieren. Verschieben Sie es nach unten, wie in der Abbildung unten gezeigt.

creating the last part of the arrow creating the last part of the arrow creating the last part of the arrow

Schritt 7

Stellen Sie den ganzen Pfeil zusammen. Sie können auch einen weißen Kreis als Highlight hinzufügen.

composing the arrowcomposing the arrowcomposing the arrow

Schritt 8

Gib dem Amor die Waffen der Liebe. Seien Sie vorsichtig mit den Armen: Der rechte Arm muss sich über Pfeil und Bogen befinden, ebenso die "Finger" des linken Armes.

placing the arrow and bowplacing the arrow and bowplacing the arrow and bow

11. Den Hintergrund erstellen

Schritt 1

Erstellen Sie ein blaues (R=184 G=223 B=255) Quadrat hinter dem Amor, 600 px Breite und Höhe.

creating the backgroundcreating the backgroundcreating the background

Schritt 2

Ändere die Farbe in R=221 G=242 B=245 und zeichne mit Kreisen Wolken. Dann ändere die Farbe auf R=232 G=247 B=249 und zeichne noch ein paar Kreise über die Wolken, genau wie bei den Haaren des Amors. Gruppieren Sie jede Cloud separat.

creating the cloudscreating the cloudscreating the clouds

Schritt 3

Stellen Sie die Wolken hinter den Amor, aber vor den Hintergrund.

placing the cloudsplacing the cloudsplacing the clouds

Schritt 4

Erinnern Sie sich an die Kopie des Herzens, die Sie für später aufbewahrt haben? Jetzt ist die Zeit! Ändern Sie die Füllfarbe in R=131 G=185 B=231 und verteilen Sie sie durch Kopieren und Einfügen. Legen Sie ein Herz (Füllfarbe R=251 G=210 B=209) auf den Slip des Amors.

spreading the heartsspreading the heartsspreading the hearts

Abschluss

Herzlichen Glückwunsch, Ihre Amor-Illustration ist fertig! Jetzt kannst du deinem Schwarm an diesem Valentinstag deine Liebe gestehen!