타일셋

Slate 타일셋 — 바닥 타일

리얼 스타일의 바닥 타일 58개. 다크 인터페이스용, 중립 슬레이트 팔레트에 따뜻한 금색 강조색. SVG와 투명 PNG 1x/2x/4x.

  • ui
  • svg
  • 투명 png
  • 타일셋
  • 오토타일
  • 심리스
  • 레벨 아트
  • 리얼
  • 리얼
  • 다크 UI
Slate 계열의 바닥 타일(리얼) 58개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트
미리보기 1600×3539투명한 부분은 체크무늬로 표시

이 팩에 대하여

Slate 타일셋 — 바닥 타일은 리얼 스타일로 그린 바닥 타일 58개의 세트입니다. 다섯 단계의 스펙큘러 그러데이션이 모서리에 리벳을 박은 헤어라인 금속 면을 타고 흐릅니다. 구성은 47개 마스크의 오토타일 세트, 바닥과 벽 변형, 가장자리와 모서리 조각, 그리드에 맞춘 소품, 그리고 이미 조립된 시트입니다.

타일셋이 타일셋인 것은 타일이 실제로 이어질 때뿐입니다. 무료 세트 대부분은 서로 관련 있어 보이고 거의 어디서나 맞물리는 사각형 폴더인데, 그 "거의"가 반나절을 잡아먹습니다. 가장자리 마스크 하나가 1픽셀 어긋나 있으면 그 레벨의 모든 벽에 이음매가 보입니다.

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

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

오토타일 마스크는 하나씩 그린 것이 아니라 같은 가장자리 기하에서 생성했습니다. 그래서 타일과 이웃 타일은 세심함이 아니라 구조적으로 정확히 같은 경계를 공유합니다. 바닥 변형은 어느 위치에서도 서로 바꿔 쓸 수 있게 그려서, 넓은 바닥이 반복 무늬로 읽히지 않게 합니다.

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

다운로드

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

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

이 팩에 들어 있는 파일
파일형식용량다운로드
전체 세트 — SVG 소스, 1x/2x/4x PNG 내보내기, 라이선스, readmeZIP592 kB 받기 →
심리스 기본 바닥, 모든 방향으로 바닥 타일, 리얼, 편집 가능한 SVGSVG3.2 kB 받기 →

사용법

  1. 시트는 사양란에 적힌 타일 크기로, 패딩이나 익스트루드 없이 임포트하세요. 바닥 타일은 이웃한 것끼리 정확히 맞물리도록 일부러 그리드 끝까지 그려져 있습니다.
  2. 오토타일 마스크는 비트마스크 번호로 연결하세요. 파일 이름이 곧 마스크 값이라, 표준 blob 오토타일 설정이면 대응표 없이 연결됩니다.
  3. 배율은 정수로만 조정하세요. 1.5x 타일셋은 타일 가장자리를 반 픽셀에 올려, 그림에는 없는 이음매를 만듭니다.

라이선스

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

복사용 출처 문구
"Slate 타일셋 — 바닥 타일" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/tilesets/slate-tileset