원화 실력은 그린 양에 비례한다는 말이 있지만, 방향 없이 많이 그리면 같은 습관만 굳어집니다. 수업에서는 매 과제마다 이번에 고칠 한 가지를 정하고 그 부분…
아이콘은 읽는 그림입니다
일러스트는 감상하는 그림이지만 아이콘은 읽는 그림에 가깝습니다. 플레이어는 전투 중에 스킬 아이콘을 보고 바로 눌러야 하고, 가방을 열면 수십 개의 아이템 가운데 필요한 것을 몇 초 만에 찾아야 합니다. 아이콘 하나를 오래 들여다보며 감상할 시간은 거의 없습니다.
그래서 아이콘 디자인에서는 첫눈에 무엇인지가 전달되는 것이 가장 중요합니다. 칼인지 지팡이인지, 회복 물약인지 독약인지, 불 속성인지 얼음 속성인지가 순간적으로 읽혀야 합니다. 아름다움은 그 다음의 문제입니다.
도로 표지판을 떠올리면 이해가 쉽습니다. 표지판은 달리는 차 안에서 잠깐 보고도 뜻을 알아야 하기 때문에, 단순한 모양과 강한 색 대비로 만들어집니다. 게임 아이콘도 빠르게 지나가는 시선 속에서 뜻을 전해야 한다는 점에서 표지판과 같은 과제를 안고 있습니다.
가독성을 만드는 네 가지 요소
| 요소 | 확인하는 방법 | 자주 생기는 문제 |
|---|---|---|
| 실루엣 | 아이콘을 검게 채워도 무엇인지 알 수 있는가 | 비슷한 아이템끼리 윤곽이 같음 |
| 명도 대비 | 흑백으로 바꿨을 때 물체와 배경이 분리되는가 | 물체와 배경의 밝기가 비슷해 묻힘 |
| 디테일 양 | 실제 표시 크기에서 세부가 뭉개지지 않는가 | 작은 무늬가 얼룩처럼 보임 |
| 색 규칙 | 등급, 속성, 종류가 색만 봐도 짐작되는가 | 아이콘마다 색 쓰는 기준이 다름 |
실루엣은 가장 먼저 확인해야 할 요소입니다. 작은 크기에서는 내부 묘사가 거의 보이지 않고 바깥 윤곽만 남기 때문입니다. 같은 칼이라도 날의 모양, 손잡이의 길이, 기울어진 각도를 다르게 하면 작게 줄여도 구분이 됩니다.
명도 대비도 중요합니다. 어두운 배경 칸 위에 어두운 물체를 올리면 형태가 사라지고, 밝은 배경에 밝은 물체를 올려도 마찬가지입니다. 물체의 가장 밝은 부분과 배경 사이에 분명한 차이를 두거나, 외곽에 얇은 테두리나 빛을 두르는 방법이 자주 쓰입니다.
실무에서는 아이콘을 세트로 관리합니다
게임에는 아이콘이 수백 개에서 수천 개까지 들어갑니다. 그래서 하나하나를 잘 그리는 것만큼 세트로서의 일관성이 중요합니다. 같은 각도, 같은 조명 방향, 같은 테두리 두께, 같은 여백 규칙을 지켜야 가방 화면에 나란히 놓였을 때 깔끔하게 보입니다.
등급과 속성을 나타내는 규칙도 세트 단위로 정합니다. 예를 들어 등급이 오를수록 테두리나 배경 색이 바뀌고, 불 속성은 붉은 계열, 얼음 속성은 푸른 계열을 쓰는 식입니다. 이 규칙이 있으면 플레이어는 처음 보는 아이템도 등급과 성격을 짐작할 수 있습니다. 이런 규칙은 보통 아트 스타일 가이드나 UI 가이드에 함께 정리됩니다.
아이콘 작업은 원화가가 맡기도 하고 UI 디자이너가 맡기도 합니다. 어느 쪽이든 아이콘이 실제로 놓일 UI 칸의 크기와 배경을 알고 작업해야 하므로 두 직군이 긴밀하게 협업합니다.
반드시 실제 크기로 확인해야 합니다
아이콘은 보통 큰 캔버스에서 그린 뒤 작게 줄여 씁니다. 그런데 크게 그릴 때는 잘 보이던 세부가 작게 줄이면 뭉개져 얼룩처럼 보이는 경우가 많습니다. 그래서 작업 중에 실제 표시 크기로 줄인 미리보기 창을 옆에 띄워 두고 수시로 확인하는 것이 기본 습관입니다.
- 큰 캔버스에서 실루엣과 명도 덩어리부터 잡습니다.
- 실제 크기 미리보기로 무엇인지 읽히는지 먼저 확인합니다.
- 읽히는 것을 확인한 뒤에만 세부 묘사를 더합니다.
- 다른 아이콘들과 나란히 놓고 크기, 밝기, 각도가 어울리는지 비교합니다.
- 흑백으로 바꿔 등급이나 종류가 색 없이도 구분되는지 마지막으로 점검합니다.
가능하면 실제 기기 화면에서도 확인해 보세요. 모니터에서 크게 볼 때와 휴대폰 화면에서 볼 때는 같은 크기라도 느낌이 다릅니다. 밝은 야외에서 보는 경우를 생각해 화면 밝기를 낮춘 상태로도 한 번 확인하면, 대비가 부족한 아이콘을 미리 찾아낼 수 있습니다.
처음 배울 때 흔히 하는 착각
가장 흔한 착각은 디테일이 많을수록 고급스러워 보인다는 생각입니다. 작은 크기에서는 디테일이 많을수록 오히려 지저분해집니다. 큰 형태와 몇 개의 강한 하이라이트로 재질을 표현하고, 잔무늬는 과감하게 줄이는 편이 작은 화면에서 훨씬 고급스럽게 보입니다.
또 하나는 색만으로 구분하려는 것입니다. 등급이나 속성을 색으로만 나누면 색을 구분하기 어려운 플레이어는 차이를 알기 힘듭니다. 테두리 모양, 작은 문양, 실루엣 차이를 함께 쓰면 더 많은 플레이어가 편하게 읽을 수 있고, 흑백 화면에서도 구분이 유지됩니다.
아이콘 가독성을 기르는 연습
좋아하는 게임의 가방 화면을 캡처해 아이콘 몇 개를 크게 확대해 보세요. 어떤 하이라이트와 실루엣으로 작게 보일 때도 읽히게 했는지 관찰하면 많은 것을 배울 수 있습니다. 그다음 같은 종류의 아이템, 예를 들어 칼 다섯 자루를 실루엣이 모두 다르게 그리고 실제 크기로 줄여 구분이 되는지 시험해 보세요.
익숙해지면 등급별 테두리 규칙을 직접 정해 작은 아이콘 세트를 완성해 봅니다. 크게 그린 원본과 실제 크기 미리보기를 나란히 보여 주는 구성은 포트폴리오에서 실무 감각을 드러내는 좋은 방법입니다. 그려 둔 아이콘 세트가 작게 줄였을 때 왜 흐릿한지 원인을 짚어 줄 사람이 필요하다면, 게임원화 과정 상담 시간에 원본과 축소본을 함께 띄워 놓고 점검받아 보시길 권합니다.
자주 묻는 질문
아이콘은 픽셀 단위로 그려야 하나요?
픽셀 아트 스타일이라면 픽셀 단위로 그리지만, 대부분은 큰 해상도로 그려 줄여 씁니다. 다만 줄였을 때 선이 흐려지지 않도록 실제 크기에서 다듬는 과정을 거칩니다.
아이콘 작업만으로 포트폴리오를 만들 수 있나요?
아이콘 디자이너를 목표로 한다면 가능하지만, 보통은 캐릭터나 배경 원화와 함께 아이콘 세트를 넣어 폭넓은 역량을 보여 주는 편이 좋습니다.
가까운 캠퍼스에서 게임원화 알아보기
사는 곳과 가까운 캠퍼스를 고르면 수업 내용, 오시는 길, 상담 신청을 한 번에 볼 수 있습니다.