Advertisement
  1. Design & Illustration
  2. Character Design

Wie man eine Gruppe internationaler Freunde in Adobe Illustrator erstellt

Scroll to top
Read Time: 14 min

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

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

Wussten Sie, dass der 30. Juli der Internationale Tag der Freundschaft ist? Dazu möchte ich Ihnen zeigen, wie Sie ein Bild erstellen, das eine Botschaft der Freundschaft teilt.

In diesem Tutorial erfahren Sie, wie Sie mit Adobe Illustrator eine Gruppe internationaler Freunde erstellen: einen weißen Mann, eine asiatische Frau und eine muslimische Frau. Wir werden Grundformen und Warp-Effekte verwenden und Ankerpunkte verschieben, um die Form zu verformen und das gewünschte Ergebnis zu erzielen. Nachdem Sie dieses Tutorial abgeschlossen und einige Techniken angewendet haben, können Sie jede Art von Person erstellen.

Wenn Sie hier sind, um einen fertigen Charakter zu erhalten, kannst du viele davon bei GraphicRiver finden. Aber wenn Sie hier sind, um etwas Neues zu lernen, dann lassen Sie uns unser Tutorial beginnen!

Wenn Ihnen dieses Tutorial gefällt, könnten Sie auch an folgenden Themen interessiert sein:

  • Internationaler Frauentag
    Wie man eine Illustration für den Internationalen Frauentag in Adobe Illustrator erstellt
    Nataliya Dolotko
  • Sommer
    Wie man eine Sommerferienillustration in Adobe Illustrator erstellt
    Nataliya Dolotko
  • Charakter-Design
    Wie man eine Champagner-Illustration in Adobe Illustrator erstellt
    Nataliya Dolotko
  • Illustration
    Wie man ein Vintage-Frühlingsporträt eines Mädchens in Adobe Illustrator erstellt
    Nataliya Dolotko

1. Wie erstelle ich den Weißen Mann?

Schritt 1

Nachdem Sie ein neues Dokument mit einer Breite und Höhe von 850 px erstellt haben, beginnen wir mit der Erstellung des Kopfes des Mannes. Nimm das abgerundete Rechteck-Werkzeug. Wenn Sie AI zum ersten Mal verwenden und dieses Werkzeug nicht finden, sehen Sie sich das Werkzeugbedienfeld auf der linken Seite der Zeichenfläche an. Klicken Sie auf das Rechteck-Werkzeug (M), halten Sie es zwei Sekunden lang gedrückt. Ein Popup-Menü wird angezeigt. Dort finden Sie das abgerundete Rechteck-Werkzeug. Zeichnen Sie mit dem abgerundeten Rechteck-Werkzeug ein abgerundetes Rechteck. Dies wird der Kopf des Mannes sein. Löschen Sie die Strichfarbe, falls vorhanden, und setzen Sie die Füllfarbe auf R = 247, G = 197, B = 156.

Ändern Sie dann die Füllfarbe in R = 114, G = 72, B = 51, und jetzt erstellen wir das Auge. Drücke das Ellipsen-Werkzeug (L) und zeichne einen kleinen Kreis. Um einen geraden Kreis zu erstellen, halten Sie beim Erstellen die Umschalttaste gedrückt.

Löschen Sie nun die Füllfarbe und setzen Sie die Strichfarbe auf R = 210, G = 132, B = 76. Nimm das Bogenwerkzeug (es ist unter dem Liniensegmentwerkzeug (/) versteckt) und zeichne einen Bogen als Augenbraue.

Wähle das Auge und die Augenbrauen mit dem Auswahlwerkzeug (V) aus, während du die Umschalttaste gedrückt hältst. Klicken Sie dann auf das Reflect Tool (O) und drücken Sie gleichzeitig die Eingabetaste, da Sie das Auge und die Augenbrauen reflektieren möchten. Ein neues Dialogfenster wird geöffnet. Geben Sie Achse vertikal, Winkel 90 Grad ein und drücken Sie Kopieren. Bewegen Sie das neue Auge und die neue Augenbraue nach rechts, während Sie die Umschalttaste gedrückt halten, damit sie perfekt ausgerichtet sind.

how to create the face how to create the face how to create the face

Schritt 2

Drücken Sie das Ellipsen-Werkzeug (L) und zeichnen Sie eine weiße Ellipse ohne Strich. Ich habe einen schwarzen Strich hinzugefügt, damit Sie ihn sehen können. Wenn Sie eine neuere Version von AI haben, sehen Sie in der Nähe der ausgewählten Ellipse einen Griff auf der rechten Seite. Verwenden Sie diesen Griff und bewegen Sie ihn gegen den Uhrzeigersinn, bis Sie die Hälfte der Ellipse erhalten. Wir werden es als Mund benutzen.

how to create the mouthhow to create the mouthhow to create the mouth

Schritt 3

Platzieren Sie den Mund in der richtigen Position auf dem Gesicht.

Nehmen Sie die Pipette (I) und klicken Sie auf das Gesicht. Sie haben gerade die gleiche Füllfarbe wie das Gesicht gewählt, weil Sie ein Ohr mit der gleichen Füllfarbe zeichnen möchten. Nehmen Sie das Ellipsen-Werkzeug (L) und zeichnen Sie das Ohr.

Drücken Sie danach auf das Rechteck-Werkzeug (M) und zeichnen Sie ein kleines Rechteck als Hals. Drehen Sie es ein wenig nach rechts.

how to create the neckhow to create the neckhow to create the neck

Schritt 4

Zeichnen Sie mit dem abgerundeten Rechteck-Werkzeug ein langes, dünnes, abgerundetes Rechteck über das Ohr des Mannes. Ändern Sie die Füllfarbe in R = 193, G = 120, B = 70.

Erstellen Sie ein weiteres langes, abgerundetes Rechteck hinter dem Kopf.

Fügen Sie danach mit dem Ellipsen-Werkzeug (L) eine lange horizontale Ellipse für den Rand hinzu.

Während Sie die gerade erstellte Ellipse ausgewählt lassen, gehen Sie zu Effekt > Warp > Flag. Geben Sie im neuen Dialogfenster die unten angezeigten Optionen ein und drücken Sie OK.

how to create the hair stylehow to create the hair stylehow to create the hair style

Schritt 5

Jetzt werden wir den Oberkörper des Mannes erschaffen. Zeichne mit dem Rechteck-Werkzeug (M) ein Rechteck unter seinen Hals. Stellen Sie die Füllfarbe auf R = 194, G = 209, B = 173 ein.

Nehmen Sie das Direktauswahl-Werkzeug (A), wählen Sie den unteren linken Ankerpunkt des neuen Rechtecks aus und verschieben Sie ihn mit der linken Pfeiltaste auf Ihrer Tastatur nach links.

Wenn Sie die Hülse mit derselben Füllfarbe erstellen möchten, klicken Sie im Bedienfeld Werkzeuge auf die Schaltfläche Füllung und Strich tauschen (Umschalt-X). Nehmen Sie dann das Liniensegment-Werkzeug (/) und aktivieren Sie im Strichbedienfeld (Fenster > Strich) die Option Runde Kappe. Erhöhen Sie das Strichgewicht auf dem Strichfeld, da es sehr dick sein muss. Zeichnen Sie danach eine Linie wie unten gezeigt.

Kehren Sie zum Strichbedienfeld zurück, deaktivieren Sie die Option Runde Kappe und zeichnen Sie eine neue Linie, um den linken Arm fertigzustellen.

Löschen Sie zum Schluss die Strichfarbe, setzen Sie die Füllfarbe auf Weiß und fügen Sie dem Pullover des Mannes zwei lange horizontale Rechtecke hinzu.

how to create the upper bodyhow to create the upper bodyhow to create the upper body

Schritt 6

Lassen Sie uns die Hand machen. Nehmen Sie mit der Pipette (I) die Füllfarbe aus dem Gesicht. Drücken Sie dann die Schaltfläche Füllung und Kontur tauschen (Umschalt-X), da Sie die Füllfarbe in die Konturfarbe umwandeln möchten.

Zeichnen Sie mit dem Ellipsen-Werkzeug (L) eine kleine Ellipse. Während Sie die Auswahl beibehalten, nehmen Sie das Scherenwerkzeug (C) und klicken Sie an den Stellen, die ich im Bild unten markiert habe, auf den Strich. Wenn Sie gerade die Oberseite der Ellipse abschneiden, sollten Sie sie abnehmen und löschen können. Sie brauchen nur den unteren Teil.

how to create the handhow to create the handhow to create the hand

Schritt 7

Legen Sie die Hand unter den Ärmel (Control-X, Control-B).

Klicken Sie dann auf die Hülse, um dieselbe Strichfarbe zu verwenden, und zeichnen Sie mit dem Liniensegment-Werkzeug (/) eine weitere Hülse. Dieser Arm wird in Zukunft eine Frau umarmen, die in seiner Nähe steht.

how to create the another armhow to create the another armhow to create the another arm

Schritt 8

Fügen wir mit dem Rechteck-Werkzeug (M) einen Riemen hinzu - die Füllfarbe ist R = 193, G = 120, B = 70. Beachten Sie, dass sich der Gurt hinter dem Pullover befindet.

Fügen Sie mit dem abgerundeten Rechteck-Werkzeug ein abgerundetes Rechteck (R = 250, G = 178, B = 91) hinter dem Gürtel hinzu.

Erstellen Sie ein langes vertikales Rechteck mit derselben orangefarbenen Füllfarbe.

Wählen Sie mit dem Direktauswahl-Werkzeug (A) den linken unteren Ankerpunkt aus und verschieben Sie ihn nach rechts. Wählen Sie dann den rechten unteren Ankerpunkt aus und verschieben Sie ihn nach links. So machen wir das Bein unten schmaler.

Um ein weiteres Bein zu erhalten, erstellen Sie eine Kopie dieses vorderen (Strg-C, Strg-F) und bewegen Sie es nach rechts. Die Hose ist fertig!

how to create the legshow to create the legshow to create the legs

Schritt 9

Fügen wir nun noch ein Detail zu seiner Hose hinzu. Zeichnen Sie unten links am Hosenbein ein gelbes Rechteck (R = 247, G = 200, B = 94). Bewegen Sie dann das gelbe Rechteck nach rechts, während Sie die Umschalt- und die Alt-Taste gedrückt halten. Mit der Alt-Taste wird eine Kopie für Sie erstellt, und mit der Umschalttaste wird sie perfekt ausgerichtet.

Fügen Sie ein Bein hinzu: Zeichnen Sie hinter der Hose ein neues Rechteck, das dieselbe Füllfarbe wie das Gesicht haben sollte.

Erstellen Sie ein neues Bein, während Sie die Umschalt- und die Alt-Taste zusammenhalten.

continue creating legscontinue creating legscontinue creating legs

Schritt 10

Die letzten Objekte, die wir für den Mann schaffen müssen, sind seine Schuhe. Zeichnen Sie ein braunes Rechteck (R = 193, G = 120, B = 70).

Verschieben Sie mit dem Direktauswahl-Werkzeug (A) die beiden oberen Ankerpunkte nach innen, sodass Sie ein Trapez erhalten.

Fügen Sie zwei winzige abgerundete Rechtecke hinzu (R = 155, G = 95, B = 55).

Erstellen Sie eine neue Kopie des Mundes, drehen Sie ihn um, ändern Sie seine Füllfarbe und platzieren Sie ihn wie unten gezeigt.

Fügen Sie zum Schluss ein dunkleres Rechteck (R = 155, G = 95, B = 55) für die Sohle hinzu. Gruppieren Sie den gesamten Schuh (Rechtsklick > Gruppieren).

how to create the shoehow to create the shoehow to create the shoe

Schritt 11

Übertragen Sie den Schuh auf das Bein des Mannes.

Erstellen Sie einen neuen Schuh und legen Sie ihn auf das andere Bein. Und der Mann ist bereit!

how to create the another shoehow to create the another shoehow to create the another shoe

2. Wie erstelle ich die asiatische Frau?

Schritt 1

Erstellen Sie eine Kopie des Gesichts des Mannes und ändern Sie seine Füllfarbe in R = 249, G = 208, B = 178. Erstellen Sie dann eine Kopie des Mundes des Mannes und legen Sie sie auf das Gesicht der Frau.

Fügen Sie zwei Ellipsen für die Ohren hinzu, die die gleiche Füllfarbe wie das Gesicht haben sollten. Zeichnen Sie als Hals ein Rechteck unter das Gesicht.

how to create the facehow to create the facehow to create the face

Schritt 2

Zeichnen Sie einen kleinen braunen Kreis (R = 114, G = 72, B = 51) für die erste Linse der Sonnenbrille (denken Sie beim Erstellen daran, die Umschalttaste gedrückt zu halten).

Erstellen Sie eine Kopie dieses Kreises, um die andere Linse der Sonnenbrille der Frau zu erhalten.

Verwandeln Sie diese braune Füllfarbe in die Strichfarbe (Umschalt-X) und zeichnen Sie mit dem Bogenwerkzeug die Brücke der Sonnenbrille zwischen den beiden Kreisen.

Erstellen Sie zwei weitere Bögen für die Tempel.

Zeichnen Sie mit demselben Werkzeug, jedoch mit einer dunkleren Strichfarbe (R = 91, G = 79, B = 74), zwei Augenbrauen.

how to create the glasseshow to create the glasseshow to create the glasses

Schritt 3

Jetzt geben wir ihr eine Frisur. Zeichnen Sie ein paar Ellipsen, um Pony für die Frau zu erzeugen.

Fügen Sie dann ein abgerundetes Rechteck hinter dem Kopf als Hinterhaar hinzu.

Stellen Sie sicher, dass das Eck-Widget aktiviert ist (Ansicht > Eck-Widget anzeigen). Wählen Sie nun mit dem Direktauswahl-Werkzeug (A) die beiden unteren Ankerpunkte des hinteren Haares aus und schieben Sie sie heraus. Sie sollten eine Form haben, die zwei glatte obere Ecken und zwei scharfe untere Ecken hat.

Während Sie das hintere Haar ausgewählt lassen (stellen Sie nur sicher, dass Sie es mit dem Auswahlwerkzeug (V) ausgewählt haben), gehen Sie zu Effekt > Warp > Fisch. Geben Sie im neuen Dialogfenster die unten angezeigten Optionen ein und drücken Sie OK.

how to create the hair stylehow to create the hair stylehow to create the hair style

Schritt 4

Fügen Sie ein weißes Rechteck hinzu, das ihre Spitze sein wird.

Fügen wir einen Ausschnitt unter dem Hals der Frau hinzu. Stellen Sie sicher, dass das Oberteil ausgewählt ist, nehmen Sie das Werkzeug Ankerpunkt hinzufügen (+) oder nur das Stiftwerkzeug (P) und klicken Sie unter den Hals der Frau, genau dort, wo es im Bild unten markiert ist. Fügen Sie drei Ankerpunkte nahe beieinander hinzu.

Nehmen Sie dann das Direktauswahl-Werkzeug (A) und bewegen Sie den mittleren Ankerpunkt nach unten. Sehen Sie jetzt den Ausschnitt?

Fügen Sie ein längeres Rechteck unter ihr Hemd ein, das der Körper sein wird.

Ändern Sie die Füllfarbe, die wir für Körper und Gesicht verwendet haben, und machen Sie sie zur Strichfarbe. Nehmen Sie das Liniensegment-Werkzeug (/) und stellen Sie sicher, dass Sie das Strichgewicht im Strichbedienfeld erhöht haben. Dann ziehe einen Arm.

Fügen Sie zum Schluss noch einen hinzu.

how to create the upper bodyhow to create the upper bodyhow to create the upper body

Schritt 5

Löschen Sie die Strichfarbe und setzen Sie die Füllfarbe auf R = 155, G = 95, B = 55. Zeichnen Sie ein abgerundetes Rechteck für den Rucksack hinter dem Körper der Frau, aber vor den Haaren.

Löschen Sie die Füllfarbe und setzen Sie die Strichfarbe auf R = 193, G = 120, B = 70. Zeichnen Sie zwei schmale Linien für die Rucksackgurte. Sie sollten vor allem bleiben.

Fügen Sie zum Schluss zwei weitere Rucksackgurte hinter dem Rucksack, aber vor den Haaren hinzu.

how to create the backpackhow to create the backpackhow to create the backpack

Schritt 6

Beginnen Sie zum Erstellen des Rocks mit einem roten horizontalen Rechteck (R = 242, G = 128, B = 109) für den Gürtel.

Fügen Sie dann ein größeres, vertikal ausgerichtetes rotes Rechteck hinzu.

Gehen Sie bei ausgewählter Option zu Effekt > Warp > Ausbuchtung und geben Sie die unten angezeigten Optionen ein.

how to create the skirthow to create the skirthow to create the skirt

Schritt 7

Um das Bein der Frau zu erstellen, werden wir einige verschiedene Formen erstellen. Kehren Sie zu dem Mann zurück, erstellen Sie eine Kopie eines Beines seiner Hose und strecken Sie es vertikal. Ändern Sie die Füllfarbe in R = 249, G = 208, B = 178.

Fügen Sie oben links im gestreckten Rechteck eine Ellipse hinzu.

Bewegen Sie mit dem Direktauswahl-Werkzeug (A) die Griffe und Ankerpunkte der Ellipse, um ein ähnliches Ergebnis wie das folgende zu erzielen.

Fügen Sie danach eine neue Ellipse unter der vorherigen hinzu. Gruppieren Sie das Bein (Rechtsklick > Gruppieren).

how to create the leghow to create the leghow to create the leg

Schritt 8

Legen Sie das Bein auf die linke Seite des Körpers der Frau.

Wie Sie sehen können, habe ich eine Kopie des Schuhs des Mannes erstellt, ihn ein wenig geändert und der Frau gegeben. Halten Sie ihren Schuh in Gelbtönen, aber tatsächlich müssen Sie nicht den genauen RGB-Nummern folgen.

Wähle das ganze Bein mit dem Schuh aus. Nimm das Reflexionswerkzeug (O) und klicke bei gedrückter Alt-Taste nahe an die rechte Seite des vorhandenen Beins. Geben Sie im neuen Dialogfenster Achse vertikal, Winkel 90 Grad ein und drücken Sie Kopieren. Die asiatische Frau ist bereit!

how to create another leghow to create another leghow to create another leg

3. Wie man die beiden Personen zusammenbringt

Stellen Sie sicher, dass jedes Zeichen separat gruppiert ist, damit Sie es leicht verschieben können. Jetzt können Sie sie zusammenstellen und sehen, ob alles gut aussieht. Wenn Sie die Positionen ihrer Arme ändern müssen, verwenden Sie das Direktauswahl-Werkzeug (A) und verschieben Sie einen Ankerpunkt des Arms, da jeder Arm eine Linie ist, und passen Sie die Position an, wie Sie möchten.

how to place together the boy and girl how to place together the boy and girl how to place together the boy and girl

4. Wie man die muslimische Frau erschafft

Schritt 1

Wie Sie bereits erraten können, können Sie eine Kopie des Gesichts der vorherigen Frau erstellen, die Hautfarbe ändern (R = 216, G = 158, B = 104), die Farben der Augen und Augenbrauen ändern (R = 91, G = 79, B = 74) und lassen die gleiche Mundfarbe. Machen Sie das neue Gesicht etwas kleiner, weil Sie bei muslimischen Frauen normalerweise nur das Gesicht ohne Haare sehen können.

Erstellen Sie ein neues rosa abgerundetes Rechteck (R = 252, G = 173, B = 162) hinter dem Gesicht.

Fügen Sie eine rosa vertikale Ellipse hinter dem abgerundeten Rechteck hinzu.

Fügen Sie zwei horizontale Ellipsen unter dem Kopf hinzu.

Löschen Sie die Füllfarbe und setzen Sie die Strichfarbe auf R = 242, G = 146, B = 136. Zeichnen Sie nun mit dem Bogenwerkzeug einige Bögen, wie im Bild unten gezeigt, um die Falten ihres Hijab zu erstellen.

how to create the face and headwearhow to create the face and headwearhow to create the face and headwear

Schritt 2

Erstellen Sie ein gelbes Rechteck (R = 247, G = 200, B = 94) hinter dem Kopf der Frau. Bewegen Sie den oberen rechten Ankerpunkt nach links, damit er von ihrem Hijab bedeckt wird. Ändern Sie die gelbe Füllfarbe in die Strichfarbe und zeichnen Sie eine dicke Linie als ihren rechten Arm.

Zeichnen Sie ihren anderen Arm, aber überprüfen Sie diesmal nicht die Schaltfläche für die runde Kappe im Strichbedienfeld. Ändern Sie die Strichfarbe in R = 216, G = 158, B = 104 und zeichnen Sie ihre Hand mit dem Bogenwerkzeug.

Verringern Sie das Gewicht des Strichs im Strichbedienfeld und ziehen Sie ihren Daumen.

how to create the upper bodyhow to create the upper bodyhow to create the upper body

Schritt 3

Auf zu den Beinen. Ein mintfarbenes Rechteck (dieselbe Füllfarbe wie der Pullover des Mannes) auf der linken Seite ist das linke Bein der Frau.

Machen Sie eine Kopie des Schuhs der vorherigen Frau, ändern Sie die Füllfarbe in einige Rottöne und platzieren Sie ihn dann hinter dem Hosenbein.

Wählen Sie das gesamte Bein mit dem Schuh aus, halten Sie die Umschalt- und Alt-Taste zusammen und bewegen Sie es nach rechts. Die muslimische Frau ist fertig!

how to create legshow to create legshow to create legs

5. Bringen Sie die Gruppe der Freunde zusammen

Platziere den neuen Charakter neben den beiden Freunden, die wir bereits erstellt haben. Stellen Sie sicher, dass der rechte Arm der muslimischen Frau vor den Haaren der asiatischen Frau, aber hinter ihrem Körper liegt.

Wählen Sie den Daumen der muslimischen Frau, damit die Strichfarbe im Gedächtnis bleibt. Zeichnen Sie dann mit dem Liniensegment-Werkzeug (/) ihre Finger auf den Rucksack der anderen Frau. Jetzt umarmen sich alle.

placing three people together placing three people together placing three people together

6. Wie man den Hintergrund und die Landschaft erstellt

Schritt 1

Löschen Sie die Strichfarbe und setzen Sie die Füllfarbe auf R = 254, G = 244, B = 232. Nimm das Rechteck-Werkzeug (M) und klicke auf deine Zeichenfläche. Geben Sie im neuen Dialogfenster 850 px Breite und Höhe ein. Dies wird unser Hintergrund sein.

Schneiden Sie den Hintergrund ab (Control-X) und platzieren Sie ihn hinter allem, was Sie bisher erstellt haben (Control-B). Stellen Sie sicher, dass Ihr Hintergrund in der Mitte Ihrer Zeichenfläche bleibt.

how to create the backgroundhow to create the backgroundhow to create the background

Schritt 2

Verwenden Sie eine etwas dunklere Füllfarbe und zeichnen Sie ein Rechteck unter die Freunde, das den Boden darstellt.

how to create the place they are standing onhow to create the place they are standing onhow to create the place they are standing on

Schritt 3

Schnappen Sie das Sternwerkzeug und erschaffen Sie einen riesigen Stern hinter den Freunden. Unsere Arbeit ist fertig!

how to create the background starhow to create the background starhow to create the background star

Abschluss

Was für ein Bild! Ich hoffe, Sie haben etwas Neues gelernt und hatten Spaß beim Erstellen. Ich weiß es zu schätzen, dass Sie dieses Tutorial mit mir durchgearbeitet haben. Fühlen Sie sich frei, Ihre Ergebnisse unten zu veröffentlichen.

Bis zum nächsten Mal!

finalfinalfinal
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads