캐릭터, 만화 & 웹툰 제작

Clip Studio Paint에서 웹툰 패널링을 위한 마음을 살리는 팁!

4,508

.avi.

Clip Studio Paint에서 웹툰 패널링을 위한 마음을 살리는 팁!

비디오 버전:

텍스트 버전:

안녕하세요!

저는 .avi입니다. 저는 전문 게임 일러스트레이터로 일하고 있으며 만화와 웹툰을 만드는 것이 제 취미입니다.

많은 아티스트가 패널링을 어떻게든 끝내야 하는 지루하거나 짜증나는 작업이라고 생각할 수 있지만, 올바른 도구를 사용하면 실제로 매우 재미있고 빠르게 완료할 수 있습니다!

저는 만화를 작업하고 만드는 가장 효율적인 방법을 연구하는 것을 좋아하며, 이 튜토리얼에서는 Clip Studio Paint에서 패널링 단계에서 시간과 정신 건강을 절약하는 방법에 대한 몇 가지 팁을 공유하고 싶습니다. 잘 알려져 있고 잘 알려지지 않았지만 놀라울 정도로 유용한 기능을 사용합니다.

질문이 있으면 튜토리얼 아래에 댓글로 질문하세요! 최선을 다해 답변해 드리겠습니다!

작업 공간

캔버스 보기를 극대화하기 위한 몇 가지 빠른 팁을 소개합니다.

첫 번째는 네비게이터 팔레트입니다. 저는 쉽게 열거나 접을 수 있도록 옆에 고정해 둡니다. 이를 사용하면 스크롤하지 않고도 한 패널에서 다른 패널로 빠르게 이동할 수 있고, 전체 캔버스를 추적할 수도 있습니다.

다음은 Shift + Tab이라는 숨겨진 단축키로, 앱의 상단 바를 숨겨서 더 많은 수직 작업 공간을 제공합니다! 두 번째로 누르면 메뉴 바도 숨겨지고 세 번째로 누르면 두 바가 모두 돌아옵니다. 저는 단축키를 사용하기 때문에 대부분 두 바를 숨겨두는데, 이는 워크플로우를 빠르게 하는 또 다른 팁입니다.

벡터 레이어

패널에 들어가기 전에, 나중에 시간을 절약할 수 있는 중요한 것이 하나 있습니다.

처음부터 최종 출력 크기의 200%인 캔버스에 직접 그립니다.

작은 캔버스에 썸네일은 어떨까요?

스케치를 할 때조차 벡터 레이어를 사용하면 축소된 캔버스에서 시작할 필요가 없습니다! 품질을 잃지 않고 스케치를 쉽게 편집하고 변형할 수 있을 뿐만 아니라 나중에 파일 크기와 업스케일링도 절약할 수 있습니다!

벡터는 수학적으로 계산되므로 크기나 해상도와 무관합니다. 텍스트도 벡터이므로 페인팅과 음영 처리를 시작하기 전까지 파일 크기는 캔버스가 출력 크기의 25%인 썸네일일 때보다 약 1/3 정도 더 큽니다.

캔버스 높이 참고

참고로, 캔버스 높이에 대해 언급하고 싶습니다. 가장 좋은 방법은 가능한 한 긴 캔버스를 사용하는 것입니다. 챕터 전체에 걸쳐 사용하는 것이 좋지만, 컴퓨터의 처리 능력과 나중에 패널과 패널 사이에 공간을 추가할 가능성도 고려해야 합니다. 이렇게 하면 캔버스 높이가 늘어납니다.

기술적으로 앱에서 허용하는 최대값은 50,000픽셀이지만, 제 컴퓨터가 처리할 수 없어서 거의 그 정도까지 가지 못합니다. 저는 기본 높이인 20,000픽셀에 도달했는데, 이를 통해 충분한 패널을 스토리보드로 만들 수 있고, 추가 패널과 빈 공간으로 캔버스를 확장할 수 있는 충분한 버퍼를 남겨둘 수 있습니다.

어떤 기본 캔버스 크기가 여러분에게 가장 적합한지 확인하세요!

프레임 테두리 도구

스토리보드에 어느 정도 만족스러우면 프레임 도구를 사용하여 패널을 정의합니다. 이 도구에 대한 튜토리얼이 많으므로 제가 사용하는 접근 방식을 보여드리겠습니다. 아마 약간은 이례적일 수 있습니다 :D

기본적으로 이 도구는 항상 한 패널의 내용을 그리는 마스크가 있는 새 폴더를 만듭니다.

하지만 모든 프레임을 하나의 프레임 폴더에 그리는 것이 제게는 가장 좋은 옵션입니다. 저는 캐릭터, 자동차, 효과 등과 같은 비슷한 요소를 함께 그려서 색상을 일관되게 유지하는 것을 좋아하기 때문입니다.

이것은 제 파일 구조의 예입니다. 저는 모든 패널의 마스크가 들어 있는 프레임 폴더를 맨 위, 텍스트와 사운드 효과 바로 아래에 두었습니다. 모든 패널에 걸쳐 포스트 프로세싱, 전경, 캐릭터 등과 같은 다른 모든 것은 자체 폴더가 있습니다. 덕분에 색상을 일관되게 유지할 수 있고 모든 패널에서 밝은 색상이나 재킷 색상과 같이 뭔가를 변경하는 것이 매우 쉽습니다!**

또한, 캐릭터를 프레임 밖으로 튀어나오게 하고 싶다면 캐릭터의 레이어를 선택하고 프레임 폴더가 포함된 일반 폴더의 마스크에서 영역을 삭제하기만 하면 됩니다(이미 자체 마스크가 있으므로).

사각형 프레임 도구를 선택한 폴더에 추가로 설정하고 프레임 내부 채우기를 선택 취소한 상태에서, 미래 패널의 영역 위로 사각형을 끌어당깁니다.

캔버스 가장자리는 신경 쓰지 않고, 기울어진 패널에서도 먼저 사각형을 사용합니다.

작업 도구

이제 모든 패널이 하나의 프레임 폴더에 있습니다. Control을 누르면 도구가 일시적으로 작업 도구로 바뀌면서 벡터 모양이 표시됩니다. 그렇지 않은 경우 팔레트에서 작업 도구를 선택합니다.

작업 도구를 사용하면 프레임 모양을 추가로 수정할 수 있습니다(예: 점 추가 또는 제거 등).

이 작은 노란색 화살표는 클릭하면 스냅하려는 위치에 가까운 곳에 스냅되는 편리한 기능입니다. 다른 패널의 프레임이든 캔버스 테두리이든 말입니다.

제어점을 드래그하면 패널의 모양을 변경할 수 있습니다.

같은 도구를 사용하면 테두리의 색상과 크기를 변경할 수 있고, 심지어 사용되는 브러시도 변경할 수 있습니다! 이 타이어 자국 브러시나 스플래터 브러시처럼요!

프레임 외부를 채우는 옵션이 없으므로, 프레임 폴더 마스크를 Control-클릭하여 반전하고 새 레이어에 색상을 채워서 수동으로 합니다.

해당 레이어는 프레임 폴더 외부에 있어야 하며, 보통 둘 다 이렇게 새 일반 폴더에 넣습니다.

이 페이지에는 겹치는 패널이 있습니다. 먼저 나머지 패널을 이전 페이지와 같은 방식으로 만듭니다. 다 끝나면 프레임 도구 설정을 새 폴더 만들기로 변경합니다. 이제 두 개의 프레임 폴더가 있는데, 맨 위에는 겹치는 이중 패널이 들어 있습니다.

다시 한번 Operation 도구를 사용하여 초기 사각형을 수정합니다.

거터는 어떨까요? 프레임 테두리 나누기 도구가 이 작업에 매우 좋습니다! 드래그해서 패널을 나누기만 하면 됩니다!

보시다시피, 더블 패널의 각도를 잃지 않고도 거터를 수정할 수 있으므로 꽤 똑똑하게 작동합니다!

패널이 겹치는 경우, 이전에 보여준 것과 같은 방식으로 나머지 패널에 프레임 폴더의 외부 채우기를 합니다.

그런 다음 겹치는 폴더 마스크를 Control-클릭하여 다른 프레임 폴더와 채우기를 포함하는 일반 폴더의 마스크로 사용합니다.

각 패널을 별도의 폴더에 그렸지만 하나의 폴더에 넣고 싶은 경우, 선택하고 레이어>눈금자/프레임>프레임 결합으로 이동하여 병합하면 됩니다.

팝업에서 폴더만 결합을 선택하면 모든 패널 테두리가 하나의 프레임 레이어에 있습니다!

자유 변형을 사용하여 패널의 모양을 자르거나, 다른 요소와 마찬가지로 정렬하고 분포할 수도 있습니다!

프레임을 동등하게 나누는 흥미로운, 약간 숨겨진 옵션이 하나 더 있습니다! 레이어 > 눈금자/프레임 > 프레임 테두리를 동등하게 나누기로 이동하기만 하면 됩니다. 팝업에서 분할 수를 설정할 수 있는데, 지금은 두 개만 필요합니다.

프레임 테두리는 벡터 선이므로 선 수정 도구로 수정할 수도 있습니다!**

선 너비 조정 옵션과 함께 제어점을 사용하여 선 두께를 변경할 수 있습니다! 제어점을 클릭하고 오른쪽으로 드래그하면 선이 두꺼워지고, 왼쪽으로 드래그하면 얇아집니다. 이 도구를 사용하면 패널에 3차원적 느낌을 추가할 수 있습니다!

핀치 벡터 선과 같은 다른 도구도 작동합니다!

사각형을 다각형으로 바꾸려면 작업 도구로 프레임 경로를 마우스 오른쪽 버튼으로 클릭하고 제어점 추가를 선택하세요.

곡선 모양이 필요한 경우 점을 다시 마우스 오른쪽 버튼으로 클릭하고 모서리 바꾸기를 선택하세요. 이렇게 하면 제어점이 곡선점으로 바뀌고 그 반대도 마찬가지입니다. 물론 동시에 더 많은 점을 변경하고 이동할 수 있습니다. 줄임표를 추가하여 회상이나 생각을 나타낼 수 있습니다!

스마트폰에 연결하여 웹툰 미리보기

제 휴대전화는 이 기능을 사용하기에는 너무 오래되었지만, 친구의 휴대전화로 시도해 보았는데, 각 파일 간의 이음새 없이 전체 웹툰을 볼 수 있어서 정말 편리해 보였습니다. 안타깝게도 데스크톱 버전에서는 불가능했습니다(그리고 앞으로 업데이트에 대한 제 큰 바람입니다 ^^ ).

파일 > 스마트폰에 연결을 선택하거나(또는 컨트롤 바에서 아이콘을 클릭합니다. 적어도 제 버전에서는 기본적으로 있었습니다) QR 코드가 나타납니다.

스마트폰 앱에서 설정 > 컴패니언 모드를 엽니다. 데스크톱 화면에서 QR 코드를 스캔하라는 메시지가 표시됩니다.

컴패니언 모드에서 웹툰 미리보기 아이콘은 오른쪽 하단에 있습니다.

데스크톱 버전에는 화면 비율을 정의할 수 있는 이 미리보기가 있으며, 나머지 캔버스를 마스크하여 독자가 볼 내용을 시뮬레이션하지만, 하나의 캔버스에서만 작동하므로 챕터의 각 부분 사이의 이음새를 확인할 수 없습니다.

보기 > 화면 영역(웹툰) 또는 명령 모음의 아이콘으로 이동하여 액세스할 수 있습니다.

캔버스 확장 또는 자르기

제가 가장 좋아하는 생명 구조 도구가 등장했습니다! 스토리보딩 단계에서 패널 사이의 공간에 대해 걱정하면서 주의를 산만하게 하고 싶지 않습니다. 그리고 이 두 가지 기능 덕분에 나중에 처리할 수 있습니다!

편집 > 캔버스 높이 변경 > 확장 또는 자르기에 숨겨져 있으므로 빠른 액세스 팔레트나 여기처럼 명령 모음에 넣는 것을 강력히 권장합니다.

저는 또한 이 주황색 사각형을 패널의 거리에 대한 기본 가이드로 사용합니다. 이는 패널 간의 최소 거리는 캔버스 너비의 ¼이어야 한다는 웹툰의 조언에서 나온 것입니다. 저는 정확히 따르지는 않지만 시작하기에 편리한 것입니다.

두 패널 사이에 더 많은 공간을 추가하고 싶을 때, 확장 아이콘을 클릭하면 이 사각형이 나타납니다. 높이는 캔버스의 두 부분 사이에 추가될 공간을 정의합니다. 이 두 부분은 상단 선으로 정의됩니다.

하단 핸들을 아래로 드래그하고 엔터를 입력하면 피처 사각형의 상단 선 아래에 있는 모든 것이 사각형의 높이만큼 아래로 이동된 것을 확인할 수 있습니다.

반대로, 자르기 기능은 정의된 사각형 내의 모든 것을 삭제하고, 아래의 모든 요소를 위로 이동합니다.

독창적이죠?

두 도구 모두 작업하기 매우 쉽고 모든 것이 취소 가능합니다. 확장 사각형의 맨 위 줄을 잘라내고 싶지 않은 곳에 두지 않도록 주의하기만 하면 됩니다. 그곳에 새 공간이 추가되기 때문입니다.

파일 객체 및 레이어 구성 요소

이 팁은 어울리지 않을 수도 있지만, 배경을 훨씬 더 쉽게 만들 수 있다는 것을 아는 것이 패널 크기와 위치에 대한 결정을 크게 바꿀 수 있다고 믿습니다.

만화에 반복되는 요소가 있는 경우, 매번 같지 않더라도 레이어 구성을 최대한 활용하세요!

예를 들어, 이 장의 대부분은 밤에 눈 덮인 산에서 진행됩니다. 모든 패널의 배경을 복사, 붙여넣기, 수정하는 것은 번거로울 것입니다.

대신, 저는 먼저 별도의 파일 객체를 그렸는데, 여기서 저는 거의 모든 평면을 완성했습니다. 이 파일에 대한 세 가지 사항을 주목하세요.

1. 눈송이가 항상 한곳에 있다면 이상할 것이므로 떨어지는 눈과 같은 움직이는 요소를 제외했습니다.

2. 색상은 약간 채도를 낮춘 상태로 두어 각 패널에서 정확한 분위기에 맞게 색상과 조명을 조정할 수 있는 자유가 훨씬 더 많아졌습니다.

3. 캔버스 크기가 더 크고 평면이 수직으로 뻗어 있어서 각 평면을 이동하고 크기를 조정하여 확대/축소 또는 원근감을 변경할 수 있습니다. 처음에 스토리보드에서 이 배경을 사용한 주요 패널을 복사하여 쌓아서 평면의 최상의 기본 레이아웃과 캔버스 크기를 파악했습니다.

페인팅을 마치면 각 평면에 레이어 컴포지션을 설정합니다.

저는 여러 그룹의 레이어 컴포지션을 설정하는 것이 가장 좋다고 생각했습니다. 일반적으로 하늘 전체, 배경, 중간 지면, 전경과 같은 일반 평면이 있는 그룹 하나와, 전경의 구름, 달, 나무 그룹과 같은 각 요소가 별도의 레이어 컴포지션을 갖는 그룹이 있습니다. 마지막으로 그림자가 켜지고 꺼진 버전이나 마스크로 사용할 것과 같은 특정 레이어 컴포지션이 있습니다.