UI 팩

Slate 맵 마커

리얼 스타일의 맵 마커와 월드 표시 12개. 다크 인터페이스용, 중립 슬레이트 팔레트에 따뜻한 금색 강조색. SVG와 투명 PNG 1x/2x/4x.

  • ui
  • svg
  • 투명 png
  • 맵 마커
  • 웨이포인트
  • 퀘스트 마커
  • 미니맵
  • 리얼
  • 리얼
  • 다크 UI
Slate 계열의 맵 마커와 월드 표시(리얼) 12개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트
미리보기 1600×1219투명한 부분은 체크무늬로 표시

이 팩에 대하여

Slate 맵 마커은 리얼 스타일로 그린 맵 마커와 월드 표시 12개의 세트입니다. 다섯 단계의 스펙큘러 그러데이션이 모서리에 리벳을 박은 헤어라인 금속 면을 타고 흐릅니다. 맵 핀 다섯 종 — 기본, 퀘스트, 상점, 위험, 거점 —, 웨이포인트 갈매기, 플레이어 방향 화살표, 경로 노드와 나침반 눈금, 목표 링, 핑 링, 그리고 효과 범위가 들어 있습니다.

인터페이스 키트는 화면 가장자리를 덮습니다. 이것들은 한가운데, 게임 위에 놓입니다 — 키트가 아래에 무엇이 있는지 전혀 모르는 자리입니다. 풀, 눈, 밤. 읽히기 위해 배경에 기대는 마커는 당신 레벨의 절반에서 사라집니다.

붓 질감은 진짜 노이즈가 아니라 3px 선 패턴입니다. 노이즈는 PNG 용량을 세 배로 만들지만 1x에서는 아무도 보지 못합니다. 그림자는 흐리게 하지 않고 겹쳐 두어 4x에서도 버팁니다.

그 스타일 안에서 이것은 Slate의 해석입니다. 중립 슬레이트 팔레트에 따뜻한 금색 강조색을 얹은 다크 인터페이스로, 테두리가 하나인 프레임, 128x40의 각진 모서리 버튼, 10칸으로 나뉜 띠 형태의 바, 24px 그리드의 선화 아이콘을 축으로 짜여 있습니다. 두 계열이 아트 스타일을 공유하면서도 서로 대체되지 않는 이유가 바로 이 치수에 있습니다. 스타일은 가장자리를 어떻게 그릴지 정하고, 숫자는 그 인터페이스가 무엇을 위한 것인지 정합니다.

모든 마커는 자기 외곽선과 단색 몸통을 지녀, 일하는 것은 채움이 아니라 실루엣입니다. 앵커는 각 스프라이트 제목에 적혀 있고 중심이 아닙니다. 핀은 끝으로 목표를 가리키므로 앵커가 아래 중앙이고, 링과 방향 화살표는 가운데에 앵커합니다. 핀을 중심으로 놓으면 표시하려던 것보다 핀 절반만큼 위에 놓입니다. 효과 범위와 목표 링이 실선이 아니라 점선인 이유는 가장자리가 아니라 영역을 말하기 때문입니다 — 실선 링은 벽으로 읽힙니다.

모든 스프라이트는 편집 가능한 SVG와 1x, 2x, 4x 투명 PNG로 제공됩니다. PNG를 엔진에 그대로 넣어도 되고, 벡터를 열어 색을 바꿔도 됩니다. Slate 계열의 나머지와 같은 치수로 그렸기 때문에, 이 키트와 Slate 패널 키트는 어느 쪽도 크기를 바꾸지 않고 맞물립니다. 리얼과 시뮬레이션 인터페이스에 잘 어울립니다.

다운로드

직접 링크 · 가입 불필요 · 대기 페이지 없음
ZIP 내려받기181 kB

전체 세트 — SVG 소스, 1x/2x/4x PNG 내보내기, 라이선스, readme

이 팩에 들어 있는 파일
파일형식용량다운로드
전체 세트 — SVG 소스, 1x/2x/4x PNG 내보내기, 라이선스, readmeZIP181 kB 받기 →
맵 핀, 아래 중앙 앵커, 편집 가능한 SVGSVG401 B 받기 →

사용법

  1. 각 스프라이트는 제목에 적힌 지점으로 앵커하세요. 핀은 아래 중앙, 링과 방향 화살표는 중심입니다.
  2. 마커는 거리에 따라 축소하지 말고 화면상 크기를 고정하세요. 월드와 함께 작아지는 핀은 정확히 그것이 필요했던 거리에서 읽히지 않게 됩니다.
  3. 핑 링은 세 개의 별도 마커가 아니라 한 애니메이션의 세 프레임으로 쓰세요 — 바깥으로 그리며 페이드합니다.
  4. 핀 몸통은 진영별로 물들이되 외곽선은 건드리지 마세요. 알 수 없는 배경 위에서 마커를 읽히게 유지하는 것이 그 외곽선입니다.

라이선스

크리에이티브 커먼즈 저작자표시 4.0 — 상업적 이용도 무료. 출처 표기가 필요합니다. 전문 보기 · 실제로 무슨 뜻인지

복사용 출처 문구
"Slate 맵 마커" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/slate-map-markers