Sumi Hintergründe

Sumi Hintergründe ist ein Set aus 7 Hintergrund- und Overlay-Teile im Cel-Shading-Stil, bei dem eine dicke Tuschekontur zwei flache Töne umschließt, die ein harter diagonaler Terminator trennt. Es enthält einen Vollbild-Menühintergrund, eine nahtlose Musterkachel, ein Abdunkelungs-Overlay für Modals, ein Titelbanner, einen Abschnittstrenner sowie Schiene und Füllung eines Ladebalkens.

Das ist das Teil, das die meisten kostenlosen UI-Kits ganz weglassen. Ein Kit, das dir Panels und Buttons gibt, aber nichts, worauf du sie legst, hört beim ersten Bildschirm auf, nützlich zu sein — und der Hintergrund ist das eine, was du nicht mit einer flachen Farbe vortäuschen kannst, ohne dass das ganze Menü unfertig aussieht.

Der Schatten ist eine einzige hartkantige Form ohne Abfall — die definierende Eigenschaft von Cel Shading und das, was ein Verlauf nie nachahmen kann. Die Kontur nutzt den dunkelsten Ton der Palette statt des Randtons, sonst liest sie sich als dicker grauer Rahmen statt als Tusche.

In diesem Stil ist das die Sumi-Lesart: eine dunkle Oberfläche auf einer Kohlelasur-Palette mit Siegelrot-Akzenten, aufgebaut um zwei konzentrische Rahmen, tabförmige Buttons bei 120x48, glänzende Balken in 9 Segmente geteilt und konturierte Icons auf einem 32px-Raster. Diese Maße sind der Grund, warum zwei Familien einen Kunststil teilen können, ohne austauschbar zu sein: Der Stil entscheidet, wie eine Kante gezeichnet wird, die Zahlen entscheiden, wofür die Oberfläche da ist.

Der Hintergrund ist die Stelle, an der ein Kunststil den meisten Platz hat, sich zu zeigen, also ist er in jedem anders gezeichnet: Dither-Bänder, ein triangulierter Mosaik, schraffiertes Papier, ein isometrisches Raster, ein hartkantiger Horizont. Er kommt in 640x360 und exportiert in 4x nach 2560x1440, was 1080p bei gehaltenem Seitenverhältnis abdeckt, er dehnt sich also mit einem einzigen Cover-Fit auf jede Auflösung. Die Musterkachel schließt jedes Motiv innerhalb der eigenen Grenzen, beim Kacheln zeigt sich also keine Naht.

Jedes Sprite kommt als bearbeitbares SVG und als transparentes PNG in 1x, 2x und 4x, du kannst die PNGs also direkt in eine Engine ziehen oder den Vektor öffnen und eine Farbe ändern. Auf dieselben Maße gezeichnet wie der Rest der Sumi-Familie, dieses Kit und das Sumi-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu Cel-Shading- und Toon-gerenderten Spielen.

Creative Commons Namensnennung 4.0 — Kostenlos für kommerzielle Nutzung. Namensnennung erforderlich. Vollständige Bedingungen · Was das in der Praxis heißt