Anleitung: Schatten-Generator
- Lege ein Sprite ab.
- Wähle Schlagschatten (versetzte Kopie hinter dem Sprite) oder Bodenschatten (abgeflachte Silhouette auf dem Boden).
- Passe Versatz bzw. Stauchung und Neigung an, dann Farbe und Deckkraft.
- Prüfe das Ergebnis auf grünem, dunklem und hellem Vorschau-Hintergrund.
- Lade das PNG herunter.
Was du bekommst
- PNG mit eingebackenem Schatten und passender Leinwand
- Halbtransparenter Schatten mit einem einzigen Alpha-Wert (keine Überlagerung)
Tipps aus der Spieleentwicklung damit
- Beim Bodenschatten entspricht die Neigung der Sonnenrichtung: positiv neigt nach rechts, negativ nach links. Halte sie für alle Sprites einer Szene gleich.
- Ein farbiger Schatten (dunkles Lila oder Blau) wirkt auf Gras oder Sand meist besser als Schwarz.
- Wenn deine Engine Schatten selbst zeichnet, exportiere sie separat: Setze die Deckkraft einer Kopie auf 100 % und nutze sie als Maske.
- Ausdehnung vergrößert den Schlagschatten um ganze Pixel – das wirkt weich, ohne Unschärfe hinzuzufügen.
Anwendungsfälle
- UI-Icons und Buttons einen Pixel-Schlagschatten geben
- Figuren und Props in Top-down- und Seitenansicht-Szenen auf dem Boden verankern
- Titeltext vor unruhigem Hintergrund hervorheben
- Standbilder für Store-Seiten und Trailer
FAQ
Was ist der Unterschied zwischen Schlag- und Bodenschatten?
Ein Schlagschatten ist die um einen Versatz verschobene Silhouette des Sprites, als würde es über dem Hintergrund schweben. Ein Bodenschatten wird gespiegelt, abgeflacht und unter den Füßen des Sprites geneigt, als käme das Licht von der Seite.
Sind die Schatten weichgezeichnet?
Nein. Die Kanten bleiben hart. Die Option Ausdehnung vergrößert die Silhouette um ganze Pixel, statt sie weichzuzeichnen.
Warum ist der Schatten halbtransparent?
Damit der Boden durchscheint. Jedes Schattenpixel bekommt denselben Alpha-Wert, überlappende Teile werden also nicht dunkler.
Wo beginnt der Bodenschatten?
In der untersten deckenden Zeile des Sprites, normalerweise bei den Füßen. Nutze die Einstellung Abstand, wenn unter dem Sprite leerer Platz ist.
Wird mein Bild hochgeladen?
Nein. Alles läuft in deinem Browser.