캐릭터, 만화 및 웹툰 제작

웹툰 패널링을 위한 정신 건강 절약 팁 💡

12,604

112

.avi.

영상 버전:

텍스트 버전:

안녕하세요!

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

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

저는 가장 효율적인 만화 작업 및 제작 방법을 연구하는 것을 즐기며, 이 튜토리얼에서는 잘 알려져 있거나 아직 잘 알려지지 않았지만 놀랍도록 유용한 클립 스튜디오 페인트 기능을 사용하여 만화 패널링 단계에서 시간과 정신 건강을 절약하는 방법에 대한 팁을 공유하고 싶습니다.

질문이 있으시면 튜토리얼 아래 댓글로 자유롭게 질문해주세요! 최선을 다해 답변해 드리겠습니다!

🟦 작업 공간

캔버스 보기를 최대화하기 위한 몇 가지 빠른 팁입니다.

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

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

🟦 벡터 레이어

패널로 넘어가기 전에 나중에 시간을 절약할 수 있는 중요한 한 가지가 있습니다.

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

작은 캔버스에서 썸네일 작업을 하는 것은 어떤가요?

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

벡터는 수학적으로 계산되므로 크기나 해상도에 독립적입니다. 텍스트도 벡터이므로, 페인팅 및 음영 처리를 시작하기 전까지는 파일 크기가 썸네일링을 위한 출력 크기의 25%였을 때보다 약 1/3 정도만 더 큽니다.

💡 캔버스 높이 참고

덧붙여서, 캔버스의 높이에 대해 언급하고 싶습니다. 가능한 한 가장 긴 캔버스, 가급적 전체 챕터에 해당하는 캔버스를 사용하는 것이 가장 좋겠지만, 컴퓨터의 처리 능력과 나중에 패널과 패널 사이의 공간을 추가할 가능성을 고려해야 하며, 이는 캔버스 높이를 증가시킬 것입니다.

기술적으로 앱에서 허용하는 최대 높이는 50,000픽셀이지만, 제 컴퓨터가 처리하지 못하기 때문에 그 정도까지는 거의 사용하지 않습니다. 저는 20,000픽셀의 기본 높이에 도달했으며, 이는 충분한 패널을 스토리보드하면서 추가 패널 및 빈 공간으로 캔버스를 확장할 수 있는 충분한 여유를 남겨줍니다.

자신에게 가장 적합한 기본 캔버스 크기가 무엇인지 확인해 보세요!

🟦 테두리 프레임 도구

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

기본적으로 이 도구는 항상 마스크가 있는 새 폴더를 생성하며, 그 안에 하나의 패널 내용을 그립니다.

하지만 캐릭터, 자동차, 효과 등 유사한 요소들을 함께 그려 색상을 일관성 있게 유지하는 것을 좋아하기 때문에 모든 프레임을 하나의 프레임 폴더에 그리는 것이 저에게는 가장 좋은 방법입니다.

이것은 제 파일 구조의 예시입니다. 저는 모든 패널의 마스크를 포함하는 프레임 폴더를 텍스트와 음향 효과 바로 아래 가장 위에 둡니다. 후처리, 전경, 캐릭터 등 다른 모든 것들은 모든 패널 전체에 걸쳐 자체 폴더를 가지고 있습니다. 덕분에 색상을 일관성 있게 유지할 수 있으며, 조명 색상이나 재킷 색상과 같은 무언가를 모든 패널에서 한 번에 변경하는 것이 매우 쉽습니다!

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

선택한 폴더에 추가로 설정하고 프레임 내부 채우기를 해제한 사각형 프레임 도구를 사용하여 미래 패널의 영역 위로 사각형을 그립니다.

캔버스 가장자리는 신경 쓰지 않으며, 기울어진 패널의 경우에도 먼저 사각형을 사용한다는 점에 유의하세요.

🟦 조작 도구

이제 모든 패널이 하나의 프레임 폴더 안에 있습니다. Ctrl을 누르면 도구가 일시적으로 조작 도구로 변경되면서 벡터 모양이 표시되어야 합니다. 그렇지 않은 경우 팔레트에서 조작 도구를 선택하세요.

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

이 작은 노란색 화살표는 편리한 기능입니다. 이 화살표를 클릭하면 다른 패널의 프레임이나 캔버스 테두리 등 원하는 것에 가까운 곳으로 스냅되는 경향이 있습니다.

조절점을 드래그하여 패널의 모양을 변경할 수 있습니다.

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

프레임 외부를 채우는 옵션이 없기 때문에, 저는 프레임 폴더 마스크를 Control 클릭하여 반전시킨 다음 새 레이어를 색상으로 채워서 수동으로 이 작업을 수행합니다.

해당 레이어는 프레임 폴더 밖에 있어야 하며, 저는 일반적으로 둘 다 새 일반 폴더에 이렇게 넣습니다.

이 페이지에는 겹치는 패널이 있습니다. 먼저 이전 페이지와 같은 방식으로 나머지 패널들을 처리합니다. 작업이 끝나면 프레임 도구 설정을 '새 폴더 생성'으로 변경합니다. 이제 두 개의 프레임 폴더가 있으며, 상단 폴더에는 겹치는 이중 패널이 포함되어 있습니다.

다시 조작 도구를 사용하여 초기 사각형을 수정합니다.

여백은 어떻게 할까요? 프레임 테두리 분할 도구가 이에 좋습니다! 패널을 나누려면 그냥 드래그하세요!

보시다시피, 이중 패널의 각도를 잃지 않고도 여백을 수정할 수 있으므로 매우 영리하게 작동합니다!

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

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

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

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

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

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

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

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

벡터 선 꼬집기와 같은 다른 도구도 작동합니다!

사각형을 다각형으로 변경하려면 조작 도구로 프레임 경로를 마우스 오른쪽 버튼으로 클릭하고 제어점 추가를 선택하기만 하면 됩니다.

곡선 모양이 필요하면 해당 점을 다시 마우스 오른쪽 버튼으로 클릭하고 모서리 전환을 선택하세요. 이렇게 하면 제어점이 곡선 점으로 변경되고 그 반대도 마찬가지입니다. 물론 여러 점을 동시에 변경하고 이동할 수 있습니다. 타원을 추가하여 회상이나 생각을 나타낼 수 있습니다!

🟦 웹툰 미리보기를 위해 스마트폰에 연결

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

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

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

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

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

이 기능은 보기 > 화면 영역 (웹툰) 또는 명령 바의 아이콘을 통해 액세스할 수 있습니다.

🟦 캔버스 확장 또는 자르기

가장 좋아하는 생명줄 같은 도구가 여기 있습니다! 스토리보드 단계에서 패널 사이의 공간에 대해 걱정하여 집중을 잃고 싶지 않습니다. 이 두 기능 덕분에 이 걱정은 나중으로 미룰 수 있습니다!

이 기능들은 편집 > 캔버스 높이 변경 > 확장 또는 자르기에 숨겨져 있으므로, 제가 여기에 있는 것처럼 빠른 액세스 팔레트나 명령 바에 추가하는 것을 강력히 추천합니다.

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

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

하단 핸들을 아래로 드래그하여 입력하면, 기능 사각형의 상단 선 아래에 있는 모든 것이 사각형의 높이만큼 아래로 이동한 것을 볼 수 있습니다.

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

정말 기발하죠?

두 도구 모두 사용하기 매우 쉽고 모든 것이 실행 취소 가능합니다. 단, 확장 사각형의 상단 선을 자르고 싶지 않은 곳에 두지 않도록 주의해야 합니다. 그곳에 새로운 공간이 추가될 것이기 때문입니다.

🟦 파일 오브젝트 및 레이어 컴프

이 팁은 뜬금없어 보일 수 있지만, 배경을 훨씬 쉽게 만들 수 있다는 것을 알면 패널 크기 및 위치에 대한 결정이 크게 바뀔 수 있다고 생각합니다.

만화에 반복되는 요소가 있다면, 매번 같지 않더라도 레이어 컴프를 최대한 활용하세요!

예를 들어, 이 챕터의 대부분은 밤에 눈 덮인 산을 배경으로 합니다. 모든 패널에서 배경을 복사, 붙여넣기, 수정하는 것은 고통스러운 일일 것입니다.

대신, 저는 먼저 이 별도의 파일 오브젝트를 그렸는데, 여기서 모든 면을 거의 완성했습니다. 이 파일에 대해 다음 세 가지 사항에 주목하세요:

1. 내리는 눈과 같이 움직이는 요소는 제외했습니다. 눈송이가 항상 한자리에 있다면 이상할 것이기 때문입니다.

2. 색상은 약간 채도를 낮게 유지하여, 각 패널에서 정확한 분위기에 맞게 색상 및 조명 조정을 훨씬 자유롭게 할 수 있습니다.

3. 캔버스 크기가 더 크고, 면이 수직으로 펼쳐져 있어, 각 면을 이동하고 스케일링하여 확대/축소 또는 원근감까지 변경할 수 있습니다. 스토리보드에서 이 배경을 사용한 주요 패널을 처음 복사하여 쌓아 올려 면의 최적 기본 레이아웃과 캔버스 크기를 파악한 것을 볼 수 있습니다.

그림 작업이 끝나면 각 면에 대해 레이어 컴프를 설정합니다.

저는 여러 그룹의 레이어 컴프를 설정하는 것이 가장 좋다는 것을 알게 되었습니다. 일반적으로 전체 하늘, 배경, 중경, 전경과 같은 일반적인 면을 포함하는 한 그룹, 그 다음으로 구름 층, 달 또는 전경의 나무 그룹과 같은 각 요소가 자체 별도의 레이어 컴프를 갖는 다른 그룹을 설정했습니다. 그리고 마지막으로 그림자 켜기/끄기 버전 또는 마스크로 사용할 것과 같은 특정 레이어 컴프가 있습니다.