이 튜토리얼은 Clip Studio Paint의 프레임 테두리 도구를 사용하여 만화 프레임과 패널을 설정하는 방법에 관한 것입니다. 또한 곧 말풍선에 대한 또 다른 추가 튜토리얼을 진행할 예정입니다!

 

다음은 이 튜토리얼의 비디오 버전입니다. 텍스트를 선호하는 경우 아래에서 찾을 수 있습니다.

참고 - 이것은 큰 주제이므로 오늘은 웹툰, 트림 및 도련과 같은 인쇄 옵션 또는 EX의 여러 페이지 옵션을 다루지 않을 것입니다. 하지만 향후 튜토리얼에서 그 내용을 보고 싶다면 알려주세요!

만화 캔버스 만들기

CLIP STUDIO PAINT는 망가 스튜디오(MANGA STUDIO)로 시작했기 때문에 만화와 관련된 기능이 많이 들어있습니다.

실제로 파일 -> 새로 만들기로 이동하여 새 캔버스를 만들면 6개 프로젝트 유형 중 4개가 만화와 관련되어 있습니다.

 

참고: Clip Studio Paint Pro를 사용하는 경우 동인지 인쇄 옵션이나 여러 페이지 옵션이 표시되지 않습니다. EX의 특징입니다.

Comic 프로젝트 유형은 꽤 좋지만 파일을 밀리미터 단위로만 설정할 수 있는 등 몇 가지 제한 사항이 있습니다.

 

대신 저는 이름에서 알 수 있듯이 모든 설정을 한 곳에서 사용할 수 있는 "모든 만화 설정 표시" 카테고리로 이동하는 것을 선호합니다!

 

이 예에서는 가로 3000픽셀, 세로 2000픽셀의 캔버스에 디지털 만화를 만들겠습니다.

먼저 오른쪽 상단에 있는 드롭다운을 사용하여 단위를 픽셀로 변경하겠습니다.

이 프로젝트는 디지털 전용이므로 다듬기 옵션을 사용하지 않겠습니다.

 

코믹 설정 체크 표시를 완전히 끄는 것도 가능하지만, 그렇게 하면 꼭 필요한 내부 테두리도 제거됩니다. 잠시 후에 그 이유를 보여드리겠습니다!

 

다듬기 크기를 제거하려면 재단 물림 폭을 0으로 설정한 다음 다듬기 크기를 3000 x 2000으로 설정할 수 있습니다. 캔버스 크기가 다듬기 크기와 일치하도록 업데이트되고 다듬기가 방해가 됩니다. .

 

참고: 템플릿 설정에 대해서는 튜토리얼 뒷부분에서 설명하겠습니다. 해상도는 캔버스를 인쇄하려는 경우에만 관련이 있습니다. 이미지 해상도(DPI 또는 PPI라고도 함)에 대해 궁금하신 경우 여기에 대한 튜토리얼이 있습니다.

내부 테두리는 만화 프레임이 이동할 위치를 안내합니다.

 

2800 x 1800으로 설정하여 각 변에 100픽셀을 제공하겠습니다.

확인을 클릭하면 여기에 새 캔버스가 있습니다! 각 측면에서 100px 내부 테두리의 윤곽선을 볼 수 있습니다. 기술적으로 트림도 있지만 내 캔버스 크기와 정확히 일치하기 때문에 실제로는 볼 수 없습니다.

캔버스 조정

만화는 제가 설정한 것보다 하단 여백이 넓은 경우가 많으므로 이제 설정 조정 방법을 알아보세요.

보기 메뉴로 이동하여 자르기 표시/내부 테두리 설정을 선택합니다.

다음은 캔버스를 만들 때 본 것과 동일한 설정 중 일부입니다.

 

높이를 1800에서 1700px로 변경하고 -50픽셀의 수직 오프셋(Y 오프셋)을 추가하여 차이를 보완하겠습니다. (반드시 NEGATIVE 50픽셀을 추가하세요. "-"가 중요합니다.)

 

새로운 설정에 맞게 캔버스가 어떻게 변경되었는지 배경에서 확인할 수 있습니다. 훨씬 낫다!

편집 -> 이미지 해상도 변경 또는 편집 -> 캔버스 크기 변경과 같은 일부 옵션을 사용하면 절단선과 테두리가 제거된다는 점을 아는 것도 중요합니다.

전체 캔버스의 크기를 변경해야 하고 자르기 크기 및 내부 테두리 설정을 유지하려면 대신 편집 -> 캔버스 속성으로 이동하세요.

패널 프레임 테두리

먼저 만화의 프레임 테두리를 만듭니다.

이를 수행하는 방법에는 두 가지가 있지만 가장 쉬운 방법은 레이어 -> 새 레이어로 이동하여 프레임 테두리 폴더를 선택하는 것입니다.

원하는 경우 이름을 지정할 수 있으며 주위에 테두리를 표시하려는 경우 다른 옵션을 사용하면 됩니다. 선 너비를 15로 하겠습니다.

 

대각선 패널을 원하면 앤티앨리어싱을 켜세요. 모든 패널이 수평 및 수직인 경우에는 그대로 둘 수 있습니다. 나중에 효과를 보여드릴 수 있도록 지금은 그대로 두겠습니다.

확인을 클릭하면 두 가지 일이 발생합니다.

 

우선, 이제 파란색으로 둘러싸인 15px의 검은색 윤곽선이 있는 이 프레임이 있습니다.

 

내부 테두리를 설정한 위치에 정확히 나타납니다. 내부 테두리 없이 이 작업을 시도하면 프레임이 대신 가장자리까지 계속 이동합니다.

프레임은 레이어 패널에서 특별한 유형의 폴더로 나타납니다.

분할 방법: 프레임 폴더 분할

또 다른 일은 CSP가 자동으로 나를 프레임 테두리 도구, 특히 이 프레임 폴더 분할 하위 도구로 전환했다는 것입니다.

클릭하고 드래그하면 프레임이 해당 선을 따라 분할됩니다.

이제 분할된 각 부분에 대해 하나씩 두 개의 프레임 폴더가 생겼습니다.

 

하지만 그 사이에 여백을 더 넓게 두고 싶기 때문에 Ctrl-Z(Mac에서는 Command-Z)를 사용하여 취소하겠습니다.

도구 속성 팔레트에서 수직 및 수평 거터를 각각 60으로 변경하겠습니다.

이제 클릭하고 드래그하면 둘 사이의 간격이 더 넓어집니다.

계속 클릭하고 드래그하면 프레임이 계속해서 분할됩니다.

 

힌트: 프레임 분할을 수직, 수평 또는 45도로 잠그려면 Shift를 누르세요.

분할 모양 옵션은 기본적으로 직선으로 설정되어 있지만 다른 두 옵션을 사용하면 다음과 같이 들쭉날쭉하거나 곡선 분할을 추가할 수 있습니다.

환경 설정의 프레임 테두리 공간

동일한 프레임 테두리 크기를 계속 사용하고 있다면 파일 -> 기본 설정으로 이동하세요.

레이어 프레임 섹션으로 이동합니다.

 

여기에서 기본 수직 및 수평 거터를 설정할 수 있습니다. 완료되면 확인을 누르세요.

도구 속성 팔레트로 돌아가서 기본 설정에서 프레임 테두리 공간 확인란을 선택하면 원하는 여백이 기본값으로 사용됩니다.

프레임에 그리기

이제 우리는 많은 프레임을 갖게 되었습니다. 프레임으로 무엇을 해야 할까요? 그리기 도구를 사용하려고 하면 null 아이콘이 나타납니다. 힌트는 이름에 있습니다. 폴더입니다!

그 안에 새 레이어를 만듭니다. 래스터, 텍스트, 말풍선, 기타 폴더 등 모든 유형의 레이어일 수 있습니다. 여기서는 새 래스터 레이어 버튼을 사용하여 레이어를 만들었습니다.

이제 해당 레이어에 그림을 그릴 수 있습니다. 그러면 그림이 프레임 내에 제한됩니다!

 

힌트: 그리기 도구가 프레임에 맞춰지는 경우 눈금자 아이콘을 마우스 오른쪽 버튼으로 클릭하고 '눈금자 표시'를 선택 취소하여 해당 프레임에 연결된 눈금자를 비활성화하세요.

프레임 안에 원하는 만큼 많은 레이어를 넣을 수 있으므로 스케치, 라인 아트, 색상 등 원하는 구조에 맞게 하나의 레이어를 가질 수 있습니다.

분할 방법: 단일 프레임 테두리 폴더 사용

추적해야 할 레이어가 너무 많아 보인다면, 맞습니다! 모든 프레임을 별도의 폴더로 유지하려는 이유가 있지만 이것이 유일한 방법은 아닙니다. 다른 옵션을 살펴보겠습니다. 대신 단일 프레임 테두리 폴더를 사용하는 것입니다.

원래 프레임 테두리 폴더에서 다시 시작합니다.

이번에는 나누기 방법 옆에서 폴더가 아닌 프레임 테두리 나누기 옵션을 선택하겠습니다.

클릭하고 드래그하여 분할을 만듭니다. 이 옵션을 사용하면 프레임 사이에 분할이 추가됩니다...

...하지만 같은 폴더에 보관합니다.

여기에 레이어를 만들고 그 안에 그리는 것은 차이점을 보여줍니다. 여백에는 그림이 표시되지 않지만 두 패널 모두에 걸쳐 그릴 수 있습니다.

나누기 방법 결합

두 가지 방법을 결합할 수도 있습니다. 분할 방법을 다시 프레임 폴더 분할 및 내부 레이어 복제로 변경합니다.

또 다른 부서를 만드십시오.

이제 한 폴더에 두 개의 프레임이 있고, 두 프레임과 독립적인 하나의 프레임이 있습니다. 프레임 중 하나가 다른 프레임과 겹치도록 하려면 이와 같이 프레임을 분리할 수 있습니다.

 

그림을 포함하여 원본 프레임의 하위 레이어 복사본도 만들어졌습니다.

이러한 동작을 원하지 않으면 중간 분할 방법인 프레임 폴더 분할 및 빈 폴더 생성을 선택하세요.

이는 원본을 복사하는 대신 완전히 빈 프레임 폴더로 시작할 수 있다는 점을 제외하면 첫 번째 옵션과 정확히 동일합니다.

프레임 조정

프레임 테두리는 개체이므로 조정하려면 작업 도구로 이동하여 오랜 친구인 개체 하위 도구를 선택하세요.

여기에 제가 예로 든 작은 만화가 있습니다. (걱정하지 마세요. 부화한 용 두 마리가 서로를 다치게 하지 않을 뿐입니다!)

 

개체 하위 도구를 사용하면 개별 프레임을 선택할 수 있습니다. 동일한 폴더에 있는 경우 Shift 키를 눌러 여러 프레임을 선택할 수도 있습니다.

 

그러나 동시에 다른 폴더의 프레임을 선택할 수는 없습니다.

프레임을 선택한 상태에서 기본 색상 옵션을 사용하여 테두리 색상과 같은 속성을 변경하거나 브러시 크기 옵션을 사용하여 두께 등의 속성을 변경할 수 있습니다.

 

힌트: 창의력을 발휘하고 싶다면 다른 브러시 옵션도 많이 있습니다!

홈통을 정렬된 상태로 유지

프레임 크기도 조정할 수 있습니다.

기본적으로 프로그램은 다른 프레임이 다른 폴더에 있더라도 일치하도록 다른 프레임을 조정하려고 시도합니다.

이 동작을 원하지 않으면 Keep Gutters Aligned 옵션을 None으로 설정하세요.

이제 하나의 패널만 조정하게 되며 다른 패널 중 어느 것도 조정 내용을 일치시키려고 시도하지 않습니다.

거터 제거

선택한 프레임 주위에 작은 노란색 화살표가 있습니다.

이를 클릭하면 프레임 사이, 프레임과 캔버스 가장자리 사이의 여백을 제거할 수 있습니다.

 

일부 만화에서 볼 수 있는 것처럼 풀 블리드 프레임을 원하는 경우 유용합니다.

프레임 이동

개체 하위 도구를 사용하여 선택한 프레임을 이동할 수 있지만 폴더 내부의 레이어는 그대로 유지됩니다.

전체를 이동하려면 레이어 이동 도구로 이동하여 레이어 이동 하위 도구가 선택되어 있는지 확인하세요.

전체 프레임 폴더(하위 레이어 제외)를 선택하고 클릭하여 드래그합니다. 프레임과 그 내용이 모두 함께 움직입니다.

 

참고: 하위 레이어를 선택한 경우 해당 레이어만 이동하고 프레임은 이동하지 않습니다. 이는 프레임 내에서 그림의 위치를 변경하려는 경우에 유용합니다!

 

분명히 이는 모든 프레임이 별도의 폴더일 때 가장 잘 작동하며 이를 사용하려는 이유 중 하나입니다.

안티 앨리어싱

앞서 언급했듯이 대각선 프레임을 원할 경우 앤티앨리어싱을 켜는 것이 가장 좋습니다.

시연으로 남겨두었습니다. 확대하면 프레임 가장자리가 들쭉날쭉한 픽셀로 표시되는 것을 볼 수 있습니다.

이 기능을 켜려면 렌치 아이콘을 클릭하여 하위 도구 세부 정보 팔레트를 연 다음 앤티 앨리어싱으로 이동하세요.

중간은 좋은 옵션입니다.

 

이는 선택한 패널에만 영향을 미치므로 모든 프레임 테두리가 별도의 폴더로 있는 경우 각 프레임에 대해 이 작업을 수행해야 합니다. (그래서 필요하다고 생각되면 처음부터 앤티앨리어싱을 켜는 것이 가장 좋습니다!)

사용자 정의 프레임 모양

직선 패널에는 모두 좋지만 창의력을 발휘하고 싶다면 어떻게 해야 할까요?

나는 내부 테두리가 있는 완전히 빈 캔버스로 다시 시작했습니다.

직사각형 프레임 하위 도구

프레임 테두리 도구의 상단에는 프레임 만들기 및 프레임 테두리 잘라내기라는 두 개의 탭이 있습니다. 지금까지는 두 번째 것을 사용했는데, 지금은 Create Frame을 클릭하세요.

 

그런 다음 직사각형 프레임 하위 도구를 선택합니다.

프레임 테두리를 클릭하고 드래그합니다.

 

충분히 가까우면 내부 테두리에 맞춰지지만 원하는 크기로 만들 수 있습니다. 이는 이전에 테두리를 만든 방법과 유사하지만 여기에서는 더 많은 제어가 가능하며 내부 테두리와 동일한 크기로 만들 필요가 없습니다.

직사각형 프레임 도구 속성에는 추가 방법 옆에 두 가지 옵션이 있습니다. 새 폴더 만들기부터 시작해 보겠습니다.

이 옵션을 사용하여 새 프레임을 추가하면 기본적으로 해당 프레임이 새 폴더에 저장되므로 프레임을 멋지게 겹칠 수도 있습니다.

두 번째 옵션은 선택한 폴더에 추가입니다.

이렇게 하면 새 프레임이 초기 프레임과 동일한 폴더에 추가됩니다.

기본적으로 직사각형 프레임 하위 도구(또는 프레임 만들기 아래의 하위 도구)를 사용하여 새 프레임을 만들면 프레임에 빈 래스터 레이어와 흰색 배경 채우기가 제공됩니다.

 

표시된 토글을 사용하여 이러한 옵션 중 하나 또는 둘 다를 끄십시오.

원 및 다각형 프레임

직사각형 프레임 도구에는 Clip Studio Paint의 다른 그림 유형 도구와 유사한 기능이 있습니다. 여기서 렌치 아이콘을 클릭하여 하위 도구 세부 정보 팔레트로 이동한 다음 그림 섹션을 선택할 수 있습니다.

여기에서 원형 또는 다각형 프레임을 만들 수 있도록 도구를 변경할 수 있습니다.

 

또한 모서리 수, 둥근 모서리, 특정 종횡비로 고정과 같은 다른 그림 기능에도 액세스할 수 있습니다.

폴리라인 프레임

다음 하위 도구는 Polyline Frame입니다.

직선으로 들쭉날쭉한 프레임 테두리를 그리는 옵션이 있습니다.

또한 세 가지 유형의 곡선(스플라인, 2차 베지어, 3차 베지어)이 있는 테두리도 있습니다.

프레임 테두리 펜

마지막 기본 하위 도구는 프레임 테두리 펜입니다.

이 기능을 사용하면 완전히 자유로운 형태로 손으로 프레임을 그릴 수 있습니다!

내장 패널 템플릿

Clip Studio Paint에는 시작하는 데 도움이 되는 다양한 내장 패널 템플릿도 있습니다.

창 -> 재질로 이동하고 표시된 옵션 중 하나를 선택하여 재질 패널을 엽니다.

만화 소재를 열고 프레이밍 템플릿 폴더를 선택합니다.

세로 형식으로 표시되지만 정말 좋은 점은 하나를 클릭하여 드래그하면 캔버스 크기에 맞춰진다는 것입니다.

 

또한 내부 테두리를 설정한 위치도 존중합니다!

튜토리얼 초반에 해당 템플릿 옵션으로 돌아갈 것이라고 언급했습니다!

 

새 캔버스를 만들 때 템플릿을 포함할 수 있는 옵션이 있습니다. 이는 방금 Material 패널에서 본 것과 동일한 템플릿입니다.

 

힌트: 자신만의 템플릿을 만들 수도 있지만 이는 다른 튜토리얼의 주제입니다!

 

템플릿 확인란을 활성화한 다음 용지 색상 바로 아래에 있는 버튼을 클릭하여 템플릿을 선택하세요.

목록에서 원하는 템플릿을 선택하고 확인을 클릭하세요.

새 캔버스를 만들면 선택한 템플릿이 처음부터 바로 포함됩니다!

프레임 테두리를 동일하게 나누기

마지막 한가지! 동일한 프레임의 단순한 그리드를 원한다고 가정해 보겠습니다.

이전에 했던 것처럼 프레임 테두리로 시작하고 프레임 테두리 폴더가 선택되어 있는지 확인하세요.

레이어 -> 눈금자/프레임 -> 프레임 테두리를 동일하게 나누기로 이동합니다.

원하는 수직 및 수평 분할 수를 선택하십시오.

 

폴더 분할 옵션은 이전에 살펴본 분할 방법과 동일합니다.

전환하면 미리보기에서 프레임의 측면 방향에 맞춤이 수행하는 작업을 확인할 수 있습니다. 직사각형 프레임에서는 아무런 차이가 없지만 다른 모양에서는 차이가 있습니다.

확인을 클릭하면 됩니다. 완벽하고 평등한 분할!

 

참고: 여백 너비에 대한 옵션은 제공되지 않습니다. 프레임 테두리를 동일하게 나누기 기능은 환경 설정에서 설정한 내용을 대신 사용합니다.

결론

좋아, 이게 다야. CLIP STUDIO PAINT에는 만화 패널을 설정하는 데 정말 유용한 도구가 많이 있으며, 이를 잘 사용하는 방법을 배우는 데 도움이 되었기를 바랍니다.

 

제가 만든 작은 용 만화에 말풍선을 추가하는 방법에 대한 또 다른 동영상을 곧 제 YouTube 채널에 올릴 예정입니다. Clip Studio Paint에는 말풍선을 위한 훌륭한 도구도 있으므로 계속 지켜봐 주시기 바랍니다!

 

Twitter, Instagram, Bluesky 또는 Mastodon을 통해 새로운 튜토리얼을 발표할 때 확인하세요. 여기 Clip Studio 팁에서 저를 팔로우하거나 제 YouTube 채널.

 

만화 만들기를 즐겨보세요!