만화 및 일러스트레이션 팁

웹툰 및 인쇄용 만화를 패널하는 방법

4,135

mannygart

Manny Guevarra의 종합 가이드

소개

안녕하세요 친구! 제 이름은 매니이고 WEBTOON CANVAS에 5개의 만화 시리즈를 연재한 웹툰 작가입니다! 이 튜토리얼에서는 제가 CLIP STUDIO PAINT에서 시리즈를 만들면서 배운 몇 가지 만화 패널링 팁을 안내해 드리겠습니다! 저는 주로 저의 주요 만화인 "The Mind's Eye"와 최신 만화인 "Multo!"를 참고할 것입니다.

웹툰

서식 지정 팁

만화 제작 과정 전반에 걸쳐 만화를 더 쉽게 패널화할 수 있도록 그리기를 시작하기 전에 할 수 있는 일이 몇 가지 있습니다! 우선, 우리가 작업할 형식을 결정해야 합니다. 여기에서 취할 수 있는 접근 방식은 여러 가지가 있으며 각각 고유한 이점이 있습니다!

웹툰 형식

WEBTOON 형식은 웹에서 "영화 같은 경험"으로 읽어야 하는 연속적인 수직 스크롤 형식을 나타냅니다. 이 형식에서는 여백 공간과 패널 배치를 사용하여 독자의 속도를 제어할 수 있습니다.

웹에서 읽기 위한 만화를 만드는 경우 캔버스의 DPI와 같은 사항에 대해 크게 걱정할 필요가 없습니다. 이는 주로 물리적 인쇄 품질에 영향을 미치기 때문입니다. 또한 재미있는 패널 모양이나 화면 전체를 차지하는 '임팩트 패널' 등을 더 자유롭게 탐색할 수 있습니다!

새 캔버스를 만들 때(Ctrl+N) Clip Studio에는 [프로젝트] > [Webtoon] 아래에 몇 가지 편리한 WEBTOON 사전 설정을 포함하는 여러 캔버스 옵션이 있습니다.

WEBTOON에 업로드할 수 있는 최대 파일 크기는 800 x 1280픽셀입니다. 따라서 [Webtoon 3] 및 [Webtoon 4] 사전 설정은 시작할 때 캔버스 크기에 적합한 옵션입니다.

개인적으로 저는 일반적으로 캔버스를 300 DPI에서 1600 x 25,600px로 설정합니다. 캔버스를 최종 이미지보다 조금 더 크게 만드는 것이 항상 좋은 생각이기 때문에 이렇게 합니다. 내보낼 때 이미지의 크기를 확대할 필요가 없습니다. 품질이 떨어지기 때문입니다. 따라서 WEBTOON에 업로드할 때 최종 파일 너비는 800px가 되어야 한다는 점을 염두에 두고, 더 높은 품질을 보장하기 위해 너비를 필요한 양의 두 배로 만드는 것을 목표로 합니다.

또한 최종 파일 크기는 1280픽셀 길이이므로 파일 길이를 1,280 또는 2,560의 배수로 유지하여 최종 파일 수를 측정할 수 있습니다.

시리즈를 인쇄할 계획이 없다면 만화를 패널에 포함할 수 있는 좋은 형식입니다. 하지만 제 생각에는 세로 스크롤 만화를 인쇄용으로 다시 포맷하는 것이 반대로 하는 것보다 훨씬 더 어렵다는 점을 명심하세요!

인쇄 형식

나중에 언제든지 만화를 인쇄할 계획이라면 처음부터 인쇄용 만화를 패널로 만들고 서식을 지정하는 것이 가장 좋습니다. 인쇄용으로 형식을 지정할 때 염두에 두어야 할 몇 가지 추가 변수가 있습니다.

첫 번째는 인쇄할 때 각 실제 페이지에 맞는 패널의 수량과 모양이 제한된다는 분명한 사실입니다. 한 가지 단점은 스프레드의 모든 패널이 동시에 표시되므로 독자의 속도를 제어하기가 조금 더 어렵다는 것입니다.

일반적으로 페이지 스프레드 내에 패널을 배치할 때 고려해야 할 세 가지 "영역"이 있습니다.

1️⃣ 내부에 그리면 모든 요소(예: 캐릭터, 대화, 배경 등)가 표시되는 라이브 영역 또는 “안전 지대”입니다.

2️⃣ 트림 라인은 이름에서 알 수 있듯이 인쇄물 제작 중에 스프레드가 잘릴 위치를 표시합니다.

3️⃣ 도련(인쇄 시 페이지 테두리 너머로 늘리려는 이미지)에 사용할 수 있는 도련선.

대부분의 패널과 대화 상자는 라이브 영역 내에 그려야 인쇄 시 쉽게 보이고 읽을 수 있습니다. 열린 패널은 트리밍 시 페이지 가장자리를 넘어 도달할 수 있도록 최소한 블리드 라인까지 그려야 합니다.

새 문서를 만들 때(Ctrl+N) Clip Studio Paint에는 [Comic] 프로젝트 유형 아래에 블리드와 같은 항목에 대한 기본 지침이 포함된 유용한 인쇄용 사전 설정이 많이 있습니다. , 아래 그림과 같이:

다양한 인쇄 회사는 다양한 서식 지정 지침에 따라 운영되며, 인쇄용 만화 서식 지정을 시작하기 전에 해당 지침이 무엇인지 결정하는 것이 매우 중요합니다!

Clip Studio Paint에서 제공하는 유용한 사전 설정 외에도 특정 프린터를 염두에 두고 있다면 해당 웹 사이트에서 다운로드할 수 있는 템플릿과 같은 리소스가 있는 경우가 많습니다. 예를 들어, 저는 다음 템플릿에 제시된 지침에 따라 위의 스프레드를 만들었습니다.

"하이브리드" 형식

그렇다면 어느 것이 더 나은가요? 웹툰 형식인가요, 아니면 인쇄 형식인가요? 물론 대답은 만화 배포 계획에 따라 달라집니다!

WEBTOON과 같은 웹 기반 플랫폼에서 읽을 수 있는 만화를 빠르게 만드는 데 중점을 두고 있고 가까운 시일 내에 인쇄할 계획이 없다면 WEBTOON 형식으로 만들어 보는 것이 도움이 될 수 있습니다!

이를 통해 말풍선, 여백 또는 대규모 충격 패널과 같은 항목에 대해 사실상 무제한의 스크롤 공간을 활용하고 실험할 수 있습니다. 또한 앞서 언급한 "영화적 경험"을 만들 수 있으며, 이를 통해 만화의 극적인 속도를 보다 쉽게 제어할 수 있습니다.

주로 만화의 인쇄본을 준비하고 WEBTOON과 같은 웹 플랫폼에서 세로 스크롤 버전을 공유할 계획이 없다면 인쇄 형식 옵션을 활용하는 것이 좋습니다. 이를 통해 만화 인쇄 제작 파이프라인을 신속하게 처리할 수 있으며 만화를 온라인으로 공유하려는 경우에도 완벽하지만 수직 스크롤 용량이 아닌 페이지 형식으로 공유합니다.

그러나 잠재적으로 위의 두 가지를 모두 수행할 계획이라면 만화 형식 지정의 세 번째 "하이브리드" 옵션을 권장합니다. 저는 이것을 "하이브리드" 옵션이라고 부릅니다. WEBTOON과 인쇄 형식 옵션의 장점을 활용하면서 각각의 단점을 대부분 완화하기 때문입니다.

여기서의 아이디어는 만화를 인쇄 형식으로 그리되 WEBTOON 형식을 염두에 두고 자산 생성에 접근하는 것입니다!

앞서 언급했듯이 인쇄용으로 세로 스크롤 만화를 다시 포맷하는 것은 그 반대로 하는 것보다 훨씬 더 어렵습니다. 따라서 먼저 해상도가 300DPI 이상인 캔버스에서 인쇄 형식으로 시작하는 것이 좋습니다. 그러나 일러스트레이션 및 기타 자산이 WEBTOON에서 읽기에 최적화될 수 있도록 다음 단계를 수행하십시오.

1️⃣ 전체 [RGB 색상] 스펙트럼을 사용하여 그리고 Clip Studio Paint의 내보내기 설정을 사용하여 [CMYK 색상]으로 내보냅니다. 만화를 웹에 게시할 때 화면에서만 볼 수 있는 생생한 색상이 많이 포함되어 있어 전체 RGB 색 영역을 활용하려면 처음부터 CMYK로 그리는 것보다 이 방법을 권장합니다.

프린터는 백라이트 화면과 동일한 색상을 물리적으로 모두 재현할 수 없으므로 인쇄 시 색상이 정확하도록 내보내기 설정에서 [CMYK 색상] 표현 색상을 사용하여 내보내야 합니다.

2️⃣ 클립 스튜디오 페인트의 프레임 테두리 도구를 사용하면 레이어 관리와 패널 테두리 조작이 쉬워집니다. [보조 도구: 테두리 테두리]는 키보드의 (U)를 클릭하여 접근할 수 있습니다. 아래 섹션에서 이 도구에 대해 자세히 설명하겠습니다!

3️⃣ 말풍선 뒤와 다시 포맷하는 과정에서 이동할 수 있는 기타 요소를 포함하여 프레임 테두리 내에서 각 패널의 전체 영역을 채웁니다. WEBTOON용으로 만화 형식을 다시 지정할 때 대부분의 말풍선과 꼬리 배치를 다시 실행해야 하며 일러스트레이션에 공백이 생기고 싶지 않을 것입니다!

4️⃣ 마찬가지로 대부분의 패널은 형식을 다시 지정하는 과정에서 이동해야 하며, 세로 스크롤 형식에서 더 나은 읽기 환경을 만들기 위해 특정 패널의 모양을 변경하거나 다듬거나 확장해야 할 수도 있습니다. 따라서 배경과 같은 자산을 중간 및 전경 요소와 별도의 레이어에 보존해야 하며, 패널 크기를 확대해야 하는 경우를 대비해 패널 테두리 너머로 조금 그리는 것이 좋습니다.

프레임 테두리 도구

이제 재미있는 부분입니다! 패널링을 시작해보세요!

프레임 테두리 만들기

Clip Studio Paint에는 만화를 패널화하는 데 유용한 도구가 많이 있지만 저는 주로 [보조 도구: 프레임 테두리]를 사용합니다. 레이어를 더 쉽게 관리하고 패널 테두리를 쉽게 편집할 수 있는 원활한 작업 흐름을 촉진하기 때문에 이 도구를 사용하는 것이 좋습니다.

[하위 도구: 프레임 테두리]는 도구 모음 하단 근처에 아래 아이콘으로 표시되거나 키보드에서 (U)를 클릭하여 찾을 수 있습니다!

[하위 도구: 프레임 테두리]를 선택하면 화면에서 커서를 클릭하고 드래그하기만 하면 즉시 독립된 패널을 만들 수 있습니다!

그러면 일종의 레이어 마스크 역할을 하는 각 프레임에 대한 폴더가 자동으로 생성됩니다. 각 폴더 안에는 개별 레이어를 만들 수 있지만 여기에 그리는 모든 내용은 프레임 안에 포함됩니다!

프레임 테두리 편집

프레임 간을 빠르게 전환하려면 키보드의 (O)를 클릭하여 [보조 도구: 작업]으로 전환하고 원하는 프레임을 선택하세요. [하위 도구: 작업]을 사용하여 테두리를 선택하여 프레임의 크기를 조정하고 변형할 수도 있습니다.

또한 선택 취소 시 프레임 모서리에 속이 빈 빨간색 사각형으로 나타나고 선택하면 녹색 빨간색 사각형으로 나타나는 제어점을 사용하여 프레임을 조정할 수도 있습니다. 제어점을 조작하려면 제어점을 선택하고 키보드의 화살표 키를 사용하거나 마우스로 끌어 이동하면 됩니다.

[보조 도구: 작업]을 사용하여 프레임에 제어점을 추가하려면 프레임을 마우스 오른쪽 버튼으로 클릭하고 [제어점 추가]를 선택하면 됩니다. 이 방법으로 제어점을 삭제할 수도 있습니다.

프레임을 분할하려면 [보조 도구: 테두리 프레임] 메뉴에서 [프레임 자르기] 옵션을 사용하세요. 이 접합 도구를 사용하려면 원하는 방향으로 프레임을 가로질러 드래그하기만 하면 됩니다.

[프레임 폴더 분할] 옵션은 현재 프레임의 폴더를 두 개로 분할하는 반면, [프레임 테두리 분할] 옵션은 현재 폴더를 유지하고 테두리 모양만 변경합니다.

출혈

설정된 프레임 테두리 외부에 블리드를 그리거나 패널을 열려면 별도의 레이어 또는 레이어 폴더를 그리면 됩니다.

다른 패널 아래의 레이어에 블리드를 그리면 페이지의 나머지 부분을 하나로 묶는 드라마틱한 느낌을 만들 수 있으며 장면 설정이나 기타 풍경 장면에 특히 유용합니다.

다른 패널 위의 레이어에 요소를 그리면 페이지를 하나로 묶을 수 있으며, 패널의 경계를 초월하기 위해 "틀을 깨고"/다른 경치 요소에서 벗어나는 모티브를 설정하는 데에도 도움이 될 수 있습니다.

예를 들어, 내 만화 "Multo"의 이 장면에서 돌풍이 나뭇잎을 공중으로 보내 패널과 홈통 공간 위로 페이지를 가로질러 자연이 인간의 교환을 압도하고 있음을 암시합니다.

마찬가지로 여기의 푸른 정령은 패널 위의 레이어에 그려져 프레임 테두리 내에 제한된 인간 캐릭터 "위" 평면(문자 그대로 및 비유적으로)에 존재하는 다른 자연 요소와 연결됩니다.

패널 작업 흐름 팁

썸네일 스케치

패널의 세부 스케치를 시도하기 전에 페이지 레이아웃을 더 작은 규모로 축소판으로 만드는 것이 좋습니다. 썸네일은 향후 페이지에서 패널의 흐름을 설정하는 데 도움이 될 수 있는 느슨한 스케치입니다. 일반적으로 이러한 그림은 세부 사항이 최소화된 작은 그림으로, 빠르게 연속해서 그려지므로 여러 번 반복하여 스토리에 가장 적합한 그림이 무엇인지 확인할 수 있습니다.

나는 전체적인 흐름을 파악하기 위해 별도의 문서에 더 작은 썸네일 스케치를 하는 것을 좋아합니다. 그런 다음 현재 장면에 대한 내 비전에 가장 적합한 썸네일 세트를 선택하고 나면 최종 캔버스의 스토리보드 및 스케치 단계로 이동합니다. 이 단계에서 나는 다음을 수행합니다.

1️⃣ 최종 캔버스에 패널을 구성하고,

2️⃣ 내 캐릭터의 블로킹, 포즈, 기본 표정을 파악하고,

3️⃣ 말풍선을 배치합니다.

말풍선

나중에 말풍선을 벼락치기로 넣거나 아름다운 작품을 가릴 필요가 없도록 스케치 초기 단계에서 말풍선을 배치할 위치를 계획하는 것이 좋습니다! 이는 원활한 패널링 프로세스를 보장하는 데 도움이 됩니다.

너무 많은 말풍선, 생각 거품, 내레이션 상자로 패널이 혼잡해지는 것을 방지하기 위해 WEBTOON에서는 패널당 3개 이하로 제한하는 것을 권장합니다.

위에서 언급한 "하이브리드" 형식 경로를 따르는 경우 일반적으로 인쇄 형식의 문자 양쪽에 대화를 배치할 수 있는 더 많은 패널 공간이 있습니다. 그런 다음 WEBTOON용으로 다시 포맷하면 대화 배치를 위해 패널 위와 아래에 더 많은 여백 공간이 생깁니다. 이러한 방식으로 대화 간격을 조정하면 독자의 속도를 높이는 데 도움이 될 뿐만 아니라 영향력 있는 대사를 강조할 수도 있습니다.

패널 크기, 모양 및 흐름

패널이 약간 정적인 느낌이 든다면 패널의 높이, 너비, 모양 및 위치를 변경해 보세요! 시작하려면 아래와 같이 Clip Studio Paint의 [만화 소재] > [프레임 템플릿]에서 사용할 수 있는 다양한 패널 템플릿이 있습니다.

그러나 질서정연함, 차분함, 심지어 단조로움까지 전달하려는 경우에는 단순하고 균일한 모양을 사용하는 것이 목표 달성에 도움이 될 수 있습니다. 예를 들어 아래 두 페이지의 패널 모양을 비교해 보세요.

첫 번째는 균일한 간격의 직사각형 패널을 사용하여 시골 풍경을 산책하는 느리고 단순한 느낌을 전달합니다.

반대로, 패널의 모양을 비틀어 부자연스러울 정도로 날카로운 모서리를 만드는 것은 위의 캐릭터가 아래의 영혼을 따라 걷다가 질주하는 것처럼 갑작스러운 행동의 느낌을 전달합니다.

패널 크기를 사용하여 특정 장면의 중요성을 나타낼 수도 있습니다! 일반적으로 패널이 클수록 설명되는 주제가 더 중요해집니다.

패널링 게임의 수준을 더욱 높이고 싶다면 개방형/경계선 없는 패널을 사용해 새로운 캐릭터 소개와 같은 장면의 중요한 순간을 강조해 보세요.

이 개념을 정말로 추진하고 싶다면 전체 도련이 있는 스프레드를 만들 수 있습니다. 여기서 일러스트레이션은 이중 페이지 스프레드의 두 페이지 모두에 있는 도련 선까지 확장됩니다!

이것은 뛰어난 드라마틱 도구일 뿐만 아니라 이와 같은 더 큰 일러스트레이션을 분할하여 다시 포맷하는 동안 더 작은 WEBTOON 패널에 사용할 수 있습니다. 단, 만화를 제본하면 블리드의 중심이 흐려지므로 캐릭터, 대사 등 중요한 요소는 접힌 부분의 양쪽에 유지해야 한다는 점을 명심하세요.

거터 공간

위의 두 스프레드 모두 Gutter Space를 활용한 예를 제공합니다. 앞서 언급했듯이 Gutter Space는 다양한 독특한 방식으로 활용될 수 있으며 다음과 같은 것들을 배치할 수 있는 훌륭한 장소입니다.

1️⃣ 낙엽, 눈 등 날씨 지표,

2️⃣ 반짝임, 거품, 별 등 만화 패턴,

3️⃣ 서사에 중요한 모티브와

4️⃣ 자립하고 싶은 임팩트 있는 대화.

보너스 팁!

WEBTOON용으로 다시 포맷하는 중

다음은 WEBTOON에 게시하기 위해 만화의 형식을 지정하거나 다시 형식화하는 데 대한 몇 가지 빠른 보너스 팁입니다!

1️⃣ WEBTOON은 만화를 한 번에 한 패널씩 읽는 수직 스크롤 형식으로 "영화 같은 경험"을 만드는 것을 목표로 한다는 점을 기억하세요. WEBTOON에서는 가로 800px의 캔버스 크기를 기준으로 패널 간 세로 간격이 최소 200px 이상일 것을 권장합니다.

2️⃣ 위치 및 장면 변경과 관련된 전환의 경우 WEBTOON에서는 패널 사이에 최소 600px에서 1,000px의 수직 공간을 확보하는 것을 권장합니다. 이 Gutter Space는 시간의 흐름이나 장거리감을 전달하는 데 사용될 수 있으며, 기존의 인쇄 형식과 달리 WEBTOON의 세로 스크롤 형식은 사실상 무한한 공간을 허용하므로 활용해 보세요!

3️⃣ 전통적인 만화 페이지의 제한된 공간에 패널을 맞출 필요가 없기 때문에 수직 스크롤 형식은 패널 모양을 다룰 수 있는 새로운 가능성의 영역을 열어줍니다. 앞서 언급한 것처럼 특정 장면의 중요성을 나타내는 크기를 사용하여 패널의 높이, 너비, 모양 및 위치를 다양하게 변경하세요.