Zum Inhalt springen

Sprite-Umriss-Generator

Leg in einem Schritt einen sauberen Umriss um ein Sprite: ein Pixel oder dicker, in jeder Farbe, ohne dass etwas unscharf wird. Deine Bilder verlassen nie dein Gerät.

Wird auf deinem Gerät erstellt. Deine Bilder werden nie hochgeladen.

  • Nie hochgeladen
  • Pixelgenau
  • Viele Bilder auf einmal

So funktioniert es

So gibst du einem Sprite einen Umriss

  1. Schritt 1: Sprite hinzufügen

    Wähle ein Sprite mit transparentem Hintergrund aus, zieh es hierher oder füge es ein. Ein ganzer Ordner geht auch.

  2. Schritt 2: Umriss wählen

    Stell Stärke und Farbe ein, abgerundete oder eckige Ecken, außerhalb der Zeichnung oder innerhalb.

  3. Schritt 3: PNG herunterladen

    Speichere ein Sprite oder alle Sprites des Stapels mit demselben Umriss als ZIP.

Sprite-Umriss

Der Umriss, den du von Hand zeichnen würdest

  • Nur ganze Pixel

    Der Umriss besteht aus deckenden Pixeln in einer Farbe, ohne Unschärfe und ohne weiche Kante.

  • Abgerundet oder eckig

    Der klassische Umriss, der diagonale Ecken offen lässt, oder der schwerere, der sie schließt.

  • Platz dafür geschaffen

    Die Leinwand wächst um die Stärke des Umrisses, sodass ein Sprite, das den Rand berührt, nicht abgeschnitten wird.

  • Jede Farbe

    Schwarz, Weiß, ein dunkler Ton aus deiner Palette oder jede Farbe, die du wählst.

Im Detail

Umrisse in der Pixel-Art

Wie der Umriss entsteht

Jedes leere Pixel, das die Zeichnung berührt, bekommt die Umrissfarbe. Bei abgerundeten Ecken zählen nur die Pixel direkt über, unter und neben der Zeichnung; die diagonalen Ecken bleiben offen: der Umriss, den Pixel-Artists von Hand zeichnen. Eckige Ecken zählen auch die Diagonalen.

Der Umriss besteht aus ganzen, deckenden Pixeln. Eine weiche Kante oder ein schwaches Leuchten, das schon im Bild ist, bleibt erhalten und liegt über dem Umriss; so bekommt auch geglättete Grafik einen sauberen Umriss.

Einen Umriss wählen

  • Stärke: 1 Pixel für Sprites bis etwa 64 Pixel; 2 oder mehr für größere Grafik oder einen Sticker-Look.
  • Farbe: Schwarz ist auf jedem Hintergrund lesbar. Ein dunkler Ton aus der eigenen Palette des Sprites wirkt weicher und bewusster.
  • Innen: färbt die äußeren Pixel der Zeichnung selbst um, sodass das Sprite seine Größe behält. Nimm das, wenn sich die Größe nicht ändern darf, etwa in einem Tileset oder einem festen Spritesheet.
  • Platz für den Umriss schaffen: vergrößert das Bild an jeder Seite um die Stärke. Schalte es aus, um die Größe zu behalten; ein Sprite, das den Rand berührt, wird dort dann abgeschnitten.

Wo ein Umriss hilft

Ein Umriss hebt ein Sprite von einem unruhigen Hintergrund ab. Das zählt am meisten bei dem, was Spieler nicht aus den Augen verlieren dürfen: der Figur, Sammelobjekten, Gegnern.

Er ist auch die übliche Art zu zeigen, dass etwas ausgewählt ist oder benutzt werden kann: Das Sprite wird mit einem hellen Umriss gezeichnet, solange der Zeiger darüber ist. Erstelle die Kopie mit Umriss hier und wechsle im Spiel zwischen beiden.

Sprite-Umriss

Häufige Fragen

Werden meine Bilder irgendwohin hochgeladen?

Nein. Alles läuft in deinem Browser, auf deinem eigenen Gerät. Deine Bilder werden nie an Moriqa oder sonst jemanden gesendet, und nach dem Schließen der Seite bleibt nichts gespeichert.

Wie gebe ich einem Sprite einen Umriss?

Füge das Sprite hinzu, stell Stärke und Farbe ein und lade das PNG herunter. Der Hintergrund muss transparent sein, damit das Werkzeug die Form des Sprites erkennt.

Warum ist mein Bild größer geworden?

Der Umriss braucht Platz. Ist Platz für den Umriss schaffen eingeschaltet, wächst das Bild an jeder Seite um die Stärke des Umrisses, damit nichts abgeschnitten wird.

Kann ich ein ganzes Spritesheet umranden?

Ja, solange zwischen den Frames leerer Raum ist. Schalte Platz für den Umriss schaffen aus, damit die Frames an ihrem Platz bleiben, oder nimm Innen.

Mein Bild hat keinen transparenten Hintergrund. Geht das trotzdem?

So nicht: Der Umriss würde um das ganze Bild laufen. Entferne zuerst den Hintergrund mit Hintergrund entfernen und füge dann den Umriss hinzu.

Kann ich viele Sprites auf einmal umranden?

Ja. Füge so viele hinzu, wie du magst; alle bekommen denselben Umriss und lassen sich zusammen als ZIP herunterladen.

Willst du den Umriss selbst zeichnen?

Öffne den Pixel-Art-Editor von Moriqa, um Sprites Pixel für Pixel zu zeichnen und zu bereinigen, kostenlos in deinem Browser.