외곽선 생성기 사용 방법
- 스프라이트나 시트를 끌어다 놓습니다.
- 색을 고릅니다. '가장 어두운 색 사용'은 스프라이트에 이미 있는 가장 어두운 색을 가져옵니다.
- 두께를 정하고 바깥쪽, 안쪽, 둘 다 중에서 고릅니다.
- 모서리를 켜고 끕니다. 끄면 대각선이 잘린 전통적인 픽셀 아트 외곽선, 켜면 모서리가 채워집니다.
- 시트라면 '프레임마다 외곽선'을 켜 둔 채 그리드를 확인한 뒤 다운로드합니다.
결과물
- 외곽선이 들어간 PNG(잘리지 않도록 캔버스 확장)
- 모든 프레임에 외곽선이 들어가고 같은 크기만큼 커진 시트
게임을 만들며 얻은 팁
- 직접 그린 픽셀 아트는 대부분 대각선 모서리가 없는 1px 외곽선을 씁니다. 2px 이상의 외곽선이나 두툼한 UI 아이콘에는 모서리를 켜세요.
- 다양한 배경에서는 순수한 검정보다 어두운 색조의 외곽선(짙은 보라나 남색)이 대개 더 보기 좋습니다.
- 스프라이트 자체 색보다 어두운 톤으로 안쪽 외곽선을 넣으면 크기를 바꾸지 않고도 윤곽을 또렷하게 할 수 있습니다.
- 시트에 외곽선을 넣으면 모든 프레임이 사방으로 두께만큼 커집니다. 엔진의 프레임 크기도 맞춰 수정하세요.
활용 사례
- 복잡한 배경에서도 스프라이트가 잘 보이게 하기
- 아이템과 유닛의 선택·호버 외곽선 추가
- AI로 생성한 스프라이트에 일관된 스타일의 외곽선 넣기
- 외곽선이 있는 UI 아이콘 만들기
자주 묻는 질문
모서리 옵션은 무엇을 하나요?
끄면 상하좌우 이웃만 사용해 대각선 모서리가 비어 있는, 흔히 손으로 그린 픽셀 아트 느낌이 됩니다. 켜면 대각선 이웃까지 사용해 모서리가 채워지고 더 둥글고 굵은 외곽선이 됩니다.
이미지가 왜 커졌나요?
바깥쪽 외곽선은 스프라이트 바깥에 공간이 필요하므로 캔버스가 사방으로 두께만큼 커집니다. 안쪽 외곽선은 원래 크기를 유지합니다.
시트에서 외곽선이 프레임 사이로 번지나요?
'프레임마다 외곽선'을 켜면 번지지 않습니다. 각 프레임을 잘라내 외곽선을 넣고 여유 공간을 두어 다시 배치하므로 프레임끼리 닿지 않습니다.
'선택됨' 강조 효과를 만들 수 있나요?
네. 노랑이나 흰색 같은 밝은 색으로 바깥쪽 외곽선을 만들고, 별도 이미지로 두었다가 런타임에 스프라이트 아래나 위에 그리세요.
반투명 픽셀도 처리하나요?
알파가 0보다 큰 픽셀은 모두 스프라이트의 일부로 취급합니다. 외곽선이 울퉁불퉁하다면 먼저 픽셀 아트 샤프너로 흐릿한 가장자리를 정리하세요.