CLIP STUDIO PAINT에서 웹툰 패널링을 위한 마음을 절약하는 팁!

비디오 버전:

텍스트 버전:

안녕하세요!

 

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

 

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

 

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

 

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

작업공간

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

 

첫 번째는 탐색기 팔레트입니다. 쉽게 열거나 접을 수 있도록 측면에 고정해 두었습니다. 이를 사용하면 스크롤하지 않고도 한 패널에서 다른 패널로 빠르게 이동할 수 있을 뿐만 아니라 전체 캔버스를 추적할 수 있습니다.

다음은 작업할 수 있는 수직 공간을 더 많이 제공하기 위해 앱의 상단 표시줄을 숨기는 숨겨진 단축키 Shift+Tab입니다. 두 번째로 누르면 메뉴 표시줄이 숨겨집니다. 세 번째 막대에서는 두 막대가 모두 반환됩니다. 작업 속도를 높이는 또 다른 팁인 단축키**를 사용하기 때문에 대부분의 경우 두 막대를 모두 숨겨 둡니다.

벡터 레이어

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

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

 

작은 캔버스에 썸네일을 그리는 것은 어떻습니까?

 

스케치에도 벡터 레이어를 사용하면 크기가 작은 캔버스에서 시작할 필요가 없습니다! 품질 저하 없이 스케치를 쉽게 편집하고 변형할 수 있을 뿐만 아니라 파일 크기도 절약되고 나중에 확대할 수도 있습니다!

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

---

캔버스 높이 참고

참고로 캔버스 높이에 대해 언급하고 싶습니다. 전체 장에 대해 가능한 가장 긴 캔버스를 사용하는 것이 가장 좋습니다. 그러나 처리 능력을 고려해야 합니다. 나중에 패널과 패널 사이에 공간을 추가하면 캔버스 높이가 높아질 수 있습니다.

 

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

 

어떤 기본 캔버스 크기가 귀하에게 가장 적합한지 확인해보세요!

프레임 테두리 도구

스토리보드가 어느 정도 만족스러우면 프레임 도구를 사용하여 패널을 정의합니다. 이 도구에 대한 튜토리얼이 많기 때문에 제가 사용하는 접근 방식을 보여드리겠습니다. 다소 정통적이지 않을 수도 있습니다. :D

 

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

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

 

이것은 내 파일 구조의 예입니다. 모든 패널의 마스크가 포함된 프레임 폴더를 상단, 텍스트 및 사운드 효과 바로 아래에 배치했습니다. 후처리, 전경, 문자 등과 같은 모든 패널에는 자체 폴더가 있습니다. 덕분에 색상을 일관되게 유지하고 밝은 색상이나 무언가를 변경할 수 있습니다. 모든 패널을 한 번에 재킷 색상으로 표현하는 것은 매우 쉽습니다!

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

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

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

조작 도구

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

 

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

 

이 작은 노란색 화살표는 클릭하면 다른 패널의 프레임이나 캔버스 등 원하는 위치에 가깝게 맞추는 경향이 있으므로 편리한 기능입니다. 국경.

 

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

동일한 도구를 사용하면 테두리의 색상과 크기를 변경하거나 사용된 브러시도 변경할 수 있습니다! 이 타이어 트랙 브러시나 스플래터 브러시처럼요!

프레임 외부를 채울 수 있는 옵션이 없기 때문에 프레임 폴더 마스크를 Ctrl 키를 누른 채 클릭하고 반전시킨 다음 새 레이어를 색상으로 채워 수동으로 이 작업을 수행합니다.

 

해당 레이어는 프레임 폴더 외부에 있어야 합니다. 저는 일반적으로 두 레이어를 모두 이와 같은 새로운 일반 폴더에 넣습니다.

이 페이지에는 겹치는 패널이 있습니다. 먼저 이전 페이지와 동일한 방식으로 나머지 작업을 수행합니다. 작업이 끝나면 프레임 도구 설정을 새 폴더 만들기로 변경합니다. 이제 두 개의 프레임 폴더가 생겼고, 위쪽 폴더에는 겹치는 이중 패널이 포함되어 있습니다.

이번에도 작업 도구를 사용하여 초기 직사각형을 수정합니다.

홈통은 어떻습니까? 프레임 테두리 도구 분할이 이럴 때 아주 좋습니다! 드래그하면 패널이 나누어집니다!

 

보시다시피, 이중 패널의 각도를 잃지 않고 홈통을 수정할 수 있기 때문에 꽤 똑똑하게 작동합니다!

패널이 겹치는 경우 이전에 표시된 것과 동일한 방식으로 나머지 패널을 사용하여 프레임 폴더의 외부 채우기를 수행합니다.

 

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

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

 

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

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

프레임을 균등하게 나누기하는 흥미롭고 약간 숨겨진 옵션도 하나 더 있습니다! 레이어 > 눈금자/프레임 > 프레임 테두리를 동일하게 나누기로 이동하세요. 팝업에서 분할 수를 설정할 수 있습니다. 이제 분할 수는 2개만 필요합니다.

프레임 테두리는 벡터 선이므로 선 수정 도구를 사용하여 수정할 수도 있습니다.

 

선 너비 조정 옵션과 함께 제어점을 사용하여 선 두께를 변경할 수 있습니다! 제어점을 클릭하고 오른쪽으로 드래그 선을 더 두껍게 만들고, 왼쪽으로 드래그하면 가늘게 만듭니다. 이 도구를 사용하면 패널에 3D 느낌을 추가할 수 있습니다!

 

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

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

 

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

스마트폰에 접속하여 웹툰 미리보기

이 기능을 사용하기에는 내 휴대폰이 너무 오래되었지만 친구의 휴대폰으로 사용해 보았는데 파일 사이의 이음새 없이 전체 웹툰을 볼 수 있기 때문에 매우 편리하다고 말하고 싶습니다. 데스크톱 버전입니다(향후 업데이트에 대한 저의 큰 소망입니다^^).

 

파일 > 스마트폰에 연결을 선택하면(또는 제어 막대의 아이콘을 클릭합니다. 적어도 제 버전에서는 기본적으로 존재했습니다) QR 코드가 나타납니다.

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

컴패니언 모드에서는 웹툰 미리보기 아이콘이 오른쪽 하단에 표시됩니다.

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

 

보기 > 화면 영역(웹툰) 또는 커맨드 바의 아이콘을 통해 접근할 수 있습니다.

캔버스 확장 또는 자르기

제가 가장 좋아하는 생명을 구하는 도구가 여기 있습니다! 스토리보드 단계에서는 패널 사이의 공간을 걱정하여 주의가 산만해지고 싶지 않습니다. 그리고 이 두 가지 기능 덕분에 나중에 사용할 수 있게 되었습니다!

 

편집 > 캔버스 높이 변경 > 확장 또는 자르기에 숨겨져 있으므로 저처럼 빠른 액세스 팔레트나 명령 모음에 두는 것이 좋습니다. 여기 있어요.

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

두 패널 사이에 공간을 더 추가하고 싶을 때 확장 아이콘을 클릭하면 이 직사각형이 나타납니다. 높이는 윗줄로 정의된 캔버스의 두 부분 사이에 추가될 공간을 정의합니다.

 

하단 핸들을 아래로 드래그하고 입력하면 지형지물 직사각형의 상단 선 아래에 있는 모든 내용이 사각형 높이만큼 아래로 이동한 것을 확인할 수 있습니다.

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

독창적이죠?

두 도구 모두 매우 사용하기 쉬우며 모든 것이 실행 취소 가능합니다. 사용하지 않는 직사각형 확장의 윗선을 배치하지 않도록 주의하면 됩니다. 잘라내기를 원하지 않습니다, 거기에 새로운 공간이 추가될 것이기 때문입니다.

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

이 팁이 적절하지 않은 것처럼 보일 수도 있지만 배경을 훨씬 더 쉽게 만들 수 있다는 사실을 알면 패널 크기 및 위치에 대한 결정이 크게 바뀔 수 있다고 생각합니다.

 

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

 

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

 

 

대신에 저는 먼저 모든 평면을 거의 완성한 이 별도의 파일 객체를 그렸습니다. 이 파일에 대해 다음 세 가지 사항을 확인하세요.

 

1. 눈이 내리는 것처럼 움직이는 요소는 생략했습니다. 눈송이가 항상 한 곳에 있으면 이상할 것이기 때문입니다.

 

2. 색상은 약간 채도가 낮습니다. 정확한 분위기에 맞게 각 패널의 색상과 조명을 더 자유롭게 조정할 수 있습니다.

 

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

페인팅이 끝나면 각 평면에 대해 레이어 구성 요소를 설정합니다.

 

레이어 구성 요소의 여러 그룹을 설정하는 것이 가장 좋습니다. 일반적으로 전체 하늘, 배경, 중간 지면 및 전경과 같은 일반 평면이 있는 그룹과 구름, 달 또는 나무 그룹과 같은 각 요소가 포함된 또 다른 그룹을 설정하는 것이 가장 좋습니다. 전경에는 별도의 레이어 구성 요소가 있습니다. 마지막으로 그림자를 켜고 끄는 버전이나 마스크로 사용할 것과 같은 특정 레이어 구성 요소입니다.

이제 파일 > 가져오기 > 파일 개체 만들기로 이동하여 파일 개체로 패널에 파일을 링크할 수 있습니다.

 

처음에는 이상하게 보일 수 있습니다. 기본적으로 파일 개체는 배경색과 마지막 레이어 구성 요소를 유지하기 때문입니다.

도구 속성 팔레트의 렌더링 설정에서 종이 그리기 선택을 취소한 다음 레이어 구성 요소 메뉴**에서 표시하려는 레이어 구성 요소를 선택합니다. 위치를 확인하려면 "All"부터 시작하겠습니다.

파일 개체가 캔버스 너머로 확장되어 패널의 요구 사항에 맞게 평면을 재생할 수 있는 공간을 제공하는 것을 볼 수 있습니다.

 

파일 개체 레이어를 복제하고 패널에 필요한 각 요소에 대한 레이어 구성 요소를 설정한 후 이동하고 패널의 관점에 맞게 변형합니다. **! 파일 개체는 래스터 레이어가 아니기 때문에 품질 저하 없이 계속해서 변형할 수 있습니다!

앞에서 볼 수 있듯이 이 장의 배경 대부분은 파일 개체의 레이어 구성 요소를 변형하고, 변형하고, 복제하는 등의 과정을 거쳐 만들어졌습니다.

 

눈, 안개, 색상, 약간의 다시 칠하기 등을 추가하면 배경이 독특하면서도 통일된 느낌을 줍니다. 물론 배경을 어둡게 하거나 색상 그라데이션으로 줄여야 하는 패널도 있지만 파일 개체 덕분에 모든 패널이 풍부하게 느껴질 수 있습니다!

 

그리고 가장 좋은 점은 파일 개체를 사용하여 모든 패널에서 한 번에 편집할 수 있다는 것입니다!

예를 들어, 떠 있는 듯한 느낌이 드는 나무가 있어서 원본 파일 객체에서 그냥 지워버리면 보이는 곳에 다 없어져 버렸어요!

---

읽어주셔서 감사합니다. 이 팁이 여러분이 만화 창작을 더욱 즐겁게 하는 데 도움이 되기를 바랍니다!