• 홈
  • 블로그
  • 갤러리
  • 가격
  • 홈
  • 블로그
  • 갤러리
  • 가격
창작 시작

만들고.플레이하세요.

크리에이터 블로그

홈/블로그/비주얼 노벨 제작

비주얼 노벨에서 카운터 뒤에 선 캐릭터, 앞뒤 가림 관계에 맞게 레이어 나누기

캐릭터가 카운터 뒤에서 손님 쪽으로 이동하는 동선을 먼저 그리고, 경로상의 가림 관계에 따라 레이어를 나눕니다. 가림 레이어 분할표에 고정 전경, 별도로 분리한 팔, 카운터를 돌아 나올 때의 레이어 순서 예외를 명시하세요.

D
DramaFork Editorial Team인터랙티브 스토리텔링과 AI 제작
2026.10.13예상 읽기 시간: 8분
영화적인 분위기의 꽃집 에디토리얼 일러스트. 카운터, 캐릭터, 뒤쪽 꽃 진열대가 무대 세트처럼 깊이감 있는 레이어로 나뉘어 있다. 한 손은 카운터에 자연스럽게 놓여 있고, 반대쪽에는 캐릭터가 걸어 나올 공간이 있다. 화면에 문자, 알파벳, 숫자, 로고, 워터마크, 브랜드 표시, 인터페이스 스크린샷은 없다.
목차
크리에이터 블로그
  1. 01들어가며
  2. 02활동 범위를 먼저 정하고 분리할 오브젝트를 고른다
  3. 03가림 경계를 따라 그릴 수 있는 윤곽으로 명시한다
  4. 04분할표 한 장으로 아트와 연출 작업을 연결한다
  5. 05네 가지 동작 지점에 따라 종이 위에서 합성 순서를 정한다
  6. 06연결 부위를 검수하고 분할표의 적용 범위를 명시한다
글 맨 위로

들어가며

캐릭터를 카운터 뒤에 세우려면 먼저 몸을 가려야 하는 카운터 부분을 별도 레이어로 분리한 다음, 캐릭터의 동선을 따라 언제 앞뒤 순서를 바꿀지 정해야 합니다. 작업을 넘길 때 “카운터를 전경에 배치한다”는 지시만으로는 부족합니다. 점원이 뒤에 서 있을 때, 상판에 손을 올릴 때, 손님 쪽으로 돌아 나올 때는 각각 부위별로 다른 겹침 관계가 필요합니다.

이 글에서는 가상의 꽃집을 예로 들어 재사용할 수 있는 가림 레이어 분할표를 작성합니다. 캐릭터와 동작, 화면은 모두 설명을 위한 설정이며, 실제 사용자 사례나 실측 결과, DramaFork의 제품 기능이 아닙니다. 아래 내용은 공간 관계를 검토하고 종이 위에서 합성 방식을 설명하는 데 한정됩니다.

활동 범위를 먼저 정하고 분리할 오브젝트를 고른다

카메라는 고정된 것으로 설정합니다. 뒤에는 꽃 진열대가 있고, 가운데에는 가로로 긴 카운터가 있으며, 화면 오른쪽에는 출구를 남겨 둡니다. 손님은 카운터 앞에 서 있습니다. 점원은 처음에 카운터 뒤에서 한 손을 상판에 올린 채 응대합니다. 이후 손을 거두고 오른쪽 끝을 돌아 손님에게 다가갑니다.

배경 아트 담당자는 먼저 스케치에 뒤쪽 작업 구역, 오른쪽 우회 구역, 앞쪽 응대 구역을 표시합니다. 연출 편집 담당자는 긴 머리카락, 들어 올린 팔, 옷자락까지 포함해 캐릭터의 윤곽이 닿을 수 있는 범위를 덧그립니다. 발이 지나가는 경로만 그려서는 부족합니다. 발이 카운터 영역을 벗어나도 뒤로 늘어진 옷자락은 여전히 카운터와 겹칠 수 있습니다.

오브젝트마다 차례로 판단합니다. 캐릭터와 화면상에서 겹치는가? 겹친다면 어느 쪽이 앞인가? 동작에 따라 그 관계가 바뀌는가? 뒤쪽 꽃 진열대는 항상 캐릭터 뒤에 있으므로 배경에 남겨 둘 수 있습니다. 카운터는 뒤에 있는 캐릭터를 가리고 앞에 있는 캐릭터에게는 가려지므로 별도로 분리해야 합니다. 왼쪽 화분이 겹치는 캐릭터 부분을 항상 가리고 상호작용도 없다면 고정 전경으로 둘 수 있습니다. 관계가 바뀌지 않는 장식까지 하나씩 분리할 필요는 없습니다. 불필요한 분리는 정렬 부담만 늘립니다.

여기서 “고정”은 단순히 물체가 움직이지 않는다는 뜻이 아니라 가리는 순서가 고정되어 있다는 뜻입니다. 카운터는 움직이지 않아도 캐릭터와의 앞뒤 관계가 바뀌므로, 동작에 맞춰 가림 관계를 조정해야 합니다.

가림 경계를 따라 그릴 수 있는 윤곽으로 명시한다

이 예시의 카운터는 보이는 상판, 전면판, 오른쪽 끝의 측면판으로 구성됩니다. 캐릭터가 뒤에 있을 때는 캐릭터 쪽을 향한 카운터의 보이는 위쪽 윤곽부터 그 아래의 해당 영역을 가려야 합니다. 임의의 수평선을 그어 하반신을 잘라 내서는 안 됩니다. 원근 때문에 기울어진 선, 돌출된 상판 가장자리, 오른쪽 끝부분도 모두 실제 윤곽에 포함됩니다.

분할표에서는 두 종류의 경계를 구분해야 합니다. 하나는 화면에 보이는 카운터의 외곽선이고, 다른 하나는 별도로 분리한 팔을 합성하기 위한 이음선입니다. 전자는 물체의 형태를 따라야 하고, 후자는 소매 끝이나 접촉 지점, 카운터에 가려지는 위치에 숨겨야 합니다. 완전히 드러난 아래팔 한가운데 이음선을 두면 조금만 어긋나도 팔이 끊어진 것처럼 보입니다.

분리한 카운터는 가장자리의 색상과 투명도 변화를 유지하고, 기본 배경과 같은 캔버스 및 배치 좌표를 사용해야 합니다. 원래 배경에 같은 카운터가 남아 있으면 전경만 움직이거나 숨겼을 때 중복된 부분이 드러날 수 있습니다. 따라서 어느 레이어가 카운터 표시를 담당하는지, 분리한 뒤 어느 영역을 보완해서 그릴지 명시해야 합니다. 이 예시에서는 앞쪽으로 캐릭터가 지나갈 때 드러날 수 있는 배경 영역을 채우면 됩니다. 끝내 보이지 않을 가게 전체를 그릴 필요는 없습니다.

분할표 한 장으로 아트와 연출 작업을 연결한다

아래의 순서는 모두 “뒤에서 앞으로” 읽습니다. “캐릭터 본체”에는 상판에 올린 팔 중 별도 레이어로 분리한 부분이 포함되지 않습니다. 일반적인 서 있는 자세로 돌아오면 같은 손이 두 개 나타나지 않도록 온전한 캐릭터로 바꿉니다.

전경 오브젝트 캐릭터 활동 범위 가림 경계 레이어 순서 돌아 나올 때의 예외
카운터 전체: 상판, 전면판, 오른쪽 끝의 측면판 뒤쪽 작업 구역부터 앞쪽 응대 구역까지 위쪽 윤곽, 오른쪽 끝 윤곽, 외곽선 뒤에 있을 때: 기본 배경→캐릭터→카운터; 앞에 있을 때: 기본 배경→카운터→캐릭터 오른쪽 끝을 도는 동안 겹침을 확인하며, 일정 시간이 지났다는 이유로 전환하지 않음
상판에 올린 팔. 캐릭터의 별도 부분 레이어 응대 위치, 손바닥이 상판에 닿는 상태 소매 끝 이음선, 손바닥과 아래팔의 외곽선 기본 배경→캐릭터 본체→카운터→상판에 올린 팔 손을 완전히 거둔 뒤 부분 레이어를 제거하고 온전한 캐릭터로 복원
왼쪽 화분과 꽃·잎 왼쪽 작업 구역의 일부 윤곽만 가림 화분 테두리와 보이는 꽃·잎 각각의 윤곽 가려지는 캐릭터 부위보다 앞 이 예시에서는 화분 앞을 지나거나 꽃에 손을 뻗지 않음. 동작을 추가하면 재검토
뒤쪽 꽃 진열대. 별도 전경 레이어 불필요 세 구역보다 훨씬 뒤 캐릭터를 가리는 경계 없음 기본 배경에 유지 카메라나 경로를 바꾸면 다시 판단

작업을 넘길 때는 구역을 표시한 스케치, 각 레이어의 표시·숨김 설명, 주요 자세 그림을 함께 첨부합니다. 카운터를 더 세분할지는 돌아 나오는 화면을 보고 결정합니다. 같은 순간에 측면판이 옷자락을 가리면서 캐릭터의 아래팔은 상판을 가려야 한다면, 부분 마스크를 추가하거나 관련 부분을 분리합니다. 만일에 대비한다는 이유로 나무판을 전부 따로 나누지는 마세요.

네 가지 동작 지점에 따라 종이 위에서 합성 순서를 정한다

첫 번째 그림은 카운터 뒤에서 손님을 응대하는 장면입니다. 기본 배경을 깔고 캐릭터 본체를 놓은 뒤 카운터를 덮고, 마지막으로 상판에 올린 팔을 배치합니다. 이때 허리와 배는 가려지고 손바닥 전체가 상판 위에 놓여 있어야 합니다. 캐릭터 전체를 카운터 앞으로 옮기면 숨겨져야 할 몸이 전면판을 덮습니다. 반대로 카운터로 캐릭터 전체를 덮으면 상판에 올린 손까지 사라집니다.

두 번째 그림은 떠날 준비를 하며 손을 거두는 장면입니다. 손을 거두는 자세를 따로 그리거나 지정하고, 손이 카운터 뒤로 돌아갔는지 확인한 뒤 “기본 배경→온전한 캐릭터→카운터”로 복원합니다. 팔 부분 레이어를 제거하는 작업과 본체 자세를 교체하는 작업은 같은 동작 상태에 대응해야 합니다. 그렇지 않으면 잠깐 손이 늘어나거나 없어지고, 소매 끝이 튀는 현상이 생길 수 있습니다.

세 번째 그림은 오른쪽 끝을 돌아 나오는 장면입니다. 먼저 캐릭터를 카운터 뒤에 유지한 채, 스케치를 따라 끝부분과 마지막까지 겹쳐 있는 머리카락, 팔꿈치, 옷자락을 확인합니다. 이 예시에서는 전신 윤곽이 카운터와 겹치지 않는 위치를 의도적으로 마련하고, 그곳에서 캐릭터를 카운터 앞으로 전환합니다. 둘이 겹치지 않으므로 전환 자체는 보이는 화면을 바꾸지 않습니다.

네 번째 그림은 손님에게 다가가는 장면입니다. “기본 배경→카운터→온전한 캐릭터” 순서를 유지합니다. 다시 카운터와 겹칠 때는 캐릭터가 카운터를 가려야 합니다. 돌아갈 때도 반대 경로를 따라 확인하며, 마찬가지로 겹치지 않는 위치에서 뒤쪽으로 전환합니다.

공간이 너무 좁아 겹치지 않는 지점이 전혀 없다면 이 예시를 그대로 적용할 수 없습니다. 부분 마스크를 쓰거나 레이어를 더 나누거나, 동선과 카메라를 바꿀 수 있습니다. 앞의 두 방법은 동작의 연속성을 유지하지만 경계 관리 작업이 늘어납니다. 동선을 바꾸면 합성 작업은 줄일 수 있지만 원래 연기의 리듬이 달라질 수 있습니다.

연결 부위를 검수하고 분할표의 적용 범위를 명시한다

종이 위에서 검토할 때는 먼저 전체를 보고 세 곳을 확대합니다. 머리카락이 카운터 끝을 지날 때는 그 순간의 공간 관계에 맞춰 연속적으로 드러나야 합니다. 캐릭터의 중심이 선을 넘었다는 이유만으로 머리카락 한 덩어리가 통째로 앞으로 넘어와서는 안 됩니다. 팔을 상판에 올렸을 때는 소매 끝 이음선에 틈이 없어야 하며, 상판 가장자리가 손바닥을 가로질러서는 안 됩니다. 몸이 카운터를 따라 움직일 때 가려지는 영역은 카운터 윤곽을 따라야 합니다. 캐릭터에 붙어서 움직이는 빈틈처럼 보여서는 안 됩니다.

문제마다 “동작 지점, 잘못된 경계, 올바른 앞뒤 관계, 수정 대상”을 기록합니다. 예를 들어 세 번째 그림에서 옷자락이 측면판을 너무 일찍 덮는다면, 전체 레이어 전환을 늦출지 부분 가림을 추가할지 적어야 합니다. “공간이 이상함”이라는 메모만으로는 부족합니다. 전환 전후에 중간 상태를 한 장씩 추가해 주요 자세는 맞더라도 그 사이의 전환에서 오류가 드러나는 일을 막습니다.

이 분할표는 고정 카메라, 불투명한 카운터, 미리 정한 경로에 적용됩니다. 투명 유리, 거울 반사, 움직이는 수납장 문, 여러 캐릭터의 동선 교차, 카메라 방향 전환에는 추가 설명이 필요하며, 한 가지 레이어 순서만으로 해결할 수 없습니다. 아트 담당자가 윤곽과 보완해서 그릴 범위를, 연출 편집 담당자가 동작 지점과 예외를 확인한 뒤 실제 표시 방식에 맞춰 다시 검토하세요. 종이 위에서 검토를 통과했다고 해서 실행 환경에서의 검증까지 끝난 것은 아닙니다.

제품 기능 알아보기 인터랙티브 작품 체험
PLAY / DISCOVER

읽은 주제를 직접 플레이하기

작품 색인 보기
텍스트 게임

가족 단톡방의 어머니

어머니가 돌아가신 후, 그녀의 계정이 가족 단톡방에서 되살아나 세뱃돈과 음성 메시지를 보내며 각자가 숨긴 빚을 정확히 말한다. 당신은 군 은행 리스크 관리자로서 사기, 가족애, 디지털 유산 승인 사이에서 선택해야 한다.

텍스트 게임

한 카운티, 두 가지 진실

작은 마을의 선거가 공공 도서관 네트워크에서 유출된 딥페이크로 뒤집힌다. 카운티 디지털 기록관으로서 당신은 소스 그래프를 추적하고, 자유 텍스트 출처 검사를 실행하며, 마을이 안전하게 볼 수 있는 증거를 결정한다. 분할 화면의 타운홀과 포렌식 워크스테이션. 시간 제한 응답이 대중의 신뢰를 바꾼다. 전면 공개는 민주주의를 보호하지만 취약한 주민을 노출시킨다. 세 가지 결말 중 하나에 도달하라.

텍스트 게임

새벽 두 시의 여섯 번째 채팅방

다섯 명의 창업 그룹에 매일 새벽 두 시, 여섯 번째 계정이 나타나 다음 날 누가 회사에서淘汰될지 정확히 예고한다. 제품 디자이너인 플레이어는 실시간 그룹 채팅, 개인 메시지 선택, 놓친 메시지 다시보기를 통해 챕터를 진행하며, 같은 사건이 정보 순서와 관계 선택에 따라 다른 해석을 낳는다. 모델을 폭로하면 동료를 구할 수 있지만, 모든 사람의 사적인 채팅이 드러난다.

캐릭터 IP

강도윤

다시 실패하는 걸 막고 싶지만, 과거의 배신을 말하기 두렵다.

계속 읽기

더 많은 글 보기
영화적인 분위기의 에디토리얼 일러스트. 안뜰과 식당을 나타내는 두 세트의 무대 배경판이 교체되고, 앉은 자세의 종이 인형이 식탁 세트가 제자리에 놓이기를 기다린다. 한 줄기의 스포트라이트는 구성이 완성된 장면만 비춘다.
비주얼 노벨 제작2026.10.13 · 8분

비주얼 노벨에서 배경·스탠딩 일러스트·대사를 한 박자에 바꿀 때의 연출 순서

‘동시에 장면 전환’을 준비, 화면 전환, 대사 표시 허용의 세 단계로 나눕니다. 연출 의존 관계표로 병행할 수 있는 작업, 보여서는 안 되는 중간 화면, 첫 대사를 표시할 수 있는 시점을 명확히 정리합니다.

영화 같은 분위기의 에디토리얼 일러스트. 선원이 선실의 따뜻한 조명 아래에서 눈을 감고 눈물을 참고 있다. 앞에는 눈과 입을 그린 얇은 레이어가 떠 있으며, 특수 표정은 선명하고 온전히 유지되고 다른 동작 레이어는 어둠…
비주얼 노벨 제작2026.10.13 · 8분

비주얼 노벨에서 눈을 감고 우는 캐릭터: 눈 깜빡임과 입 모양 애니메이션의 제어권 넘기기

눈을 감고 눈물을 참는 연기를 눈 깜빡임이 끊어서는 안 되며, 대사가 시작됐다는 이유만으로 입술을 깨문 모습을 일반 말하기 입 모양으로 바꿔서도 안 됩니다. 얼굴 애니메이션 제어권 인계표로 눈과 입의 제어, 일시 정지, 전용 동작, 해제 조건을 각각 정하고, 반복 애니메이션을 어디서 다시 시작할지도 명확히 합니다.

영화적인 분위기의 에디토리얼 일러스트. 저녁 햇빛이 드는 빈 대합실에 완전한 벽과 좌석이 남아 있다. 승객과 짐은 앞쪽에 독립된 얇은 그림 조각으로 놓여 있으며, 이를 치우면 끊김 없는 바닥이 드러난다.
비주얼 노벨 제작2026.10.13 · 8분

비주얼 노벨 배경에 인물과 소품을 합쳐 그렸다면: 재사용 가능한 기본 배경 설계하기

인물과 이동 소품을 뺀 기본 배경이라고 해서 모든 물건을 지울 필요는 없습니다. 누가 떠나고 무엇이 움직이는지 먼저 정한 뒤, 그 자리에 드러날 벽과 좌석, 바닥을 완성하세요. 하나의 요구사항 문서에 기본 배경, 개별 요소, 조합 용도를 명시하면 됩니다.

하나의 이야기에서, 플레이할 수 있는 세계로.

하나의 이야기 아이디어에서 시작해 대본, 캐릭터, 장면과 분기를 구성하고 플레이 가능한 첫 버전을 만드세요.

콘텐츠 디렉터리

  • 크리에이터 블로그
  • 주제 컬렉션
  • 글 아카이브
  • 작품 색인

둘러보기

  • 인터랙티브 갤러리
  • 텍스트 게임
  • 캐릭터 IP

법적 고지

  • 개인정보 처리방침
  • 이용약관
  • 쿠키 정책
© 2026 DramaFork/AI 인터랙티브 스토리 스튜디오
Press Enter to send, or drag away and release.