UI-Packs

Sumi Gruppen-UI

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

  • ui
  • svg
  • transparentes png
  • Gruppe
  • Aufstellung
  • Trupp
  • Zugreihenfolge
  • Aufstellung
  • Celshading
  • Cel-Shading
  • Cel Shading
  • Tusche
  • dunkle UI
  • Action
Blatt mit 13 Gruppen- und Aufstellungselemente (Cel-Shading) aus der Familie Sumi, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×707 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Sumi Gruppen-UI ist ein Set aus 13 Gruppen- und Aufstellungselemente im Cel-Shading-Stil, bei dem eine dicke Tuschekontur zwei flache Töne umschließt, die ein harter diagonaler Terminator trennt. Enthalten sind sechs Zustände der Gruppenmitglied-Karte, ein leeres, ein belegtes und ein gesperrtes Aufstellungsfeld, ein Formationsraster mit drei Reihen, ein Zugreihenfolge-Streifen, eine Einladungszeile und ein Paar Tauschpfeile.

Ein HUD zeichnet eine Figur. Ein Gruppenbildschirm zeichnet vier auf einmal, und das ist ein anderes Problem: Bei vier Karten nebeneinander müssen sich im selben Blick ablesen lassen, wer am Zug ist, wer führt und wer am Boden liegt — während die Farbe, die das sonst tragen würde, längst von den Figuren selbst belegt ist.

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.

Jeder Gruppenzustand ist eine Marke an einer anderen Stelle der Karte, deshalb können zwei Zustände zugleich gelten, ohne dass einer verloren geht: Anführer ist ein Eckkeil oben links, Zug ist ein Balken an der linken Kante, bereit ist ein Keil unten rechts, anvisiert ist eine Klammer um die ganze Karte und kampfunfähig eine Schraffur darüber. Keine davon berührt die Porträtmulde, denn das Porträt gehört zu Ihrer Grafik, nicht zum Kit. Das Formationsraster markiert seine vordere Reihe mit dem Akzent, damit ein Aufstellungsbildschirm ohne Beschriftung lesbar ist.

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 herunterladen158 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 ReadmeZIP158 kB Holen →
Gruppenmitglied-Karte, ruhend, editierbares SVGSVG1.9 kB Holen →

So wird es benutzt

  1. Halten Sie die Porträtmulde für Ihre eigene Charaktergrafik frei; jede Zustandsmarke liegt außerhalb, damit nichts ein Gesicht überdeckt.
  2. Kombinieren Sie die Zustandsmarken, statt sich für eine zu entscheiden. Eine Anführerin, die zugleich kampfunfähig ist, trägt beide — sie sind so gezeichnet, dass sie sich nicht überlagern.
  3. Steuern Sie den Zugreihenfolge-Streifen über den Index statt über Farbe; der aktive Punkt ist größer gezeichnet und dadurch auch aus der Entfernung abzählbar.
  4. Mitgliedskarte und Aufstellungsfeld teilen ihre Höhe mit dem Panel-Kit dieser Familie; ein Gruppenbildschirm setzt sich also aus beidem zusammen, ohne dass etwas skaliert werden muss.

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 Gruppen-UI" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sumi-party-ui