Selout: 선택적 외곽선

selout은 딱딱한 검은 외곽선을 안쪽 형태의 색을 띤 외곽선으로 바꿉니다. 스프라이트는 여전히 잘 읽히면서도 더 부드럽고 빛을 받은 것처럼 보입니다.

Pixor로 렌더링한 걷는 고블린
사방에 어두운 외곽선이 있는 기사
어두운 외곽선
선택적 외곽선이 있는 기사
셀아웃
Pixor의 selout 프리셋으로 그린 기사
selout 프리셋

무엇인가

selout은 selective outlining(선택적 외곽선)의 줄임말입니다. 스프라이트 전체에 같은 어두운 선을 두르는 대신, 외곽선 픽셀마다 옆 형태의 색, 보통 그 형태 자체 램프의 더 어두운 색조를 씁니다. 빛이 닿는 곳에서는 외곽선이 밝아지거나 사라지고, 형태가 그림자 쪽으로 돌아가는 곳에서는 더 어두워집니다.

빨간 망토에는 짙은 빨강 외곽선을, 회색 투구에는 짙은 회색 외곽선을 줍니다. 빛을 향한 머리 꼭대기에는 외곽선이 아예 없을 수도 있습니다.

아티스트가 이렇게 하는 이유

순수한 검정 외곽선은 강하고 분명하지만 스프라이트를 납작하게 만듭니다. 모든 형태가 같은 굵은 선에 갇히고, 선이 음영과 시선을 다툽니다. 셀아웃은 가장자리를 분명하게 유지하면서 빛이 형태를 감싸는 듯 보이게 합니다. 스프라이트가 스티커처럼 튀지 않고 장면에 녹아들게도 돕습니다.

규칙이 아니라 스타일의 선택입니다. 사랑받는 게임 중에도 처음부터 끝까지 검은 외곽선을 쓰는 게임이 많습니다.

흔한 실수

  • 외곽선 전체에 한 색 쓰기. 그건 그냥 색이 있는 외곽선입니다. 셀아웃의 핵심은 형태와 빛에 따라 색이 바뀐다는 점입니다.
  • 외곽선을 너무 밝게 하기. 외곽선 픽셀이 채움 색과 비슷하면 가장자리가 사라지고 실루엣이 흐릿해집니다. 비슷한 배경 위에서는 특히 그렇습니다.
  • 그림자 쪽 외곽선 지우기. 스프라이트가 그림자에 있는 쪽은 가장 어두운 외곽선을 남기세요. 그쪽이 형태를 잡는 일 대부분을 합니다.
  • 두 겹 되기. 군데군데 2픽셀 두께가 되거나 계단식 “L” 모서리가 있는 외곽선은 무거워 보입니다. 깔끔한 1픽셀로 유지하세요.

손으로 하는 방법

  1. 먼저 단순한 어두운 외곽선으로 스프라이트를 그려 실루엣을 단단하게 만드세요.
  2. 빛의 방향을 고르세요.
  3. 외곽선을 따라 돌아가세요. 픽셀이 이어진 구간마다 어두운 색을, 맞닿은 도형의 램프에서 가장 어두운 음영으로 바꾸세요.
  4. 밝은 쪽에서는 외곽선을 한두 색조 밝게 하거나, 형태가 확실히 밝은 곳에서는 외곽선을 지우세요.
  5. 어두운 배경과 밝은 배경에서, 그리고 1× 확대로 스프라이트를 확인하세요.

같은 방법이 파츠 사이 안쪽 선에도 통합니다. 소매와 장갑이 만나는 모서리 같은 곳입니다.

Pixor의 방식

Pixor는 외곽선 종류를 따로 다룹니다: 실루엣, 파츠 사이의 안쪽 선, 표면이 접히는 주름. 종류마다 빼거나, 어둡게 그리거나, 옆 표면의 색을 띤 선택적 외곽선으로 그릴 수 있습니다. 선은 L자 모서리 없이 1픽셀 너비입니다. selout 프리셋은 선택적 외곽선이 켜진 출발용 룩이며, 다른 모든 단계처럼 선 설정도 스타일 그래프의 노드이고, 마음에 드는 룩은 키트로 저장할 수 있습니다.

선택적 안쪽 선이 있는 기사

질문

selout이 검은 외곽선보다 나은가요?

어느 쪽이 더 낫지는 않습니다. 검은 외곽선은 복잡한 배경에서 잘 읽히고 대담한 스타일에 어울리며, selout은 더 부드럽고 그림 같은 느낌입니다. 하나를 골라 게임 전체에 쓰세요.

selout은 아주 작은 스프라이트에서도 통하나요?

네. 다만 스프라이트가 그림자 속에서 배경과 만나는 곳에는 외곽선의 가장 어두운 부분을 남기세요. 아니면 장면에 묻힐 수 있습니다.

다음 읽을거리

내 모델로 브라우저에서 무료로 체험하거나, 정식 버전을 받으세요.

브라우저에서 체험 Pixor 구매