UI-Packs

Sumi Levelauswahl

12 Levelauswahl- und Weltkartenteile (Cel-Shading) für dunkle Oberflächen — Palette Kohlelasur, Akzent Siegelrot. SVG und transparentes PNG in 1x/2x/4x.

  • ui
  • svg
  • transparentes png
  • Levelauswahl
  • Weltkarte
  • Level
  • Fortschritt
  • Kampagne
  • Celshading
  • Cel-Shading
  • Cel Shading
  • Tusche
  • dunkle UI
  • Action
Blatt mit 12 Levelauswahl- und Weltkartenteile (Cel-Shading) aus der Familie Sumi, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×973 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Sumi Levelauswahl ist ein Set aus 12 Levelauswahl- und Weltkartenteile im Cel-Shading-Stil, bei dem eine dicke Tuschekontur zwei flache Töne umschließt, die ein harter diagonaler Terminator trennt. Enthalten sind vier Zustände des Levelknotens, ein gerader und ein gebogener Weg, jeweils gesperrt und offen, ein Regionsschild, eine Nebelkante, eine Zoomsteuerung und ein Legendenkasten.

Eine Levelauswahl-Karte besteht aus zwei Dingen: Knoten und den Linien dazwischen. Die Linien sind genau das, was jedes kostenlose Set weglässt. In der Engine gezeichnet fällt die Karte auseinander: Eine per Code gezogene Linie passt nicht zum Stil, und ein Weg, der in einem Stil gerade und im nächsten von Hand gewackelt ist, kann kein Rechteck sein.

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.

Die Wege kommen in derselben Zeichensprache wie die Knoten, gerade und gebogen, jeweils in einer gesperrten und einer offenen Lesart. Gesperrt ist gestrichelt und dünn, offen ist durchgezogen und voll — dadurch wird der Fortschritt auf einer Karte auch an den Verbindungen sichtbar und nicht nur an den Knoten. Die vier Knotenzustände unterscheiden sich durch Struktur: Gesperrt ist durchgehend schraffiert, verfügbar trägt einen einzelnen Punkt in der Mitte, geschafft ist voll gefüllt, und perfekt setzt dem gefüllten Knoten vier Eckwinkel auf. Die Nebelkante ist ein gestuftes Band statt eines weichen Verlaufs, denn ein Weichzeichner rastert in jeder Engine anders, und eine Kartenkante ist genau die Stelle, an der das auffällt.

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.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen85 kB

Komplettes Set — SVG-Quellen, PNG-Exporte in 1x/2x/4x, Lizenz und Readme

Dateien in diesem Pack
DateiFormatGrößeDownload
Komplettes Set — SVG-Quellen, PNG-Exporte in 1x/2x/4x, Lizenz und ReadmeZIP85 kB Holen →
Levelknoten, gesperrt, editierbares SVGSVG1.9 kB Holen →

So wird es benutzt

  1. Setzen Sie die Knoten auf Ihr eigenes Raster und legen Sie die Wegstücke dazwischen; die Wege sind auf den im Datenkasten genannten Knotenabstand gezeichnet und stoßen überlappungsfrei an die Knotenkante.
  2. Tauschen Sie beim Freischalten den gesperrten Weg gegen sein offenes Gegenstück, statt ihn umzufärben. Das Signal ist das Strichmuster.
  3. Setzen Sie die Nebelkante an die Grenze des erkundeten Gebiets und lassen Sie sie in den unerkundeten Teil ragen; das gestufte Band ist zum waagerechten Kacheln gezeichnet.
  4. Regionsschild und Legendenkasten teilen die Eckbehandlung mit dem Panel-Kit dieser Familie, damit Kartenbildschirm und Menübildschirm nicht nach zwei Spielen aussehen.

Lizenz

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

Namensnennung zum Kopieren
"Sumi Levelauswahl" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sumi-level-select