그림자 생성기 사용 방법
- 스프라이트를 끌어다 놓습니다.
- 드롭 섀도(스프라이트 뒤의 오프셋 사본) 또는 드리운 그림자(바닥에 납작하게 깔린 실루엣)를 고릅니다.
- 오프셋이나 납작함·기울기를 조정한 다음 색과 불투명도를 정합니다.
- 초록, 어두운, 밝은 미리보기 배경에서 확인합니다.
- PNG를 다운로드합니다.
결과물
- 그림자가 구워지고 캔버스가 맞춰진 PNG
- 알파값이 하나인 반투명 그림자(겹쳐도 진해지지 않음)
게임을 만들며 얻은 팁
- 드리운 그림자의 기울기가 곧 해의 방향입니다. 양수는 오른쪽, 음수는 왼쪽으로 기웁니다. 한 장면의 모든 스프라이트에서 같게 유지하세요.
- 잔디나 모래 위에서는 검정보다 색이 있는 그림자(짙은 보라나 파랑)가 대개 더 보기 좋습니다.
- 엔진이 그림자를 직접 그린다면 따로 내보내세요. 사본의 불투명도를 100%로 해서 마스크로 쓰면 됩니다.
- 퍼짐은 드롭 섀도를 픽셀 단위로 키워 주므로 흐림 없이도 부드러운 느낌을 줍니다.
활용 사례
- UI 아이콘과 버튼에 픽셀 드롭 섀도 넣기
- 탑다운·횡스크롤 장면에서 캐릭터와 소품을 땅에 붙어 보이게 하기
- 복잡한 배경 위에서 타이틀 글자가 돋보이게 하기
- 스토어 페이지와 트레일러용 스틸 이미지
자주 묻는 질문
드롭 섀도와 드리운 그림자는 어떻게 다른가요?
드롭 섀도는 스프라이트 실루엣을 오프셋만큼 옮긴 것으로, 배경 위에 떠 있는 듯 보입니다. 드리운 그림자는 실루엣을 뒤집고 납작하게 만들어 기울인 것으로, 스프라이트 발 아래에 깔려 옆에서 빛을 받는 듯 보입니다.
그림자가 흐릿하게 처리되나요?
아니요. 가장자리는 딱 떨어지게 유지됩니다. 퍼짐 옵션은 흐리게 하는 대신 실루엣을 픽셀 단위로 키웁니다.
그림자가 왜 반투명인가요?
바닥이 비쳐 보이게 하기 위해서입니다. 모든 그림자 픽셀이 같은 알파값을 가지므로 겹치는 부분도 더 진해지지 않습니다.
드리운 그림자는 어디서 시작하나요?
스프라이트에서 가장 아래에 있는 불투명 행, 보통은 발에서 시작합니다. 스프라이트 아래에 빈 공간이 있다면 간격 설정을 사용하세요.
이미지가 업로드되나요?
아니요. 모든 것이 브라우저에서 실행됩니다.