UI-Packs

Charcoal Kartenmarker

12 Kartenmarker und Weltanzeigen (handgezeichnet) für dunkle Oberflächen — Palette Rauchgrau, Akzent Glutorange. SVG und transparentes PNG in 1x/2x/4x.

  • ui
  • svg
  • transparentes png
  • Kartenmarker
  • Wegpunkt
  • Questmarker
  • Minimap
  • handgemalt
  • hand-gezeichnet
  • handgezeichnet
  • dunkle UI
  • Horror
  • Mystery
Blatt mit 12 Kartenmarker und Weltanzeigen (handgezeichnet) aus der Familie Charcoal, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×1219 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Charcoal Kartenmarker ist ein Set aus 12 Kartenmarker und Weltanzeigen im handgezeichnet-Stil, bei dem jede Kante abgetastet und leicht verschoben wird, sodass keine Linie wirklich gerade ist. Enthalten sind fünf Kartennadeln — schlicht, Quest, Shop, Gefahr und Zuhause —, Wegpunkt-Winkel, ein Blickrichtungspfeil, ein Routenknoten und eine Kompassmarke, ein Zielring, Ping-Ringe und ein Wirkungsbereich.

Oberflächen-Kits decken die Ränder des Bildschirms ab. Diese hier sitzen in der Mitte, über dem Spiel, wo das Kit nicht weiss, was darunter liegt — Gras, Schnee, Nacht. Ein Marker, der sich auf einen Hintergrund verlässt, verschwindet in der Hälfte deiner Level.

Das Zittern ist deterministisch statt zufällig: Dieselbe Box zittert in jedem Build gleich, und genau das lässt sie in der Versionskontrolle leben. Die Schattierung ist Kreuzschraffur, denn ein Verlauf unter einer gezeichneten Linie liest sich als Filter statt als Hand.

In diesem Stil ist das die Charcoal-Lesart: eine dunkle Oberfläche auf einer Rauchgrau-Palette mit Glutorange-Akzenten, aufgebaut um einen einfach umrandeten Rahmen, tabförmige Buttons bei 160x52, Balken mit hohlem Kern in 7 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.

Jeder Marker trägt seine eigene Kontur und einen einfarbigen Körper, sodass die Silhouette die Arbeit macht und nicht die Füllung. Der Anker ist in jedem Sprite-Titel genannt und liegt nicht in der Mitte: eine Nadel zeigt mit der Spitze auf ihr Ziel, ihr Anker sitzt also unten mittig, während Ring und Blickrichtungspfeil mittig verankern. Eine Nadel über ihre Mitte zu setzen, platziert sie eine halbe Nadel über dem, was sie markieren sollte. Wirkungsbereich und Zielring sind gestrichelt statt durchgezogen, weil sie eine Zone beschreiben und keine Kante — ein durchgezogener Ring liest sich als Wand.

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 Charcoal-Familie, dieses Kit und das Charcoal-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu Notizbuch- und Bilderbuchspielen.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen186 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 ReadmeZIP186 kB Holen →
Kartennadel, Anker unten mittig, bearbeitbares SVGSVG392 B Holen →

So wird es benutzt

  1. Verankere jedes Sprite an dem in seinem Titel genannten Punkt: unten mittig bei Nadeln, mittig bei Ringen und dem Blickrichtungspfeil.
  2. Halte Marker in fester Bildschirmgrösse, statt sie mit der Entfernung zu skalieren; eine Nadel, die mit der Welt schrumpft, ist genau in der Entfernung unlesbar, in der du sie gebraucht hättest.
  3. Nutze die Ping-Ringe als drei Bilder einer Animation — nach aussen zeichnen und ausblenden — statt als drei getrennte Marker.
  4. Färbe den Nadelkörper je Fraktion, lass aber die Kontur in Ruhe; die Kontur hält den Marker über einem unbekannten Hintergrund lesbar.

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
"Charcoal Kartenmarker" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/charcoal-map-markers