Pixel Art lernen
Kurze, praktische Lektionen mit meinen eigenen Beispielen. Die meisten haben einen interaktiven Trainer: Du zeichnest direkt im Browser, Schritt für Schritt. Kostenlos.
Hier anfangen
Wie du Pixel Art lernst: ein FahrplanDie Reihenfolge, in der ich Pixel Art unterrichte, vom Einfachen zum Komplexen, mit einer kostenlosen Lektion für jeden Schritt.
Die 3 Regeln der Pixel ArtWas macht Pixel Art zu Pixel Art? Drei einfache Regeln und eine kurze Checkliste.
SPECC: Pixel Art planen, bevor du zeichnestGröße (Size), Perspektive, Farbe und Licht (Color), Komposition: die vier Entscheidungen vor dem ersten Pixel, mit Checkliste.
Wie lange dauert es, Pixel Art zu lernen?Stunden und Monate für kleine und große Pixel Art, und welche Fähigkeiten du jeweils brauchst.
Pixel-Art-Begriffe und häufige FehlerDoubles, Jaggies, Banding, Pillow Shading, Sel-out und mehr, einfach erklärt, mit der Lösung für jeden Fehler.
Grundlagen
Pixel Art Linien und Kurven (interaktiv)Mein Arbeitsblatt zu Linien in deinem Browser: gerade Linien in sauberen Verhältnissen, dann Kurven ohne Doppelpixel und Zacken.
Pixel Art Kreise, Quadrate und Dreiecke (interaktiv)Mein Arbeitsblatt zu Formen in deinem Browser, 4 bis 32 Pixel, und die Regeln für einen runden Kreis in jeder Größe.
So machst du eine Pixel Art FarbpaletteBau eine Palette aus einer Farbe: Grundton, Schatten, Licht und Zwischentöne nur dort, wo du sie brauchst.
Schattierung und Licht in Pixel Art (interaktiv)Schattiere eine Kugel in deinem Browser und sieh dann dieselben Lichtregeln an Würfel, Zylinder, Pyramide und Kegel.
Einen Apfel in Pixel Art zeichnen (interaktiv)Zeichne meinen Apfel direkt im Browser, Schritt für Schritt. Sieh mir bei jedem Schritt zu und probier es dann selbst.
Natur
- Feuer in Pixel Art zeichnen (interaktiv)Zeichne in vier Schritten ein Lagerfeuer im Browser und lerne, warum Feuer unten hell und an den Rändern dunkel ist.
Zeichne einen Pixel Art Feuerball (interaktiv)Zeichne den Feuerball eines Raketenwerfers in deinem Browser und lerne, warum seine Vorderseite der heißeste Teil ist.
Wasser in Pixel Art zeichnen (interaktiv)Mal ein Wasser-Tile für RPGs und Top-Down-Spiele: Wellen, drei Stufen Schattierung, Glanzlichter.
Zeichne Pixel Art Wolken (interaktiv)Zeichne eine Wolke in vier Schritten und sieh, warum jede Wolke einfach eine Gruppe von Kugeln ist.
Zeichne Boden für einen Platformer (interaktiv)Zeichne in vier Schritten einen Bodenblock für ein Spiel in der Seitenansicht und füge dann Gras hinzu.
Zeichne Pixel Art Felsen (interaktiv)Zeichne eine Gruppe von Steinen mit Moos und lerne, wohin Licht und Schatten auf einem Felsen gehören.
Zeichne einen Pixel Art Busch (interaktiv)Mal einen detaillierten Busch über fertige Konturen: Farbe, Schattierung, Licht auf jedem Blatt, Äste.
Zeichne einen Pixel Art Baum (interaktiv)Setz einen Stamm unter den Busch: Kontur, weicher Schatten, spiralförmige Rindentextur und Gras an den Wurzeln.
Materialien
Eine Metallplatte in Pixel Art zeichnen (interaktiv)Zeichne eine glänzende Stahlplatte mit Fasen, Reflexionen, Bolzen und Prägung. Ein Sprite, vier Platten.
Zeichne eine Pixel Art Ziegelmauer (interaktiv)Leg eine Mauer aus Betonziegeln an, füge Kanten mit Licht und Schatten hinzu und färbe sie dann in Sand um.
Einen Holzboden in Pixel Art zeichnen (interaktiv)Zeichne einen Holzboden: Dielen, Fugen, Licht, Schatten und Maserung.
Zeichne Pixel Art Rohre (interaktiv)Ein 5 Pixel breiter Zylinder mit Licht von oben links, dann ein Winkel, eine Abzweigung und eine Muffe: vier Teile für jede Anordnung.
Zeichne Pixel Art Glas (interaktiv)Getöntes Glas in Abstufungen einer Farbe, klares Glas durch einen Lichtreflex gezeigt. Eine Glastür und ein Schaufenster.
Pixel Art Tiles, Tilesets und Tilemaps (interaktiv)Zeichne Schritt für Schritt mein Pflaster-Tileset aus 9 Teilen und sieh dann zwei Tilemaps aus denselben Tiles.
Figuren
Perspektive und Isometrie
Perspektive in Pixel Art: welche du nehmen solltestIsometrisch 2:1, schräg 1:1 und wann Ein- oder Zweipunktperspektive passt, mit einer Hilfe zur Wahl.
Isometrische Pixel Art für Anfänger (interaktiv)Lerne die isometrische 2:1 Linie und zeichne dann Schritt für Schritt eine isometrische Klimaanlage.
Zeichne einen isometrischen Getränkeautomaten (interaktiv)Eine isometrische Kiste mit Glasfront, leuchtenden Kanten und Reihen von Getränkedosen.
Isometrie-Challenge: Balkon, Dachfenster, Markise (interaktiv)Zeichne einen Balkon um meinen isometrischen Gebäudeblock, dann ein Dachfenster und eine Markise auf demselben Block.
Isometrische Animation: ein Lauftext-Schild (interaktiv)Beweg ein Schild Frame für Frame entlang der isometrischen Linie, mit Select und Move wie in Aseprite.
Spielszenen
Komposition in Pixel Art: Geschichte, Stimmung, Fokus und BalanceVier Fragen für jede Spielszene, beantwortet an meinen Mockups in Ego-Perspektive, RPG, Platformer und Isometrie.
Pixel Art Spiel-UI: ein Menü mit einer GeschichteEin Shop, eine Nachricht und ein Steuerungsbildschirm in einem Bild, Item-Icons und Regeln für gut lesbare Pixel-UI.
Animation
Rauch in Pixel Art animieren (interaktiv)Deine erste Animation: ein Rauchwölkchen in 10 Frames, mit Onion Skin und Wiedergabe.
Pixel Art Laufzyklus (interaktiv)Lass den Weisen in vier Frames laufen: Schritte, Kopfnicken und schwingende Arme, mit Onion Skin und Abspielen.
Pixel Art Laufzyklus in der Seitenansicht (interaktiv)Vier Frames von der Seite: die Beine, dann der Rücken, der Kopf und ein Gewand, das ein wenig schwingt.
Antizipation, Smearing und Easing (interaktiv)Animiere den Weisen beim Zaubern: ein Ducken, Luftwellen, schnellere Frames und schwingende Ärmel.
Sub-Pixel-Animation (interaktiv)Mach Bewegung weicher mit Spuren aus Nachbarfarben: der Weise atmet, Frame für Frame.
Parallax in Pixel Art, erklärtWarum entfernte Dinge langsamer wirken und wie Ebenen, die sich 1 bis 4 Pixel pro Frame bewegen, Parallax-Scrolling ergeben.