웹툰

웹툰 제작 초보자 가이드!

549,668

1,391

sshooooe

[A] 소개

안녕하세요, shoe입니다! 이 튜토리얼에서는 웹툰 제작에 필요한 기본 사항 또는 반드시 알아야 할 내용을 알려드립니다. 이 튜토리얼에서 사용한 모든 도구/자료는 무료이며 CLIP STUDIO ASSETS 스토어에서 찾을 수 있습니다.

웹툰을 재미있게 만드는 것은 각 창작자의 개성과 스타일이기에, 저는 저의 예술적 과정은 자세히 설명하지 않고 어떤 도구를 사용해야 하는지, 3D 모델과 2D 일러스트레이션을 어떻게 혼합하는지와 같은 기술적인 세부 사항만 설명할 것입니다.

저는 전문가가 아니며 취미로만 웹툰을 만든다는 점을 알려드립니다. 이 튜토리얼에서 제가 말하는 모든 내용은 제가 스스로 배운 것을 기반으로 합니다. 이 튜토리얼을 즐겁게 시청하시고 몇 가지 팁을 얻어가시길 바랍니다! :D

[B] 캔버스 만들기

[참고] 웹툰은 주로 휴대폰으로 읽는 디지털 만화입니다. 특정 장면 작업 시 혼동하거나 길을 잃지 않도록 더 긴 캔버스에서 작업하는 것이 좋습니다. 이는 또한 이야기의 분위기나 기분을 조성하는 데 도움이 됩니다.

1) 캔버스 만들기

먼저 왼쪽 상단 명령 모음에서 [새로 만들기]를 클릭하여 새 캔버스를 만듭니다:

[파일]로 이동하여 [새로 만들기]를 선택하거나 키보드에서 [CTRL + N]을 눌러 새 캔버스를 만들 수도 있습니다.

창이 열리면 [너비]와 [높이]로 이동하여 캔버스 크기를 변경합니다. 웹툰의 표준 크기는 800x1280px이지만 저는 더 긴 캔버스에서 작업하는 것을 선호합니다. 제가 사용하는 캔버스는 800x7680px이며, 이는 800x1280px 캔버스 6페이지에 해당합니다.

*[자르기]는 페이지 작업을 마친 후에 논의될 것입니다!

2) 사전 설정 만들기

휴지통 아이콘 옆에 있는 아이콘을 클릭합니다. 이렇게 하면 캔버스가 사전 설정으로 저장되어 다음번에 캔버스 크기를 수동으로 입력할 필요가 없습니다. 웹툰을 만들려면 많은 페이지가 필요하며, 이렇게 하면 작업량을 줄일 수 있습니다.

창이 열리면 사전 설정 이름을 [WEBTOON]으로 변경한 다음 [확인]을 클릭합니다.

이제 캔버스가 준비되었습니다!

[C] 패널링 / 패널 만들기

[참고] 대화나 장면을 위한 스크립트가 있는 것이 중요합니다. 그렇지 않으면 웹툰의 흐름이 어색하고 부자연스럽게 보일 수 있습니다. 미리 장면에 대한 스케치를 종이에 하는 것도 패널 계획에 도움이 됩니다.

1) 패널 만드는 방법

먼저 [보기]로 이동하여 [그리드]를 선택하거나 키보드에서 [CTRL + E]를 누릅니다.

[그리드에 스냅]이 켜져 있는지 확인합니다. 명령 모음에서 찾을 수 있습니다.

이것을 켜면 패널이 균형 잡히고 깔끔하게 보이지만, 자신의 예술적 스타일을 위해 패널을 비대칭으로 만들고 싶다면 이 단계를 건너뛰어도 좋습니다. 결국 웹툰의 재미는 독특한 스타일에서 나오니까요!

패널을 만드는 방법은 두 가지입니다:

하나은 [테두리 프레임] 도구를 사용하는 것이고 다른 하나는 [도형] 도구를 사용하는 것입니다.

저는 [테두리 프레임] 도구를 더 자주 사용하는데, 이 도구는 패널에 마스크를 자동으로 생성하기 때문입니다. 이렇게 하면 선이 패널을 통과하지 않습니다.

하지만 어떤 경우에는 다른 분위기나 장면으로 전환되는 패널에 [도형] 도구를 사용할 수도 있습니다. 어떤 것을 선호하는지 실험해보세요!

[테두리 프레임] 도구를 사용하여 만든 패널.

[도형] 도구를 사용하여 만든 패널.

2) 패널 계획하기

여기에서 스크립트를 미리 준비하는 것이 중요해집니다.

저는 미리 준비한 스크립트를 사용하여 패널을 스케치합니다. 이 페이지는 제 스크립트에서 한 문장에 불과합니다. 스크립트는 [“주인공이 편지를 발견하고 읽은 후 웁니다.”]입니다.

[참고] [내비게이터]를 열어두면 패널 배치에 도움이 됩니다. 웹툰은 각 패널 다음에 “여백” 또는 간격이 필요합니다. 그렇지 않으면 혼란스럽고 지저분해 보일 것입니다. 여백은 이야기의 분위기를 설정하고, 기분을 조성하며, 독서 흐름을 더 쉽게 만드는 데 도움이 됩니다.

패널들이 너무 가깝게 붙어 있으면 독자들이 읽기 어려울 것입니다.

3) 패널 조정하기

[그리드]를 다시 엽니다. 패널들이 너무 가깝고 그 사이에 충분한 공간이 없어서 장면을 두 페이지로 나누기로 결정했습니다.

*캔버스가 너무 길기 때문에 한 페이지만 완성된 결과물을 보여드리겠습니다. 어차피 웹툰의 전체 스토리가 아니므로 다른 페이지를 보여주지 않아도 괜찮습니다!

[선택 영역] 도구를 사용하여 [직사각형]을 선택합니다.

그리드를 기준으로 패널을 최소 3~4칸 간격으로 조정합니다. 또한 캐릭터가 편지를 읽을지 고민하는 새로운 패널을 추가하여 캐릭터의 다음 분위기를 설정할 수 있도록 했습니다.

4) 패널 마무리

이제 패널 계획이 완료되고 스케치가 수정되었으므로 패널에 선을 그릴 수 있습니다. [테두리 프레임] 설정에서 [프레임 안 채우기]가 선택되어 있는지 확인하고 스케치 레이어의 불투명도를 낮춥니다.

[참고] 패널의 균형을 맞추려면 명령 모음에서 [그리드에 스냅]이 활성화되어 있어야 합니다.

그리드를 따라 패널을 만듭니다. [테두리 프레임] 도구는 새 패널을 위한 마스크와 설정 레이어를 자동으로 생성합니다. 스케치를 볼 수 있도록 눈 아이콘을 클릭하여 [프레임 배경] 레이어를 숨깁니다.

[프레임 배경] 레이어는 배경을 만드는 데 필요하므로 삭제하지 마십시오!

[테두리 프레임] 설정 레이어를 선택하면 패널이 흰색으로 변하는데, 이는 그 부분에만 그릴 수 있음을 의미합니다.

[D] 선화 및 3D 모델 추가

자주 등장하는 항목에 3D 모델을 사용하면 시간을 절약할 수 있으며, 다양한 장면에 대한 각도를 더 쉽게 수정할 수 있습니다!

저는 테이블을 위해 CLIP STUDIO ASSETS에서 무료 3D 모델을 사용했습니다. 3D 모델을 작업 중인 패널의 설정 레이어로 간단히 드래그합니다. 많은 웹툰 작가들이 ASSETS 스토어에서 자료를 다운로드하지만, 3D 프로그램을 사용하여 자신만의 3D 모델을 만드는 작가들도 있습니다.

CLIP STUDIO PAINT에서 3D 모델 사용을 최적화하는 방법에 대해 더 자세히 알고 싶다면 CLIP STUDIO TIPS에 많은 튜토리얼이 있습니다!

꽃병의 경우 [자] 도구의 [대칭 자]를 사용했습니다. 선 수를 2로 설정합니다.

제가 사용한 3D 모델은 여기에서 다운로드할 수 있습니다:

채우기 도구와 함께 사용할 수 있다면 어떤 펜이든 편하게 사용해도 괜찮습니다. [용지] 레이어를 선택하면 마스크 없이 전체 캔버스를 빠르게 볼 수 있습니다.

이제 선 작업이 완료되었습니다!

[E] 기본 색상 추가

1) 색상 세트 만들기

웹툰을 제작할 때는 많은 캐릭터에 같은 색상을 반복적으로 사용해야 하므로 색상을 일관성 있게 유지할 수 있도록 [색상 세트]를 만드는 것이 좋습니다. 스패너 아이콘을 클릭하여 새 색상 세트를 만듭니다.

[새 설정 추가]를 클릭하고 새 색상 세트 이름을 원하는 대로 지정합니다. 이 경우 저는 “WEBTOON COLOR SET”이라고 이름 지은 다음 확인을 클릭합니다.

[색상환]으로 이동하여 색상을 선택한 다음 휴지통 옆 아이콘을 클릭하여 새 색상을 추가합니다.

바둑판 무늬 상자를 클릭하면 색상이 투명해지므로 [새 색상 추가]를 클릭하기 전에 원하는 색상이 연한 파란색으로 강조 표시되어 있는지 확인하세요.

2) 채우기 도구 사용 / 기본 색상 추가

색상을 빠르게 채우는 두 가지 방법이 있습니다. [편집 레이어만 참조] 도구를 사용할 수 있습니다. 이 채우기 도구는 선 작업에 따라 색상을 채울 수 있습니다.

또한 라쏘 스타일의 채우기 도구를 사용하는 다른 방법도 있습니다. 이 도구를 사용하면 색칠하려는 영역을 그릴 수 있으며, 선을 너무 많이 사용하지 않거나 색칠하는 영역이 넓을 때 사용하기에 더 좋은 채우기 도구입니다.

저는 [편집 레이어만 참조] 채우기 도구를 바둑판 무늬 색상 상자와 함께 사용하여 머리카락 중 채워진 일부를 지웠습니다.

제가 사용한 라쏘 채우기 도구는 여기에서 다운로드할 수 있습니다:

저는 이 두 채우기 도구를 번갈아 사용하지만, 자신에게 가장 잘 맞는 것을 자유롭게 사용해보세요!

이제 전체 페이지에 색상이 채워졌습니다. 드디어 웹툰처럼 보입니다!

[F] 배경 추가

기본 색상을 추가한 후 음영을 시작할 것이라고 생각할 수도 있지만, 저는 배경을 먼저 추가하는 것을 선호합니다. 이렇게 하면 장면에 사용할 조명을 기반으로 음영을 결정할 수 있습니다.

저는 배경을 두 가지 유형으로 구분합니다:

하나은 실제 장소인 위치 배경입니다. 방, 공원, 교실 등이 될 수 있습니다. 다른 하나는 분위기 배경으로, 이 유형의 배경은 보통 단색, 그라데이션 또는 패널 내 캐릭터의 현재 상태를 보여주는 것일 수 있습니다!

1) 위치 배경

먼저 벽과 바닥을 분리하기 위해 일부 선을 그었습니다. 직선을 만들고 싶다면 키보드의 [Shift] 키를 누르거나 간단히 자를 만드십시오. 그런 다음 기본 색상을 추가했습니다.

바닥의 경우 ASSETS 페이지에서 다른 3D 모델을 사용했습니다. 모델을 [바닥] 기본 레이어 위에 드래그하면 됩니다.

그런 다음 [아래 레이어에 클리핑]을 선택합니다. 3D 모델은 동일한 설정 레이어에서 사용한 3D 모델의 원근법을 자동으로 따릅니다. 이것이 항목의 모든 3D 모델이 선 작업을 하는 즉시 추가되어야 하는 이유입니다.

이제 [프레임 배경] 레이어에 대해 동일한 과정을 반복합니다. 이번에는 채우기 도구를 사용하여 레이어를 연한 복숭아색으로 채운 다음 [아래 레이어에 클리핑]을 선택했습니다. 이제 벽에도 색상이 채워졌습니다!

바닥용 3D 모델은 여기에서 다운로드할 수 있습니다:

[도형] 도구를 사용한 이 패널의 경우. 패널이 열려 있고 채우기 도구를 사용할 수 없으므로 에어브러시를 사용하여 벽의 색상이 이전 패널에서 서서히 나타나도록 했습니다.

이러한 배경 채색은 종종 장소가 변경되었거나, 캐릭터의 기분이나 감정이 변했거나, 특정 장면을 강조하기 위한 전환으로 사용됩니다.

이러한 종류의 배경 채색을 사용하는 방법은 다양합니다!

2) 분위기 배경

아직 대화가 없어서 편지의 내용이 무엇인지 알기 어렵죠?

메인 캐릭터가 반짝이 효과가 있는 분홍색 그라데이션을 사용하여 러브레터를 기대하는 것일 수도 있습니다.

아니면 편지에 위협적인 내용이 담겨 있어서 주인공이 읽기를 주저하는 것일 수도 있습니다.

[참고] 스크립트로 돌아가 캐릭터의 분위기를 파악하세요. 화를 내며 싸우고 있나요? 좌절감에 소리치고 있나요? 스크립트(발생할 장면과 대화)에 따라 사용할 색상과 조명을 일치시키는 것을 잊지 마세요. 대화가 전혀 없지만 독자들이 색상을 통해 이야기가 무엇을 전달하는지 여전히 알 수 있는 “무성 웹툰”도 있습니다.

밝은 색상과 어두운 색상을 사용하여 많은 감정을 전달할 수 있습니다. 단순히 색상 사용만으로도 이야기를 전달할 수 있습니다!

[팁] 색채 이론에 대해 읽어보면 색상이 나타낼 수 있는 다양한 감정에 대해 배우는 데 도움이 됩니다. 몇 가지 일반적인 색상 표현은 다음과 같습니다:

사랑을 위한 빨간색

행복을 위한 노란색

슬픔을 위한 파란색

감성적인 느낌을 위한 분홍색

우울함을 위한 보라색

제가 사용한 효과 브러시는 여기에서 다운로드할 수 있습니다:

배경을 흰색으로 남겨두는 것은 독자가 특정 행동이나 사물에 집중하기를 원한다는 의미일 수 있습니다. 이 경우 주인공은 편지를 집어 들기로 결정했습니다!

[G] 음영 및 조명

회색빛 분홍색을 사용하여 [곱하기] 모드의 새 레이어를 만들고 에어브러시를 사용하여 바닥과 3D 모델의 색상을 혼합했습니다.

원하는 스타일에 따라 음영을 추가합니다.

[팁] 저는 위 단계와 동일한 절차를 사용하여 음영을 넣습니다. 회색빛 색상을 선택하고 레이어를 [곱하기]로 설정한 다음 모든 개체에 그 색상을 칠합니다! 웹툰에서 모든 개체에 다른 음영 색상을 사용하는 것은 시간이 많이 걸립니다. 미장센 장면이나 중요한 장면이 아니라면 일반적으로 [곱하기]로 설정된 레이어만 사용하여 음영에 동일한 색상을 사용합니다.

이렇게 하면 3D 모델이 2D 일러스트레이션과 서서히 혼합됩니다!

조명도 마찬가지입니다. 하나의 밝은 색상을 사용하고 [스크린] 또는 [소프트 라이트]로 설정합니다. 에어브러시를 사용하여 빛이 들어올 것이라고 생각하는 부분에 음영을 넣습니다.

이제 이 패널 세트 레이어의 모든 레이어 위에 다른 [곱하기] 레이어를 추가합니다.

[참고] 이 단계를 수행할 계획이라면 다른 모든 패널에서 동일한 색상을 사용하는 것이 중요합니다. 그렇지 않으면 색상이 일관성 없게 보일 것입니다. 물론 다른 색상을 사용하는 것에 예술적 또는 상징적 의미가 있다면 괜찮지만, 일반적인 일관성을 위해 동일한 색상을 사용하세요! 위와 동일한 방식으로 나머지 패널에 색을 입힌 후, 페이지는 다음과 같습니다 (이미지 크기가 제한되어 웹툰에 적합하지 않으므로 잘림이 고르지 않을 수 있습니다):

[H] 최종 세부 사항 추가 / 대화

일부 패널에서 특정 세부 사항이 사라진 것을 눈치챘을 수도 있습니다. 맞습니다! 꽃병과 편지 자체가 없습니다. 저는 보통 그런 작은 세부 사항을 마지막에 추가하는데, 이는 모든 패널에서 모든 작은 개체를 그리는 데 너무 많은 시간이 걸리기 때문입니다.

물론 이것은 저의 개인적인 선호입니다. 일찍 세부 사항을 추가하고 싶다면 여러분의 자유입니다!

1) 작은 개체 추가 + 선화 수정

3D 모델의 일부가 여전히 너무 “뻣뻣”하거나 부자연스럽게 보여서 선화를 수정하고 다른 세부 사항을 추가할 것입니다.

[참고] 이 단계는 시간이 많이 걸리고 작업량을 늘리므로 선택 사항이지만, 저는 선화의 색상도 변경합니다. 이는 선화 레이어 위에 새 레이어를 만들고 [아래 레이어에 클리핑]을 선택하여 수행할 수 있습니다.

꽃병에 나뭇잎을 추가하고, 선화의 색상을 변경하고, 3D 모델에 선화를 추가했습니다. 이제 이전과 이후를 보세요:

2) 효과 추가

자주 사용되는 인기 있는 효과는 특정 개체를 강조하거나 초점을 맞추기 위해 [흐림] 또는 효과 선을 추가하는 것입니다.

편지를 강조하기 위해 [흐림]을 사용한 예.

편지를 강조하기 위해 효과 선을 사용한 예.

또한 장면의 초점을 보여줍니다. 이번에는 주인공은 선명하게 보이고 배경(테이블과 편지)은 흐릿하게 처리되었습니다.

3) 효과 브러시 사용

이전에 연결한 효과 브러시를 사용하여 패널을 “몽환적이고 우울하게” 보이도록 더 많은 반짝이 효과를 추가했습니다.

4) 대화 추가

다시 한번, 저는 미리 스크립트를 작성했습니다. 스크립트를 따라 말풍선을 적절히 배치합니다.

[풍선] 도구의 풍선을 사용하여 말풍선을 만들 수도 있고, 펜으로 그려서 채울 수도 있습니다!

[팁] 다양한 말풍선의 일반적인 사용법:

일반 말풍선: 대화/누군가 말하는 것을 보여줄 때 사용됩니다.

이것은 [타원형 풍선] 도구와 [풍선 꼬리] 도구를 사용하여 만들어졌습니다.

내면 독백 말풍선: 캐릭터의 내면 목소리나 내레이션을 보여줄 때 사용됩니다. 이것은 [풍선] 도구 옆의 [플래시] 도구 아이콘을 클릭하면 찾을 수 있는 [밀도 있는 플래시]를 사용하여 만들어졌습니다. [중심 채우기]가 선택되어 있고 [톤]이 꺼져 있는지 확인합니다.

생각/사고 말풍선: 생각이나 캐릭터가 무언가를 생각할 때 사용됩니다. 위 말풍선과 거의 같지만, 저는 이 말풍선을 더 자주 사용하고 다른 말풍선은 캐릭터가 장면을 내레이션할 때 사용합니다.

[팁] 글꼴을 사용하여 캐릭터 목소리의 톤을 나타내기. 캐릭터가 말하는 내용을 통해 어떤 감정을 느끼고 있는지 보여주는 데 도움이 되는 무료 글꼴이 많이 있습니다. 예를 들어 이것을 보세요:

저는 손글씨 글꼴을 사용하여 캐릭터의 목소리가 긴장으로 인해 떨리고 있음을 보여주었습니다. 또한 말풍선 밖에 텍스트를 추가하여 “나중에 생각한 것”을 추가했습니다. 저는 [레이어 속성]으로 이동하여 [테두리 효과]를 선택하여 나중에 생각한 텍스트에 흰색 테두리를 주었습니다.

5) 효과음 추가

만화와 마찬가지로 웹툰도 효과음을 사용하여 현재 장면에 대한 힌트를 제공합니다. 예를 들어, 캐릭터가 달릴 때 '쿵, 쿵, 쿵' 하는 효과음이 있을 수 있습니다.

여기서는 주인공의 심장이 빠르게 뛰고 있음을 보여주기 위해 '두근거림' 효과음을 추가했습니다. 저는 나중에 생각한 텍스트와 동일한 효과를 사용했으며, [레이어 속성]에서 찾을 수 있는 [테두리 효과]를 사용했습니다.

이제 나머지 대화에 대해 동일한 과정을 반복하면 웹툰 페이지가 드디어 완성됩니다!

[I] 자르기

제가 웹툰을 게시하는 플랫폼은 최대 크기가 800x1080px이므로 웹툰 제작자들은 게시하기 전에 페이지를 잘라야 합니다.

웹툰 제작자를 위한 온라인 자르기 도구 “Croppy”가 있습니다. 전문가들도 사용하며, 완전히 안전하고 사용하기 쉽습니다! 페이지를 업로드하기만 하면 Croppy가 자동으로 페이지를 자르고 .ZIP 파일로 다운로드합니다.

[참고] 이제 모든 작업이 완료되었으므로 맞춤법 오류나 추가하는 것을 잊은 세부 사항과 같은 최종 편집을 위해 작업을 교정하거나 확인하는 것이 중요합니다.

결론 / 최종 결과

웹툰을 만드는 데는 많은 시간과 인내가 필요하다는 것을 기억하세요! 저는 인체 해부학, 풍경 생성 방법, 3D 모델 사용 방법, 심지어 스토리텔링을 위한 연극 또는 영화 연출 수업을 듣는 것과 같은 일반적인 지식을 갖는 것이 좋다고 생각합니다. 개인적으로 제가 다녔던 학교에는 필수 드라마 수업이 있었습니다. 저는 장면 구성 방법과 대화와 액션이 포함된 완전한 스크립트를 작성하는 방법을 배울 수 있었습니다. 제가 여기서 공유한 팁은 제가 웹툰 제작을 처음 시작했을 때 누군가 가르쳐주었으면 했던 것들입니다. 그래서 이 글을 보고 웹툰 작가를 꿈꾸는 분들이 무언가를 배운다면 정말 기쁠 것입니다! :D 이 모든 것을 말씀드리자면, 최종 페이지입니다! (이 사이트는 웹툰을 위해 만들어진 것이 아니므로 잘림이 고르지 않을 수 있습니다)