UI 팩
Aetherlab 키 표시
매지테크 스타일의 키 표시 스프라이트 16개. 다크 인터페이스용, 실험실 네이비 팔레트에 에테르 시안 강조색. SVG와 투명 PNG 1x/2x/4x.

이 팩에 대하여
Aetherlab 키 표시은 매지테크 스타일로 그린 키 표시 스프라이트 16개의 세트입니다. 뾰족한 모서리와 회로 패턴이 비의의 색을 나릅니다. 아래에 배선이 지나가는 판타지입니다. 구성은 정사각형·가로형·눌린 키캡, 방향키 넷, 게임패드 전면 버튼 넷, 숄더 버튼과 트리거, 마우스 버튼 표시 셋입니다.
키보드와 게임패드를 모두 지원하는 게임은 한 문장 안에서 둘을 같은 크기로 보여 줘야 합니다. 그런데 그 그림을 내놓는 곳은 거의 없어서, 결국 시간이 남지 않은 프로젝트 막바지에 손으로 그리게 됩니다.
뾰족한 모서리는 판타지 프레임이 아니라 형태 어휘에서 왔고 그것은 의도한 것입니다. 이 스타일은 매지테크의 새김 쪽이 아니라 기술 쪽 절반입니다. 그러데이션과 외곽선 위주 구성이 세트 안에서 번갈아 나와, 주문 패널과 계기 패널이 한 화면을 함께 쓸 수 있습니다.
그 스타일 안에서 이것은 Aetherlab의 해석입니다. 실험실 네이비 팔레트에 에테르 시안 강조색을 얹은 다크 인터페이스로, 테두리가 하나인 프레임, 144x36의 모따기 버튼, 22칸으로 나뉜 빈 코어 바, 24px 그리드의 두 가지 색 아이콘을 축으로 짜여 있습니다. 두 계열이 아트 스타일을 공유하면서도 서로 대체되지 않는 이유가 바로 이 치수에 있습니다. 스타일은 가장자리를 어떻게 그릴지 정하고, 숫자는 그 인터페이스가 무엇을 위한 것인지 정합니다.
이 세트에는 글자가 하나도 그려져 있지 않습니다. 서체를 심는 것은 그 라이선스를 심는 것이고, 구워 넣은 "E"는 키를 재배치한 모든 설정에서, 그리고 모든 언어에서 틀린 글자가 됩니다. 여기에는 형태만 있고 글자는 여러분의 엔진이 이미 가진 폰트로 위에 그립니다.
모든 스프라이트는 편집 가능한 SVG와 1x, 2x, 4x 투명 PNG로 제공됩니다. PNG를 엔진에 그대로 넣어도 되고, 벡터를 열어 색을 바꿔도 됩니다. Aetherlab 계열의 나머지와 같은 치수로 그렸기 때문에, 이 키트와 Aetherlab 패널 키트는 어느 쪽도 크기를 바꾸지 않고 맞물립니다. 매지테크과 연금술, 비의 과학 인터페이스에 잘 어울립니다.
사용법
- 키 라벨은 직접 쓰는 폰트로 키 윗면 중앙에 그리세요. 윗면은 중심보다 약간 위에 있고, 그 어긋남이 눌릴 것 같은 느낌을 만듭니다.
- 눌림 효과는 스프라이트를 확대·축소하지 말고 키다운에서 눌린 키로 바꿔 한 프레임으로 표현하세요. 확대·축소는 외곽선 두께를 망칩니다.
- 게임패드와 키보드 표시는 한 줄의 텍스트 안에서 같은 시각 높이에 두세요. 44px 패드 버튼과 40px 키는 이미 맞도록 치수를 잡아 두었습니다.
라이선스
크리에이티브 커먼즈 저작자표시 4.0 — 상업적 이용도 무료. 출처 표기가 필요합니다. 전문 보기 · 실제로 무슨 뜻인지
"Aetherlab 키 표시" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/aetherlab-input-prompts


