UI-Packs

Reliquary Hintergründe

7 Hintergrund- und Overlay-Teile (stilisiert) für dunkle Oberflächen — Palette tiefes Indigo, Akzent blasses Silber. SVG und transparentes PNG in 1x/2x/4x.

  • ui
  • svg
  • transparentes png
  • Hintergrundbild
  • Hintergrund
  • kachelbar
  • Menübildschirm
  • stilisiert
  • stilisiert
  • Fantasy
  • stilisiert
  • Tempel
  • dunkle UI
Blatt mit 7 Hintergrund- und Overlay-Teile (stilisiert) aus der Familie Reliquary, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×1341 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Reliquary Hintergründe ist ein Set aus 7 Hintergrund- und Overlay-Teile im stilisiert-Stil, bei dem der Rahmen geschnitzt ist, mit Zierspitzen, die über die Ecken hinausragen, und einem Edelstein in jeder davon. 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.

Das Ornament ist Teil der Silhouette, statt darauf gezeichnet zu sein, der Rahmen bleibt also in Thumbnail-Größe erkennbar. Die Fläche trägt einen vertikalen Verlauf mit drei Stufen — so nah kommt ein flaches Kit einer gemalten Abschrägung.

In diesem Stil ist das die Reliquary-Lesart: eine dunkle Oberfläche auf einer tiefes Indigo-Palette mit blasses Silber-Akzenten, aufgebaut um ein Kopfband über der Oberkante des Rahmens, abgeschrägte Buttons bei 128x56, Balken mit hohlem Kern in 12 Segmente geteilt und zweifarbige Icons auf einem 24px-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 Reliquary-Familie, dieses Kit und das Reliquary-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu Fantasy- und RPG-Oberflächen.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen31 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 ReadmeZIP31 kB Holen →
Vollbild-Menühintergrund, stilisiert, bearbeitbares SVGSVG726 B Holen →

So wird es benutzt

  1. Nutze den Hintergrund mit Cover-Fit statt Stretch — das Seitenverhältnis 16:9 ist Absicht, und eine Verzerrung sieht man auf einem Verlauf sofort.
  2. Kachle das Muster hinter Listen und Inventarrastern in 1x für feine oder 2x für grobe Textur; es ist in beide Richtungen nahtlos.
  3. Zeichne die Abdunkelung zwischen Spiel und Modal über das ganze Bild. Sie nutzt die Stilpalette statt reinem Schwarz und macht ein farbiges Spiel deshalb nicht grau.

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
"Reliquary Hintergründe" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/reliquary-backdrops