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

만들고.플레이하세요.

크리에이터 블로그

홈/블로그/인터랙티브 무비 게임 내러티브 디자인

먼 목표가 바로 앞처럼 보일 때: 인터랙티브 무비 게임에서 이동 거리 오해를 막는 법

목표가 화면에 크게 잡힌다는 것은 주목할 대상이라는 뜻이지, 캐릭터가 제때 도착할 수 있다는 뜻은 아닙니다. 가상의 부두 선택 장면으로 선택 전에 경로, 크기 비교 기준, 통행을 막는 요소를 보여 주는 방법을 살펴보고, 재사용할 수 있는 거리 가독성 스토리보드 시트를 작성합니다.

D
DramaFork Editorial Team인터랙티브 스토리텔링과 AI 제작
2026.10.13예상 읽기 시간: 8분
영화적인 분위기의 기사 삽화. 전경의 성인이 건너편의 눈에 띄는 밧줄 고리를 바라보며 손을 뻗고, 중경에는 수면과 꺾여 이어지는 잔교가 선명하게 펼쳐져 있다. 시각적으로 가까워 보이는 목표와 실제로 먼 이동 경로의 차이를 강조한다. 텍스트, 문자, 숫자, 로고, 워터마크, 브랜드 요소, 인터페이스 스크린샷은 없다.
목차
크리에이터 블로그
  1. 01들어가며
  2. 021. 선택에서 플레이어가 무엇을 판단해야 하는지 먼저 정하기
  3. 032. 공간 스케치로 목표를 보는 것과 도착하는 것을 구분하기
  4. 043. 거리 가독성 스토리보드 시트 완성하기
  5. 054. 시간 압박과 공간적 거리를 따로 확인하기
  6. 065. 선택 화면에서 멈춰 부족한 정보를 확인하기
글 맨 위로

들어가며

이동 거리의 오해를 바로잡으려면 목표만 선명하게 보여 줄 것이 아니라, 선택 전에 캐릭터와 목표 사이의 길을 보여 줘야 합니다. 밧줄 고리의 클로즈업은 유지해도 됩니다. 다만 캐릭터의 출발점, 걸어서 갈 수 있는 경로, 통과할 수 없는 장애물을 함께 제시해야 합니다. 이야기가 ‘제때 도착할 것’까지 요구한다면 시간 압박을 판단할 근거도 따로 필요합니다. 목표가 화면에서 차지하는 크기로 이런 정보를 대신할 수는 없습니다.

아래에서는 교육용으로 창작한 가상의 사례로 스토리보드 시트를 완성합니다. 성인이 부두의 이쪽 물가에 서 있고, 건너편 밧줄 고리는 화면에 크게 잡힙니다. 하지만 실제로 도착하려면 폐쇄된 잔교를 피해 돌아가야 합니다. 이 사례는 설계 방법을 설명하기 위한 것으로, 실제 사용자나 실측 결과, 직접 수행한 테스트, DramaFork의 제품 기능을 나타내지 않습니다.

1. 선택에서 플레이어가 무엇을 판단해야 하는지 먼저 정하기

이 장면의 행동은 ‘건너편으로 돌아가 밧줄 고리 풀기’이며, 다른 선택은 ‘제자리에 남아 건너편 사람 부르기’입니다. 전자는 이동 시간이 들고, 후자는 상대의 반응에 달려 있습니다. 스토리보드가 뒷받침해야 하는 것은 두 행동에 드는 대가에 대한 판단이지, 어느 한쪽의 성공을 보장하는 것이 아닙니다.

문제가 있는 버전에는 뻗은 손의 클로즈업, 밧줄 고리의 클로즈업, 선택 버튼만 있습니다. 보는 사람은 캐릭터가 무엇을 만지려는지는 알지만, 손과 밧줄 사이에 물이 있는지는 모르며 눈앞의 잔교가 이미 폐쇄됐다는 사실도 알지 못합니다. 선택 후에야 우회 경로를 보여 주고 대사로 ‘시간이 부족하다’고 설명한다면, 선택 전에 알리지 않은 조건으로 실패를 결정하는 셈입니다.

먼저 각본의 제약을 확인 가능한 문장으로 적습니다. 밧줄 고리는 건너편에 있다. 양쪽 물가 사이를 곧바로 걸어서 건널 수는 없다. 수면을 가로질러 직선으로 이어지는 다리는 폐쇄돼 있다. 이용할 수 있는 길은 물가를 따라 옆쪽 다리로 돌아가는 경로다. 제약마다 대응하는 화면이 있어야 합니다. 찾을 수 없다면 곧바로 플레이어의 부주의 탓으로 돌리지 말고 먼저 누락된 정보로 표시합니다.

2. 공간 스케치로 목표를 보는 것과 도착하는 것을 구분하기

샷의 크기를 정하기 전에 공간 관계부터 그립니다. 다음은 이 사례를 위해 창작한 텍스트 공간 스케치입니다. 연결 관계만 나타내며 축척을 뜻하지 않고, 플레이어에게 읽히기 위한 텍스트 지도도 아닙니다.

이쪽 물가의 출발점 → 물가 보행로 → 창고 바깥쪽 모퉁이 → 옆쪽 다리 → 건너편 밧줄 고리.

출발점과 밧줄 고리는 물을 사이에 두고 마주 봅니다. 둘을 곧장 잇는 다리는 폐쇄돼 있고, 우회 구간 일부는 창고에 가려져 있습니다.

출발점에서 밧줄을 보는 시선은 짧고 곧게 이어집니다. 반면 걸어서 도착하려면 목표를 정면으로 보는 방향에서 벗어나 모퉁이를 돌아 다리를 건너야 합니다. 스토리보드에서 가장 분명히 보여 줘야 하는 차이가 바로 이것입니다. 밧줄을 작게 보여 주는 것만으로는 직선 다리를 이용할 수 있는지 알 수 없습니다. 수면을 보여 주는 샷만 추가해서는 우회로 입구가 있다는 사실도 입증할 수 없습니다.

크기를 비교할 기준으로는 같은 공간 안에서 위치 관계를 알아볼 수 있는 대상을 우선합니다. 이 사례에서는 성인의 전신, 이쪽 물가의 난간, 건너편 기둥을 한 화면에 넣고, 이어서 캐릭터가 연속된 난간 구간을 걸어 지나가게 합니다. 이를 통해 몇 미터인지 계산하지 않고도 신체와 주변 환경의 상대적인 크기를 이해할 수 있습니다. 밧줄 고리만 따로 잡은 클로즈업에는 공통 비교 기준이 없으므로 그 샷 하나로 거리를 설명할 수 없습니다.

시야에 가려진 부분도 의미가 명확해야 합니다. 창고가 길의 세부 모습을 가릴 수는 있지만, 길이 창고 바깥쪽으로 이어지는 지점과 옆쪽 다리가 건너편에 연결되는 지점은 알아볼 수 있어야 합니다. 그렇지 않으면 보는 사람은 가려진 구간을 막다른 길로 받아들이거나 더 짧은 통로가 있다고 상상할 수 있습니다.

3. 거리 가독성 스토리보드 시트 완성하기

이 시트는 한 번의 이동 선택을 단위로 작성합니다. 재사용할 때는 대상과 샷 번호를 바꾸되 다섯 항목은 유지합니다. 어느 칸이든 ‘나중에 설명’이라고밖에 적을 수 없다면 현재 선택에 필요한 판단 근거가 부족하다는 뜻입니다.

항목 이 사례의 작성 내용 선택 전에 보여 주는 샷과 시점
목표 건너편 기둥의 밧줄 고리. 도착한 뒤 푸는 행동 샷 1의 클로즈업으로 대상을 식별하고, 샷 2에서 양쪽 물가의 관계를 보여 줌
경로 이쪽 물가에서 보행로를 따라 창고 바깥쪽으로 이동한 뒤 옆쪽 다리로 방향을 틀어 건너편에 도착 샷 3에서 캐릭터의 시선을 따라 입구, 모퉁이, 옆쪽 다리를 보여 줌
크기 비교 기준 성인의 전신, 이쪽 물가의 난간, 건너편 기둥. 캐릭터가 인접한 난간 구간들을 걸어 지나감 샷 2에서 상대적인 크기를 제시하고, 샷 3에서 이동을 통한 비교 기준을 보충
통행을 막는 요소 양쪽 물가를 가르는 물과 직선 다리 입구를 연속해서 막은 차단물. 창고는 우회로 중간을 시야에서 가릴 뿐 샷 2에서 물과 차단물을 함께 보여 주고, 샷 3에서 가려진 구간의 양 끝을 제시
선택 전에 보여 주는 샷과 시점 목표를 먼저 알린 뒤 양쪽 물가와 폐쇄된 다리를 보여 주고, 마지막에 우회로 입구를 제시 샷 3 끝에 선택지를 띄우되 경로의 연결 관계는 계속 보이게 유지

구체적인 편집은 다음과 같습니다. 샷 1은 밧줄 고리의 클로즈업으로 주목할 대상을 설정합니다. 샷 2는 캐릭터의 전신이 포함된 측면 와이드 샷으로 전환합니다. 뻗은 손은 이쪽 물가 난간 안쪽에서 멈추고, 수면과 직선 다리의 차단물, 밧줄 고리를 한 프레임에 담습니다. 샷 3은 캐릭터가 몸을 돌릴 때 살짝 이동하며 물가를 따라 이어지는 길의 입구, 창고 모퉁이, 옆쪽 다리가 물가에 연결되는 지점을 드러낸 뒤 선택지를 제시합니다.

이 버전에서 추가한 것은 행동을 이해하는 데 필요한 공간 관계입니다. 원래 버전은 ‘무엇을 처리해야 하는가’에만 답합니다. 보충한 버전은 ‘어디서 출발하는가’, ‘왜 곧장 갈 수 없는가’, ‘우회는 어디서 시작하는가’에도 답할 수 있습니다. 경로 전체를 걸어 보여 줄 필요도, 무관한 부두 시설을 하나씩 보여 줄 필요도 없습니다.

4. 시간 압박과 공간적 거리를 따로 확인하기

돌아가야 한다는 사실을 이해했다고 해서 반드시 늦는다는 사실까지 아는 것은 아닙니다. 이 사례에서 기한을 결정하는 사건을 제시하지 않았다면, 길이 굽어 있다는 이유만으로 결말에서 플레이어가 ‘시간이 부족하다’는 것을 알았어야 한다고 단정할 수 없습니다. 이때는 이동 행동을 계속할 수 있게 하거나, 결과가 불확실한 시도임이 드러나도록 선택지를 표현해야 합니다.

각본에 곧 물가를 떠날 작은 배를 추가한다고 가정해 봅시다. 그렇다면 선택 전에 배와 밧줄 고리의 관계, 배가 물가를 떠나는 동작이 어디까지 진행됐는지를 알려야 합니다. 건너편 사람이 승선용 발판을 거두는 모습을 보여 주고, 이 동작과 우회 경로를 하나의 연속된 상황 안에 담을 수 있습니다. 이는 상황이 진행 중이라는 사실을 보여 주지만, 그것만으로 정확한 도착 기한까지 입증하지는 못합니다.

이야기상 우회가 반드시 실패해야 한다면, 이동 과정과 배가 떠나는 과정이 그 결과를 뒷받침하는지 더 확인해야 합니다. 근거를 마련할 수 없다면 결과나 선택 시점을 조정합니다. 긴장감 있는 음악으로 공간적 근거를 대신해서는 안 됩니다. 또한 ‘가서 밧줄 풀기’를 클릭한 뒤 캐릭터가 갑자기 전력 질주하거나, 기어오르거나, 물에 뛰어드는 행동으로 슬쩍 바꿔서도 안 됩니다.

공간 관계를 보충하는 샷은 분량을 차지하며, 클로즈업이 주는 눈앞에 다가온 듯한 느낌을 약화할 수도 있습니다. 먼저 클로즈업을 유지해 행동 충동을 일으킨 뒤, 선택을 확정하기 전에 공간을 펼쳐 보여 줄 수 있습니다. 이렇게 하면 감정의 전환을 살리면서도 플레이어가 첫인상을 수정할 기회를 갖게 됩니다.

5. 선택 화면에서 멈춰 부족한 정보를 확인하기

스토리보드를 검토할 때는 선택지가 나타나는 지점에서 자료를 멈추고 이후 결과를 가립니다. 설계에 참여하지 않은 사람에게 출발점, 목표, 이용 가능한 입구, 직선 경로가 막힌 위치를 짚어 달라고 한 다음, 예상하는 이동 과정을 설명해 달라고 합니다. 이는 확인 방법에 대한 제안입니다. 이 사례에서는 테스트를 실행하지 않았으며 보고할 통과율도 없습니다.

상대가 여전히 손을 뻗으면 밧줄에 닿는다고 생각한다면 양쪽 물가가 실제로 한 프레임에 담겼는지 다시 확인합니다. 물을 사이에 둔다는 것은 알지만 직선 다리를 건널 수 있다고 생각한다면 차단물이 온전히 보이는지 확인합니다. 창고 뒤에 길이 없다고 생각한다면 길이 들어가고 다시 나오는 지점의 관계를 보충합니다. 각 수정은 누락된 근거 하나에 대응해야 하며, 목적 없이 원경 샷을 추가하지 않도록 합니다.

최종 크롭과 선택지가 덮는 영역도 확인해야 합니다. 경로 설명에 필요한 옆쪽 다리가 화면 밖으로 잘리거나 차단물이 버튼에 가려진다면, 시트에 적었다고 해서 제시가 완료된 것은 아닙니다. 여기서 확인하려는 것은 근거가 화면에 남아 있는지 여부이며, 인터페이스 규칙 전체를 만드는 일이 아닙니다.

이 시트는 알려진 공간을 바탕으로 이동 방식을 결정하는 장면에 적합합니다. 캐릭터가 모르는 길을 탐색하도록 의도한 게임플레이라면 ‘경로가 아직 확실하지 않다’는 점을 미리 알리고, 선택에 탐색의 위험이 따르게 해야 합니다. 검수 기준은 플레이어가 왜 돌아가야 하는지, 무엇이 아직 알려지지 않았는지 이해할 수 있는가입니다. 정확한 거리 추정을 요구하지 않으며, 화면만 보고 모든 행동 결과를 예측할 수 있다고 보장하지도 않습니다.

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

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

작품 색인 보기
텍스트 게임

가족 단톡방의 어머니

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

텍스트 게임

한 카운티, 두 가지 진실

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

텍스트 게임

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

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

인터랙티브 영상

남은 병상 하나

중환자실 병상은 하나뿐인데 여러 환자가 기다리고 있다. 모든 의료적 판단에는 인간적인 대가가 따른다.

계속 읽기

더 많은 글 보기
영화적인 에디토리얼 일러스트: 같은 성인 인물을 나타내는 두 개의 걷는 실루엣이 안뜰과 계단에서 각각 밝은 복도로 들어온다. 창가 화분을 공통 기준물로 삼고, 영화 같은 구도로 이동 방향이 합쳐지는 지점을 강조한다.
인터랙티브 무비 게임 내러티브 디자인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.