코믹, 만화, 웹툰의 효과적인 스토리텔링과 디자인 팁

코믹, 만화, 웹툰의 효과적인 스토리텔링과 디자인 팁

연속적이고 시각적인 내레이션 기법

지붕 위의 두 캐릭터

만화를 더 멋지고 읽기 쉽게 하는 작은 요소들이 많이 있습니다. 이 글에는 만화를 만들 때 초보자가 자주 하는 실수를 피하기 위한 전문가의 조언이 포함되어 있습니다. 이 글을 통해 자신감을 가지고 프로젝트를 시작하고 스토리를 명확하게 표현할 수 있습니다.
CLIP STUDIO PAINT 등의 디지털 만화 앱을 사용하여 독자를 작품에 끌어들이기 위한 기법을 배우세요. 효과적으로 스토리를 컷으로 나누는 방법, 배경을 활용하여 스토리를 강화하는 방법, 타이포그래피에 대한 요령이 포함되어 있습니다.

컷 레이아웃과 스토리보드

컷의 구성과 속도

스토리를 효과적으로 전하기 위해서는 컷의 구성과 속도를 고려해야 합니다. 페이지 형식의 만화책이든 웹툰이든 컷의 흐름이 부드럽고 각 페이지나 에피소드가 독자를 다음 전개로 이끄는 것이 중요합니다.
스토리보드를 작성할 때는 다음 사항을 고려하세요.

  • 페이지나 에피소드의 시작과 끝은 어디에 설정할까?
  • 에피소드를 시작부터 끝까지 전하기 위해 그 사이에 어떤 사건이 필요한가?
  • 사건의 순서는 어떻게 할까? 이 스토리 중 몇 개의 부분을 묘사할까?
  • 독자는 어떻게 하나의 컷에서 다음 컷으로 넘어갈까?
  • 마지막 컷은 어떻게 다음 페이지나 에피소드와 연결되어 있는가?

효과적인 컷 분할

독자가 스토리의 흐름을 이해하기 위해서는 캐릭터 묘사에만 의존하는 것이 아니라 배경과 구도를 고민해야 합니다.

컷의 흐름을 자연스럽게 하기 위해서는 독자를 왼쪽에서 오른쪽, 그리고 아래쪽으로 유도하는 것이 좋습니다.
이 예에서는 왼쪽 페이지의 마지막 컷에 있는 캐릭터의 방향이 독자를 자연스럽게 다음 페이지로 유도하고 있습니다. 가로쓰기 언어는 일반적으로 왼쪽에서 오른쪽으로 진행되므로 서양의 독자들은 등장인물이 왼쪽에서 오른쪽으로 움직이는 것이 자연스럽다고 느낍니다.

컷 분할로 스토리 전개

완성된 페이지는 다음과 같습니다.

완성된 페이지

컷에 변화 주기

컷에는 다양한 종류가 있으며 스토리를 전달하기 위한 효과적인 도구입니다. 언뜻 보면 표준적인 것처럼 보이지만 다른 사용법이나 조합으로 스토리에 드라마를 만들어 낼 수 있습니다.
예를 들어 하나의 액션에 여러 컷을 할당하여 시간의 흐름을 연장하거나 세세한 부분을 보여주거나 보통 보이지 않는 액션 과정을 묘사할 수 있습니다. 또한 클로즈업 등을 사용하여 스토리에 흥분이나 긴장감을 줄 수 있습니다.

와이드 숏

은하 속 우주선의 와이드 숏

더 넓은 장소를 보여주는 컷으로 장면의 맥락을 전달합니다.

캐릭터 얼굴 클로즈업

클로즈업 컷으로 중요한 순간에 캐릭터의 감정을 표현합니다.

차분하면서도 흥분된 감정을 표현하는 캐릭터의 얼굴 클로즈업

오브젝트의 클로즈업

중요한 오브젝트의 클로즈업은 특히 대화 장면에서 스토리에 다양성과 맥락을 더합니다.

스토리에 맥락을 더하는 찻주전자와 모닥불의 클로즈업

겹치는 컷

컷을 겹쳐서 컷 밖으로 요소를 튀어나오게 하면 흥미로운 화면 전환을 연출할 수 있습니다. 다만 겹치는 컷을 많이 사용하면 독자에게 혼란을 줄 수 있으므로 주의해야 합니다.

스토리의 역동적인 전개를 보여주기 위해 겹친 컷

역동적인 액션과 움직임

코믹, 만화, 웹툰은 정적인 이미지이지만 원인과 결과를 통해 액션을 표현하는 데 사용할 수 있습니다. 다음 예와 같이 고정된 카메라를 사용하는 것처럼 한 컷에서 움직임을 그려본 적이 있을지도 모릅니다.

두 사람의 움직임을 포착한 그림

이것은 두 사람의 위치를 보여 주지만 한 장의 그림으로는 동작의 진행을 전달하기에 충분하지 않습니다. 액션을 효과적으로 전달하기 위해서는 예상, 액션, 반응의 3가지 요소가 필요합니다. 왼쪽에서 오른쪽으로 진행하면서 각 컷의 카메라 앵글을 변경할 수도 있습니다.

펀치의 흐름을 보여주는 3D 모델: 예비 동작, 충격, 반응

이 '예상, 액션, 반응' 기법은 액션 장면뿐만 아니라 모든 장면에 적용할 수 있습니다. 예를 들어 캐릭터가 펀치를 날리는 장면을 그릴 때 팔을 당기는 동작(예비 동작), 펀치를 날리는 순간(액션), 그리고 상대가 쓰러지는 장면(반응)을 묘사하면 펀치의 흐름을 효과적으로 표현할 수 있습니다.

장면 속 캐릭터의 감정을 더 표현하려면 캐릭터의 얼굴 클로즈업 컷을 추가하는 것이 효과적입니다.

매력적인 배경

배경은 코믹, 만화, 웹툰에서 중요한 요소입니다. 배경은 대사를 사용하지 않고도 장면의 변화나 캐릭터의 위치를 나타낼 수 있습니다.

환경 디자인과 조사

코믹, 만화, 웹툰의 배경을 그릴 때는 각 장면의 무대를 미리 결정해야 합니다.

주인공의 집처럼 자주 등장하는 장소는 방의 레이아웃을 참고할 수도 있습니다. 이를 통해 스토리 전체에서 문이나 가구의 레이아웃을 통일할 수 있습니다.

설정의 세부 사항을 결정할 때 스토리와 캐릭터에 어떤 정보를 제공할지 고려해야 합니다. 예를 들어 캐릭터는 깔끔한지 지저분한지, 어떤 장식이 있는지, 도시를 디자인한다면 미래지향적인지 전통적인지, 넓고 여유로운지 혼잡한지. 이 모든 상세한 내용들이 스토리에 개성을 더합니다.

배경에 3D 소재 활용

3D 모델은 만화에서 복잡한 설정을 참조하거나 레이아웃을 일관성 있게 유지하기 위해 자주 사용합니다.

배경에 3D 모델을 사용한 예

CLIP STUDIO PAINT에서는 방, 거리, 역 등의 3D 모델을 가져와 자유롭게 각도를 바꾸거나 확대 또는 축소할 수 있습니다. 스토리보드가 완성되면 3D 모델을 직접 선으로 변환하거나 불투명도를 낮춰서 그림을 그릴 때 일반적인 가이드로 사용할 수 있습니다.

배경의 원근법과 깊이

배경에 원근법을 사용하면 깊이감을 연출할 수 있습니다. 원근법은 앞에 있는 것은 크게, 멀리 있는 것은 작게 그려서 거리감을 표현하는 기법입니다.

다음 그림은 원근법을 사용한 역동적인 구도의 예입니다. 열차나 건물의 깊이는 원근법으로 표현되었습니다. 시선이 전경의 주인공과 일치하고 도로와 자동차가 아래쪽으로 작게 그려져 있어 높낮이 차이도 표현했습니다.

깊이 있는 원근법을 활용한 구도

배경, 캐릭터, 대사의 균형

설정이 주를 이루는 넓은 컷에는 배경을 세밀하게 그려야 하지만 모든 컷의 배경을 세밀하게 그릴 필요는 없습니다. 캐릭터가 주인공인 컷에서는 캐릭터가 눈에 띄도록 배경을 변경하는 기법을 사용합니다.

디지털 아트 소프트웨어를 사용하면 배경을 그린 후 캐릭터가 중심이 되도록 조정할 수 있습니다.

예를 들어 배경선을 인물이나 말풍선의 선보다 가늘게 또는 옅게 할 수 있습니다. 장르에 따라 인물 주변에 여백을 넣어 인물을 두드러지게 할 수도 있습니다.

배경선을 전체적으로 옅게 하고 캐릭터 주변을 하얗게 처리한 예

웹툰의 간단한 배경

웹툰은 스마트폰의 작은 화면에서 읽기 때문에 배경은 세밀하게 그리기보다 단순하게 그리는 경우가 많습니다.

인물보다 단순하게 그려진 배경의 예

배경선을 가늘게 하고 색을 옅게 하여 인물을 돋보이게 할 수 있습니다.

다음 그림은 CLIP STUDIO PAINT에 3D 배경 소재를 가져온 것인데 색이 너무 짙습니다. 인물과 색이 잘 어우러지도록 3D 소재 위에 필터를 적용했습니다.

웹툰 배경색을 조정한 예

타이포그래피 강화

간과하기 쉽지만 만화, 웹툰, 애니메이션에서 타이포그래피는 스토리를 원활하게 전달하기 위해 매우 중요한 요소입니다. 이 부분에서는 이상적인 글꼴, 텍스트 배치, 볼륨 및 효과음에 대한 요령을 설명합니다.

적절한 글꼴 선택

서양식 만화에서는 손으로 그린 블록 대문자 글꼴을 선호합니다. 효과음에는 다양한 글꼴이 사용되며 대사에는 일반적이고 가독성이 좋은 글꼴이 선호됩니다. 만화 글꼴 중에는 사용에 라이선스가 필요한 것도 있지만 CLIP STUDIO PAINT에는 프로젝트에 상업적으로 사용할 수 있는 Clip Studio Comic 글꼴이 포함되어 있습니다.

나라에 따라 선호하는 글꼴이 다릅니다. 다음 그림은 동일한 작품의 다른 글꼴을 보여줍니다. 왼쪽은 영어 Clip Studio Comic이고 오른쪽은 독일어 CCMarian Churchland입니다.

언어별로 다른 글꼴이 사용되는 예

식자와 말풍선

대사 텍스트와 말풍선 크기의 균형에 주의하세요.
텍스트를 크게 하는 것도 중요하지만 말풍선에는 충분한 여백이 있어야 합니다. 이렇게 하면 텍스트에 여유가 생겨서 읽기 쉬워집니다.

긴 대사가 컷의 중요한 요소를 가리지 않도록 스토리보드 단계에서 예정된 대사를 대략적으로 추가하는 것이 좋습니다.

여백이 있는 말풍선과 없는 말풍선의 비교

만화에 포함할 수 있는 대사 길이에 대한 규칙은 없지만 한 컷당 최대 35 단어가 적절합니다. 대사가 길다면 여러 줄로 나누어 읽기 쉽도록 작성하세요.

긴 대사가 포함된 말풍선의 개선 예

효과음을 창의적으로 작성

효과음, 즉 의성어는 만화에 깊이, 충격, 몰입감을 더합니다. 효과음은 손으로 그리거나 다양한 글꼴로 표현할 수도 있습니다. CLIP STUDIO PAINT에서는 미리 그려진 효과음을 다운로드하여 사용할 수도 있습니다.

아래 예에서는 흩어진 햄버거 위치에 맞추어 효과음을 배치했습니다. 물체의 위치에 효과음을 맞추어 효과음이 자연스럽게 그림에 녹아들었고 묘사에 더 큰 효과를 줍니다.

햄버거가 부딪히는 장면의 컷

효과음은 더 큰 효과를 주기 위해 컷에서 크게 벗어나게 배치할 때가 많습니다. 이는 마치 소리가 페이지 밖으로 튀어나오는 듯한 인상을 줍니다.
효과음 문자를 그릴 때는 글자의 질감, 배치, 색이 의미와 어떻게 일치하는지 고려합니다.

고양이가 우는 효과음의 예

CLIP STUDIO 사용 후기

스푼(spoon)
웹툰작가
한국
웹툰과 일러스트의 밑그림부터 마무리까지 모든 과정을 작업하고 있습니다.
만물상(Manmulsang)
웹툰 작가
한국
선화 작업에 특화되어 있으며 빠른 색 작업이 가능합니다.
Kenny Ruiz
만화가
스페인
CLIP STUDIO PAINT에서는 제가 그리고 싶은 것을 자유롭게 표현할 수 있습니다.
Charlie Adlard
만화가
영국
하나의 앱에서 필요한 모든 작업을 할 수 있습니다.
Laovaan
만화가, 일러스트레이터
독일
이 앱은 여러분이 창의력을 발휘하고 새로운 것을 시도하도록 이끌어 줍니다

CLIP STUDIO PAINT PRO

컨셉 아트, 일러스트, 디자인에 최적

Windows/macOS/iPad/iPhone/Galaxy/Android/Chromebook

Windows/macOS/iPad/iPhone/Galaxy/Android/Chromebook

Windows/macOS 버전

CLIP STUDIO PAINT EX

만화, 웹툰, 애니메이션 제작에 최적

Windows/macOS/iPad/iPhone/Galaxy/Android/Chromebook

Windows/macOS/iPad/iPhone/Galaxy/Android/Chromebook

Windows/macOS 버전

PRO

EX

한 페이지 일러스트/만화

여러 페이지 일러스트/만화

움직이는 일러스트와 짧은 애니메이션 *최대 24프레임

풀 애니메이션

자연스러운 필기감의 커스터마이즈 가능한 펜과 브러시

벡터 레이어

10,000점 이상의 무료 다운로드 가능한 콘텐츠와 브러시

3D 모델과 3D 데생 인형 활용

Photoshop 등의 소프트웨어와 호환

RGB 및 CMYK 호환

macOS와 Windows에 대응

-

여러 페이지 책 인쇄와 내보내기

-

3D 모델과 2D 화상 데이터의 선화와 톤을 몇 단계로 분리시켜 표현하는 포스터리제이션을 사용하여 만화 같은 표현으로 변환

무상 기술 지원

무상 웹 서비스 및 커뮤니티
CLIP STUDIO ASK/ASSETS/TIPS/SHARE