Im Grundlagen-Bereich haben wir die drei grundlegenden 2D-Formen gelernt: den Kreis, das Quadrat/Rechteck und das Dreieck. Jetzt ist es Zeit, dieses Wissen in die Praxis umzusetzen.
Wir werden ein einfaches Charaktergesicht nur mit diesen Formen erstellen. Das Ergebnis wird ein sauberer, stilisierter Charakter sein, perfekt für 2D-Spiele. Los geht’s!
Was du brauchst
- Adobe Photoshop (beliebige aktuelle Version)
- Verständnis der Grundformen
- 30 Minuten konzentrierte Zeit
Schritt 1: Zeichne einen Kreis
Öffne eine neue Datei in Photoshop. Die Dateigröße sollte doppelt so groß sein wie die gewünschte In-Game-Grafik — meine Bildgröße ist 256 × 256 Pixel.
Lass den Hintergrund weiß und füge eine neue Ebene darüber hinzu. Zeichne mit dem Ellipse-Werkzeug einen Kreis in der Mitte des Bildes. Halte dabei Shift gedrückt, um einen perfekten Kreis zu erstellen.
Dieser Kreis wird der Kopf deines Charakters. Denk daran: Der Kreis ist eine unserer Grundformen und repräsentiert Ganzheit und Zugänglichkeit.
Schritt 2: Augen sind Kreise
Füge einen weiteren kleineren Punkt in der gleichen Farbe hinzu, und einen noch kleineren weißen auf einer neuen Ebene.
Ändere die Farbe zu Schwarz und füge die Iris hinzu. Dann ändere die Farbe zu Weiß und füge ein Highlight hinzu.
Der Schlüssel hier ist das Schichten: Jedes Element sollte auf einer eigenen Ebene sein, damit du es später anpassen kannst. Das Highlight gibt dem Auge Leben und lässt deinen Charakter lebendiger wirken.
Schritt 3: Gruppieren und Duplizieren
Gruppiere alle Ebenen aus dem vorherigen Schritt. Das hält dein Projekt organisiert und macht es einfach, das Auge als Einheit zu manipulieren.
Dupliziere die Gruppe und verwende das Transformieren-Werkzeug (Strg/Cmd + T), um es zu spiegeln und auf der anderen Seite des Gesichts zu positionieren.
Profi-Tipp: Halte Shift während der Transformation, um die Proportionen beizubehalten, und nutze Hilfslinien, um sicherzustellen, dass beide Augen symmetrisch platziert sind.
Schritt 4: Zeichne eine Dreieck-Nase
Zeichne mit dem Polygon-Werkzeug ein weißes Dreieck in der Mitte des großen Kreises. Um ein Dreieck zu zeichnen, musst du das Polygon-Werkzeug im oberen Menü auf 3 Seiten einstellen.
Verwende eine neue Ebene für die Nase. Positioniere sie zwischen und leicht unter den Augen.
Das Dreieck fügt dem Gesicht deines Charakters ein Gefühl von Richtung hinzu. Richte es nach unten, um eine natürliche Nasenform zu erstellen.
Schritt 5: Zeichne einen Dreieck-Mund
Zeichne ein weiteres Dreieck mit dem Polygon-Werkzeug und passe es mit dem Transformieren-Werkzeug an, damit es wie ein Mund aussieht.
Du kannst das Dreieck drehen und skalieren, um verschiedene Ausdrücke zu erzeugen. Ein nach unten zeigendes Dreieck erzeugt einen Schmollmund, nach oben deutet auf ein Lächeln oder einen offenen Mund hin.
Experimentiere mit der Form, um deinem Charakter Persönlichkeit zu geben!
Schritt 6: Zeichne Rechteck-Augenbrauen
Für die Augenbrauen verwende das Rechteck-Werkzeug. Passe Größe und Position mit dem Transformieren-Werkzeug an.
Augenbrauen sind entscheidend für den Ausdruck. Nach innen geneigt = wütend. Nach oben gewölbt = überrascht. Gerade = neutral.
Das Rechteck — das für Stabilität und Ordnung steht — erzeugt einen starken, definierten Look für die Augenbrauen.
Schritt 7: Vollende deinen Charakter
Im letzten Schritt dupliziere die linke Augenbraue und verwende das Transformieren-Werkzeug, um sie auf der anderen Seite zu positionieren.
Speichere die .psd-Datei für spätere Anpassungen. Dann schalte die Hintergrundebene aus und speichere als .png, um ein Bild mit Transparenz (Alpha-Kanal) zu erhalten.
Herzlichen Glückwunsch! Du hast deinen ersten Spielcharakter nur mit Grundformen erstellt: Kreise, Dreiecke und Rechtecke.
Was du gelernt hast
- Wie man Grundformen verwendet, um Charaktergesichter zu konstruieren
- Ordnungsgemäße Ebenenorganisation in Photoshop
- Export von spielfertigen Assets mit Transparenz
- Wie die Formenwahl den Charakterausdruck beeinflusst