UI-Packs

Carbon Kartenmarker

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

  • ui
  • svg
  • transparentes png
  • Kartenmarker
  • Wegpunkt
  • Questmarker
  • Minimap
  • realistisch
  • realistisch
  • realistisch
  • Cockpit
  • Simulation
  • Rennen
Blatt mit 12 Kartenmarker und Weltanzeigen (realistisch) aus der Familie Carbon, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×1219 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Carbon Kartenmarker ist ein Set aus 12 Kartenmarker und Weltanzeigen im realistisch-Stil, bei dem ein Glanzverlauf mit fünf Stufen über eine gebürstete Metallfläche mit Nieten an den Ecken läuft. 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.

Die Pinseltextur ist ein 3px-Linienmuster statt echtem Rauschen: Rauschen verdreifacht das PNG-Gewicht für eine Textur, die bei 1x niemand sieht. Der Schatten ist geschichtet statt weichgezeichnet, damit er bei 4x standhält.

In diesem Stil ist das die Carbon-Lesart: eine dunkle Oberfläche auf einer Fastschwarz-Palette mit Warnbernstein-Akzenten, aufgebaut um vier Eckwinkel statt eines geschlossenen Rands, abgeschrägte Buttons bei 152x44, Balken mit hohlem Kern in 14 Segmente geteilt und zweifarbige 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 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 Carbon-Familie, dieses Kit und das Carbon-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu realistisch- und Simulationsoberflächen.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen178 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 ReadmeZIP178 kB Holen →
Kartennadel, Anker unten mittig, bearbeitbares SVGSVG401 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
"Carbon Kartenmarker" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/carbon-map-markers