UI 팩
Candy 키 표시
카툰 스타일의 키 표시 스프라이트 16개. 라이트 인터페이스용, 따뜻한 크림 팔레트에 버블검 핑크 강조색. SVG와 투명 PNG 1x/2x/4x.

이 팩에 대하여
Candy 키 표시은 카툰 스타일로 그린 키 표시 스프라이트 16개의 세트입니다. 굵고 정갈한 외곽선이 반짝임 하나를 지닌 광택 면을 감쌉니다. 구성은 정사각형·가로형·눌린 키캡, 방향키 넷, 게임패드 전면 버튼 넷, 숄더 버튼과 트리거, 마우스 버튼 표시 셋입니다.
키보드와 게임패드를 모두 지원하는 게임은 한 문장 안에서 둘을 같은 크기로 보여 줘야 합니다. 그런데 그 그림을 내놓는 곳은 거의 없어서, 결국 시간이 남지 않은 프로젝트 막바지에 손으로 그리게 됩니다.
광택은 높이의 44% 지점에서 끊기는 단단한 경계이지 부드러운 그러데이션이 아닙니다. 부드러운 감쇠는 유리로 읽히고 단단한 경계는 그림으로 읽힙니다. 어긋난 그림자가 흐림이 아니라 단색인 것도 같은 이유입니다.
그 스타일 안에서 이것은 Candy의 해석입니다. 따뜻한 크림 팔레트에 버블검 핑크 강조색을 얹은 라이트 인터페이스로, 동심의 이중 프레임, 168x56의 완전히 둥근 알약형 버튼, 6칸으로 나뉜 띠 형태의 바, 32px 그리드의 채움 아이콘을 축으로 짜여 있습니다. 두 계열이 아트 스타일을 공유하면서도 서로 대체되지 않는 이유가 바로 이 치수에 있습니다. 스타일은 가장자리를 어떻게 그릴지 정하고, 숫자는 그 인터페이스가 무엇을 위한 것인지 정합니다.
이 세트에는 글자가 하나도 그려져 있지 않습니다. 서체를 심는 것은 그 라이선스를 심는 것이고, 구워 넣은 "E"는 키를 재배치한 모든 설정에서, 그리고 모든 언어에서 틀린 글자가 됩니다. 여기에는 형태만 있고 글자는 여러분의 엔진이 이미 가진 폰트로 위에 그립니다.
모든 스프라이트는 편집 가능한 SVG와 1x, 2x, 4x 투명 PNG로 제공됩니다. PNG를 엔진에 그대로 넣어도 되고, 벡터를 열어 색을 바꿔도 됩니다. Candy 계열의 나머지와 같은 치수로 그렸기 때문에, 이 키트와 Candy 패널 키트는 어느 쪽도 크기를 바꾸지 않고 맞물립니다. 애니풍과 카툰 게임에 잘 어울립니다.
사용법
- 키 라벨은 직접 쓰는 폰트로 키 윗면 중앙에 그리세요. 윗면은 중심보다 약간 위에 있고, 그 어긋남이 눌릴 것 같은 느낌을 만듭니다.
- 눌림 효과는 스프라이트를 확대·축소하지 말고 키다운에서 눌린 키로 바꿔 한 프레임으로 표현하세요. 확대·축소는 외곽선 두께를 망칩니다.
- 게임패드와 키보드 표시는 한 줄의 텍스트 안에서 같은 시각 높이에 두세요. 44px 패드 버튼과 40px 키는 이미 맞도록 치수를 잡아 두었습니다.
라이선스
크리에이티브 커먼즈 저작자표시 4.0 — 상업적 이용도 무료. 출처 표기가 필요합니다. 전문 보기 · 실제로 무슨 뜻인지
"Candy 키 표시" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/candy-input-prompts


