UI 팩

Sumi 대화 키트

셀셰이딩 스타일의 대화 컴포넌트 7개. 다크 인터페이스용, 목탄 워시 팔레트에 봉랍 빨강 강조색. SVG와 투명 PNG 1x/2x/4x.

  • ui
  • svg
  • 투명 png
  • 대화
  • 말풍선
  • 툴팁
  • 비주얼 노벨
  • 셀 톤
  • 셀셰이딩
  • 셀 셰이딩
  • 잉크
  • 다크 UI
  • 액션
Sumi 계열의 대화 컴포넌트(셀셰이딩) 7개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트
미리보기 1600×528투명한 부분은 체크무늬로 표시

이 팩에 대하여

Sumi 대화 키트은 셀셰이딩 스타일로 그린 대화 컴포넌트 7개의 세트입니다. 굵은 잉크 외곽선이 단단한 대각선 경계로 나뉜 두 개의 평평한 색조를 감쌉니다. 구성은 꼬리가 달린 말풍선, 화자 이름표, 어두운 것과 밝은 것의 계속 표시, 평상과 선택 상태의 선택지 줄, 툴팁 패널입니다.

말풍선은 이야기가 있는 게임에서 가장 많이 읽히는 면이며 창 패널과는 다른 물건입니다. 말하는 쪽을 가리키는 꼬리, 첫 줄을 가리지 않고 위에 얹히는 이름표, 그리고 엔진이 깜빡일 수 있도록 두 프레임으로 만든 계속 표시가 필요합니다.

그림자는 감쇠가 전혀 없는 단단한 경계의 단일 형태입니다. 그것이 셀셰이딩을 정의하는 성질이자 그러데이션이 결코 흉내 낼 수 없는 것입니다. 외곽선은 테두리 색조가 아니라 팔레트에서 가장 어두운 색조를 씁니다. 그러지 않으면 잉크가 아니라 두꺼운 회색 프레임으로 읽힙니다.

그 스타일 안에서 이것은 Sumi의 해석입니다. 목탄 워시 팔레트에 봉랍 빨강 강조색을 얹은 다크 인터페이스로, 동심의 이중 프레임, 120x48의 탭 모양 버튼, 9칸으로 나뉜 광택 있는 바, 32px 그리드의 선화 아이콘을 축으로 짜여 있습니다. 두 계열이 아트 스타일을 공유하면서도 서로 대체되지 않는 이유가 바로 이 치수에 있습니다. 스타일은 가장자리를 어떻게 그릴지 정하고, 숫자는 그 인터페이스가 무엇을 위한 것인지 정합니다.

선택된 선택지 줄은 색 변화가 아니라 들여쓰기와 포인터로 표시합니다. 그래서 색각 모드에서도 회색조 셰이더에서도 상태가 살아남습니다. 여기서는 그것이 다른 어디보다 중요합니다. 잘못된 대화 선택지를 고르는 것은 플레이어가 되돌릴 수 없는 실수이기 때문입니다.

모든 스프라이트는 편집 가능한 SVG와 1x, 2x, 4x 투명 PNG로 제공됩니다. PNG를 엔진에 그대로 넣어도 되고, 벡터를 열어 색을 바꿔도 됩니다. Sumi 계열의 나머지와 같은 치수로 그렸기 때문에, 이 키트와 Sumi 패널 키트는 어느 쪽도 크기를 바꾸지 않고 맞물립니다. 셀셰이딩과 툰 렌더링 게임에 잘 어울립니다.

다운로드

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

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

이 팩에 들어 있는 파일
파일형식용량다운로드
전체 세트 — SVG 소스, 1x/2x/4x PNG 내보내기, 라이선스, readmeZIP32 kB 받기 →
꼬리가 달린 말풍선, 셀셰이딩, 편집 가능한 SVGSVG882 B 받기 →

사용법

  1. 말풍선에는 직선 구간에만 nine-slice를 적용하고 꼬리는 고정된 모서리에 두세요. 그러지 않으면 풍선이 커질 때 쐐기 모양으로 늘어납니다.
  2. 계속 표시는 어두운 프레임과 밝은 프레임을 약 2 Hz로 번갈아 깜빡이세요. 두 프레임이 있는 이유는 런타임에 색을 입히지 않아도 되게 하기 위해서입니다.
  3. 이름표를 말풍선 왼쪽 위에, 자기 높이의 절반쯤 위로 올려 배치하면 프레임에 겹쳐집니다.

라이선스

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

복사용 출처 문구
"Sumi 대화 키트" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sumi-dialogue-kit