tobisnotizblog.de

Pixelart - Farbe, Licht und Schatten

2019-05-01 13:50:00

Im letzten Artikel über Pixelart habe ich euch kurz und knapp vorgestellt was Pixelart ist, wer das braucht und wie das schmeckt. Ausserdem hatte ich die fixe Idee eine Art Anleitung zu machen, wie man so ein Pixelart erstellen kann. Im letzten Teil wurde das Lineart fertiggestellt. Nun setze ich genau dort an und streußel mal ein bisschen Farbe hinein.

lineart3lineart9

Letzter Stand im vorigen Artikel war dieses Lineart mit einer Auflösung von 32x32 Pixeln.

lineart3

Schritt Nr. 1 - Grundfarben

Als erstes gebe ich dem Bild seine Grundfarben. Da es sich bei dem Motiv um einen Strauch handelt, fällt die Wahl auf Grün. Für jede Farbe lege ich einen eigenen Layer an, so kann ich sie päter bei Bedarf schneller austauschen.

Lineart mit Grundfarben

Schritt Nr. 2 - Schatten setzen

Als nächstes werden erste Beleuchtungseffekte gesetzt. Bevor man irgendwo Schatten oder Glanzlichter einzeichnet, sollte man die Position, Farben und Richtungen der Lichtquelle(n) im Bild als Skizze festhalten. Für die ersten Schatten habe ich mir die Grundfarbe genommen, diese ein wenig abgedunkelt und die Schatten eingezeichnet. Um dem Objekt noch mehr Tiefe zu geben habe ich das ganze mehrfach mit unterschiedlichen Schattierungen wiederholt. Die Lichtquelle habe ich mir in der linken Ecke vorgestellt.

lineart5lineart6

Schritt Nr. 3 - Glanzlichter

Nun folgt der selbe Spaß noch einmal in dem die Stellen heller hervorgehoben werden, welche der Lichtquelle am nähesten sind. Als Ausgangsfarbe habe ich wieder die Grundfarbe genommen und diese aufgehellt.

lineart7

Schritt Nr. 4 - Konturen nacharbeiten

So langsam wirds doch. :)
Nun werden die schwarzen Konturen überarbeitet. Auch hierfür habe ich wieder zusätzliche Layer verwendet um bei Bedarf auf die Originalkonturen zurückgreifen zu können. Bei den Konturen habe ich mich bei der Nacharbeitung an der Beleuchtung orientiert. Das Schwarz wurde zunächst durch ein dunkles Grün ersetzt und hier und da, je nach Lichteinfall, aufgehellt. Lediglich im Zentrum habe ich die Konturen nicht aufgehellt da diese sonst nicht mehr zu erkennen gewesen wären.

lineart8

Schritt Nr. 5 - Der letzte Schliff

Um das Motiv noch etwas in Szene zu setzen habe ich am unteren Ende der Pflanze und auf der rechten Seite einen Schatten eingefügt. Für diesen habe ich ein transparentes Schwarz genommen. Zusätzlich habe ich noch eine Wiese oder Grünfläche als Hintergrund eingefügt.

lineart9

Fertig! Für dieses Pixelart habe ich zum ersten Mal eine Skizze verwendet. Alle anderen Versuche aus dem Nichts heraus etwas zu Pixeln sahen eher nicht so gut aus. Dafür fehlt mir dann doch noch etwas Übung. Für dieses Motiv habe ich etwas mehr als eine Stunde benötigt.

Bis bald. :)