웹툰과 페이지 기반 만화는 언뜻 보기에는 크게 다르지 않아 보일 수 있습니다. 하지만 실제로는 완전히 다른 독서 경험을 제공합니다. 세로 스크롤 형식은 독자에게 한 번에 두 개 이상의 패널을 거의 보여주지 않습니다. 이는 장면 전환과 같은 만화의 긴장감을 조성하고 구조적 요소를 다루는 다양한 방법을 가능하게 하고 요구합니다.이 튜토리얼에서는 기술적 관점과 개념적 관점에서 장면 전환을 만드는 8가지 기술을 소개합니다.이 튜토리얼의 비디오 버전을 보고 싶다면 여기에서 찾을 수 있습니다:

기본 팁

우선, 웹툰 제작을 막 시작하는 분이라면 제 다른 튜토리얼인 “인쇄물과 웹툰 모두를 위한 만화 만들기”를 먼저 확인해보시길 권합니다. 이 튜토리얼은 몇 가지 기본 사항을 다룹니다.

둘째, 웹툰 작업을 할 때 항상 염두에 두어야 할 중요한 점은 독자가 휴대폰이나 태블릿에서 만화를 읽을 때 어떻게 보일지입니다. 과거에는 일반적인 휴대폰 화면 크기로 작은 빨간색 사각형을 그려 웹툰 위에 겹쳐서 어떤 부분이 보이는지 파악하는 데 도움이 된다는 것을 알았습니다. 하지만 버전 1.10.5부터 Clip Studio Paint는 “보기” 메뉴 아래에 “화면 영역” 옵션을 추가하여 훨씬 편리하게 이 가이드라인을 활성화할 수 있게 되었습니다!

이를 염두에 두고, 사용할 수 있는 몇 가지 구체적인 장면 전환 기술 예시로 넘어가겠습니다:

기술 #1 - 확대 및 축소

이것은 두 가지 기본 기술 중 하나이며, 이 튜토리얼에서 이야기할 다른 몇 가지 기술과 함께 사용하는 것을 보게 될 것입니다.매우 간단합니다: 장면을 설정할 때, 저는 점차적으로 확대하는 것을 좋아합니다. 마찬가지로, 장면을 끝낼 때, 점차적으로 축소하는 것을 좋아합니다. 이것은 독자에게 특정 초점 감각을 전달하는 데 도움이 됩니다. 흥미로운 것을 보고 싶다면, 그것에 더 가까이 다가가거나 얼굴 가까이 대고 살펴보겠죠. 웹툰에서 이 기술을 사용할 때, 우리는 독자를 위해 이 동작을 수행하며 그들에게: “이봐, 뭔가 일어날 것 같아” 또는 “좋아, 이 장면은 여기까지야”라고 말하는 것입니다.

기술 #2 - 색상

장면 간을 전환하는 다른 가장 명확한 방법은 시각적으로 구분하는 것입니다. 가장 쉬운 방법 중 하나는 서로 다른 색상을 사용하는 것입니다. 물론 밝기 또한 다른 옵션이며, 웹툰이 흑백인 경우 특히 중요합니다.예를 들어, 여기서는 따뜻하고 파스텔 톤의 녹색 오버톤이 있는 엔리코의 방을 보여줍니다. 한편, 다저(Dodger)는 갈색 카펫 위에 누워 있습니다. 이것이 색상 변화의 가장 극적인 예시는 아니지만, 이러한 기술로 항상 독자를 압도할 필요는 없으며 미묘한 적용만으로도 의도를 잘 전달할 수 있다는 유용한 알림입니다.

특정 동작이 두 장소에서 모두 발생하고 있다면 색상을 사용하여 두 개의 별개 장소를 연결할 수도 있습니다. 여기서는 엔리코의 흥분이 다저에게 전달되는 것을 표현하기 위해 황홀한 노란색 배경을 사용하고 있습니다. 비록 문자 메시지를 통해서일지라도 말이죠:

기술 #3 - 마음속으로 들어가기

이제 더 고급 기술로 넘어가겠습니다.이 기술은 회상 장면이나 캐릭터의 상상 속에서 일어나는 장면으로 전환할 때 유용합니다.

캐릭터에 초점을 맞춘 패널로 시작하여, 그들의 얼굴에 더 가깝게 확대되는 패널을 추가합니다. 원한다면 더 확대되는 패널을 더 추가하고 대사를 함께 넣을 수 있습니다. “현실” 세계 장면의 마지막 패널과 기억이나 상상 속 장면의 첫 번째 패널을 만들 때, 특히 캐릭터의 배치를 고려하여 유사한 구성을 사용하는 것이 유용할 수 있습니다. 두 패널에서 같은 모습이거나 같은 표정을 지을 필요는 없습니다. 그러나 캐릭터는 각 장면의 명확한 초점이어야 합니다. 독자들이 이것이 기억이나 백일몽이라는 연결을 만드는 데 도움이 되는 기준점이죠. 위 예시에서는 제가 만든 캐릭터 다저(Dodger)가 환영을 볼 수 있다는 설정을 이미 해두었기 때문에 이 규칙에서 벗어났습니다. 또한, 그의 환영의 초점은 새미(Sammy)입니다. 저는 그를 패널의 중심 요소로 보여줄 필요성을 느끼지 못했고, 그저 뒤에서 새미를 관찰하는 모습으로 보여주었습니다. 이러한 패널 뒤에 그라데이션을 추가하여, 예를 들어 기억되거나 상상된 패널의 지속 시간 동안 밝은 배경에서 어두운 배경으로 전환하는 것이 유용할 수 있습니다. 이것은 독자들에게 다른 배경색 앞에 있는 모든 패널이 현재 시간선이나 현실의 일부가 아니라는 것을 전달하는 데 도움이 됩니다.

물론, 그라데이션 사용에만 국한되지 않습니다! 이 섹션의 시작 부분에 있는 제 예시에서는 특정 선화 효과와 독특한 색상 팔레트를 사용하여 동일한 최종 결과를 얻었습니다.그라데이션 도구를 레이어 톤 옵션과 결합하여 빠르고 쉽게 독특한 효과를 만들 수도 있습니다.

자세한 내용은 이 튜토리얼, 특히 “톤 그라데이션” 섹션을 확인하는 것을 강력히 추천합니다:

또한, 극적으로 연출할 의도가 아니라면 이런 종류의 전환을 항상 길게 만들 필요는 없습니다. 이 기술의 단축 버전은 개그나 캐릭터가 갑작스러운 깨달음을 얻는 것과 같은 상황에 유용합니다.

여기서는 다저(Dodger)의 얼굴을 확대하지 않고 짧게 회상을 보여줍니다. 그러나 독자를 직접 바라보는 그의 표정, 비네팅 효과, 그리고 회상 패널의 생각 풍선 스타일 테두리 모두가 독자에게 이것이 기억이라는 것을 전달하는 데 도움이 됩니다.

기술 #4 - 단일 장면에서 여러 동작

이 기술을 사용하면 거의 애니메이션과 같은 효과를 얻을 수 있습니다. 단일 동작의 여러 단계 또는 연결된 여러 동작을 보여줌으로써 이러한 동작에 강조를 줄 수 있습니다.다음은 한 가지 예시입니다:

저는 장면에 고요한 이른 아침 분위기를 조성하고 싶어서 새가 공중을 나는 모습을 보여주기로 결정했습니다. 하늘이 수직 공간을 많이 제공하기 때문에, 저는 같은 새가 이 동작의 다른 단계에 있는 것을 보여줄 수 있었습니다.또한, 장면 시작 부분에서는 아직 무슨 일이 일어나는지 문맥을 알 수 없으며, 새가 알아볼 수 있는 랜드마크에 착륙할 때 비로소 독자들은 그것이 이야기와 어떻게 관련되는지 이해할 것입니다. 이것은 흥미를 유발하는 데 도움이 될 수 있습니다.동일한 기술은 단일 배경 패널에도 적용될 수 있으며, 이전 예시처럼 고요한 주변 환경을 강조하거나, 이 개념처럼 매우 빠른 동작을 강조할 수 있습니다:

대안으로, 각 패널에서 배경과 구도를 동일하게 유지하고 캐릭터의 동작만 변경하는 여러 패널을 사용할 수도 있습니다. 구도상의 이유로 단일 배경 패널 기술을 사용할 수 없는 경우, 이 옵션도 똑같이 유효합니다:

또한, 한 패널에서 캐릭터가 동작을 시작하는 것을 보여주고, 그 다음 어떤 패널 밖에서 동작의 다양한 단계를 보여주며, 마지막으로 또 다른 패널에서 동작을 완료하는 방식으로 장소를 전환할 수도 있습니다.

기술 #5 - 텍스트로 장소 연결하기

다른 장소에서 동일한 사건이 발생하거나 다른 시점에서 보여질 때, 이 두 장면 사이의 연결을 전달하기 위해 텍스트나 색상을 사용하는 것이 유용할 수 있습니다.예를 들어, 여기 캐릭터들을 서로 연결하기 위해 텍스트를 사용하는 두 가지 예시가 있습니다. 두 경우 모두, 텍스트가 캐릭터를 보여주는 패널을 벗어나거나 확장됩니다. 이것은 독자들에게 이 텍스트(대화 또는 음향 효과)가 묘사된 장소의 경계를 말 그대로 넘어선다는 것을 전달하는 데 도움이 됩니다.

제 다른 웹툰 튜토리얼을 보셨다면, Clip Studio Paint에 전용 패널 도구가 있다는 것을 아실 겁니다. 이것은 웹툰 파일을 정리하고 깔끔하게 유지하는 데 매우 유용합니다. 하지만 이 장면 전환 기술을 사용한다면, 패널 폴더 안에 있는 것이 아니라 위에 위치하는 새 레이어를 만들어야 그림이 패널 밖으로 보이게 됩니다.

기술 #6 - 배경을 천천히 설정하기

두 설정 사이에서 장면을 전환하고 싶다면, 때로는 천천히 하는 것이 합리적일 수 있습니다.예를 들어, 외부 장면에서 다른 장소의 내부 장면으로 전환할 경우, 내부를 보여주기 전에 먼저 외부에서 다른 장소를 보여주고 싶을 수 있다는 의미입니다.

여기서는 외부 및 내부 장면 사이에 추가 패널을 넣어 장면의 분위기를 더욱 확립했습니다. 물방울 떨어지는 소리는 조용한 환경에서만 들릴 것이며, 이 패널이 이를 전달하는 데 도움이 됩니다.또한 외부 패널의 크기를 독자의 스마트폰 화면을 완전히 채우도록 선택했다는 점을 염두에 두십시오. 이와 같은 큰 패널은 독자들이 장면에 머무르게 하고 더 중요하게 느끼도록 돕습니다. 다른 장소 간의 전환에서 이것은 독자의 주의를 끌고 이 전환을 강조하는 데 유용한 기술이 될 수 있습니다.

기술 #7 - 시간의 흐름 전달하기

배경 풍경을 보여주는 패널은 시간의 흐름을 표현하는 데 유용한 방법입니다. 예를 들어, 조명, 날씨 또는 상점 폐점, 주차장을 떠나는 자동차와 같은 세부 사항까지 변경할 수 있습니다. 가능성은 무궁무진합니다!

참고: 장면의 조명을 변경하고 싶다면, 특히 미묘한 방식으로 변경하고 싶다면, 처음부터 장면을 완전히 다시 색칠하는 대신 보정 레이어를 사용하는 것이 도움이 되고 더 빠를 수 있습니다. 보정 레이어에 대한 자세한 내용은 다음 튜토리얼을 참고하세요:

이 기술을 사용할 때 패널 사이의 간격을 염두에 두는 것이 중요합니다! 패널을 서로 가깝게 배치하면 독자들이 빠르게 스크롤하여 지나갈 수 있으며, 이는 이 패널들이 더 짧은 시간 동안 발생한다고 느끼게 할 수 있습니다. 패널 간격을 넓게 벌리고 독자들이 스크롤하는 데 더 오랜 시간이 걸리게 하면, 시간의 흐름에 대한 감각이 증가할 것입니다!

기술 #8 - 대화를 먼저 보여줌으로써 흥미 유발하기

웹툰에 초점을 맞춘 다른 튜토리얼에서 이미 이 기술에 대해 이야기했지만, 여기서 다시 한번 강조하고 싶습니다. 장면을 암시하는 대화를 먼저 보여줌으로써 새로운 장면이나 장소를 공개하는 놀라움을 증폭시킬 수 있습니다.대화가 휴대폰 화면 전체를 차지하도록 하여 독자들이 잠시 이 대화에 대해 생각하게 합니다. 이 순간 동안, 그들은 그 함의에 대해 궁금해하고 의식적이든 무의식적이든 머릿속으로 장면을 구축할 수 있습니다!그 후에는 전체 장면을 보여줄 수 있으며, 독자의 기대를 뒤집어 놀라게 하거나 예측이 맞아떨어졌을 때 흥분시킬 수 있습니다!

감사합니다!

여기까지 왔습니다. 이 여덟 가지 기술이 웹툰을 만들 때 유용하고 영감을 주기를 바랍니다. 물론 장면 전환을 처리할 수 있는 훨씬 더 많은 옵션이 있습니다. 그것들을 배우는 가장 좋은 방법 중 하나는 분석적인 접근 방식으로 웹툰을 읽고 어떤 종류의 기술이 당신에게 인상을 남기고 왜 그런지 파악하려고 노력하는 것입니다!좋아하는 전환 기술이 있으신가요? 댓글 섹션에서 자유롭게 토론해주세요! 언제나처럼 읽어주셔서 감사합니다!아, 그리고 여기에서 본 내용이 마음에 드셨다면, 제 만화를 확인해보시는 건 어떨까요?