간단한 이해: CLIP으로 웹툰을 만드는 방법

11,964

Nelviy

Nelviy

유튜브 영상은 말풍선의 절반 내용만 다루고 있으며, 후반 내용은 아래 글에 있습니다.⭐CC 자막을 켜주세요⭐ 하지만 영어 자막은 기계 번역입니다.

서문

한 페이지씩 보는 전통 만화와 달리,웹툰은 수직으로 스크롤하여 보는 만화입니다.이 글에서는 웹툰이 어떤 특징을 가지고 있는지 지나치게 많이 소개하지는 않을 것입니다.하지만 창작자로서 자신만의 상상 속 이야기와 캐릭터를 가지고 있고, 채색 그림을 그릴 수 있는 상황이라면, 이 글이 CLIP이 어떤 기능을 가지고 있는지 알려주어, 자신만의 웹툰을 제작하는 데 도움이 될 수 있을 것입니다.CLIP으로 흑백 페이지 만화를 그려본 경험이 있는 사용자라면, 컬러 웹툰을 그리는 데 바로 전환하는 것이 어렵지 않을 것입니다.하지만 CLIP을 처음 사용하는 초보자라도 걱정할 필요 없습니다.대략적으로 알아야 할 것들을 간단히 소개하고, 마지막으로 저의 경험담을 덧붙일 것입니다.p.s. 예시 그림은 CLIP 내장 이미지 파일을 제외하고는 모두 제가 이전에 그렸던 작품에서 가져왔습니다.

01 새 작품 만들기 (create canvas)

일반적인 삽화가 하나의 캔버스만 생성하면 되는 것과 달리,만화를 그릴 때는 【카탈로그】와 유사한 것을 만들어야 합니다.한 번에 여러 캔버스를 새로 만듭니다.생성된 카탈로그는 통칭 【페이지 관리 창】이라고 합니다.↓이를 이용하여 각 페이지 캔버스의 썸네일을 볼 수 있습니다.

↓또한 이를 이용하여 열고 싶은 페이지를 빠르게 찾아 열 수 있습니다.

✨생성 단계창 왼쪽 상단=> 1파일=>2 새로 만들기=>3옵션 선택 【웹툰】

이제 관련 데이터를 원하는 대로 조정하고, 확인 후 【OK】를 눌러 생성합니다.생성된 카탈로그는 .cmc (페이지 관리 파일) 확장자 파일 형식으로 존재합니다.나중에 카탈로그를 열고 싶을 때는 이 파일을 더블 클릭하기만 하면 됩니다.

작업을 시작할 때는 주로 캔버스의 【너비】와 【해상도】를 확인해야 합니다.작업 중에 캔버스의 【높이】는 해당 페이지 내용에 따라 증감될 수 있으며,【여러 페이지 수】도 페이지가 너무 많거나 부족할 때 언제든지 증감할 수 있습니다. ✨캔버스 너비 권장: 최소 800px 이상대부분의 업로드 사이트에서 허용하는 최소 너비가 이 값이기 때문입니다.한편, 한 회차의 만화가 몇 페이지여야 하는지에 대한 명확한 값은 없습니다.일반적인 웹툰은 한 회차에 달성해야 하는 【칸 수】로 스토리 길이를 계획합니다.각 회차는 최소 40~70칸 이상의 칸 수가 필요하며, 각 플랫폼마다 요구 사항이 다릅니다.

✨캔버스 높이 변경 방법상단 => 편집 => 캔버스 크기 변경 캔버스를 변경할 때는 정렬 【기준점】을 먼저 조정한 후 크기(높이)를 수정해야 합니다.

어느 한 페이지의 캔버스 크기를 변경해도 전체(다른 페이지)에 영향을 미치지 않습니다.안심하고 변경할 수 있습니다.

✨페이지 추가 및 삭제마우스 오른쪽 버튼으로 【페이지 추가】와 【페이지 삭제】 옵션을 찾을 수 있습니다.

✨페이지 순서 드래그마우스 왼쪽 버튼을 길게 눌러 드래그하면 됩니다. (참고: 폴더 내 파일의 이름은 변경되지 않지만, 내보내기 시 문제가 발생하지 않습니다.)

02 스케치 그리기(콘티)

만화를 그리려면, 먼저 어떤 내용을 그릴지 알아야 합니다.그래서 WORD 또는 특정 텍스트 편집 소프트웨어를 사용하여 그릴 내용과 대사를 미리 작성하고,간단한 콘티 스케치(왼쪽 그림)를 그린 후에야 다음 작업을 시작할 수 있습니다.예: 칸 그리기, 말풍선

스케치할 때 【레이어 투명도】를 조절하거나 【레이어 색상】을 변경하면 더 편리하게 초안을 작성할 수 있습니다.

03 칸 그리기

↓CLIP에는 전용 칸 만들기 도구([프레임 테두리] 도구)가 있지만, 저는 【흑백 페이지 만화】를 그릴 때도 이를 사용합니다.하지만 웹툰을 그릴 때는 【다른 도구를 사용하는 습관】이 있습니다.(칸 만들기 도구를 간략하게 소개하고, 나중에 제가 자주 사용하는 방법을 소개하겠습니다.)

칸 만들기 도구의 장점은,칸을 하나 그릴 때마다 레이어에 폴더가 생성되어,칸의 범위를 명확하게 볼 수 있고, 그릴 내용을 폴더 아래에 넣어 칸 범위를 벗어나지 않도록 할 수 있다는 것입니다.

하지만 단점은 칸을 하나 그릴 때마다 칸 폴더가 맨 위로 이동한다는 것입니다.(아래층의 스케치를 가리게 됩니다.)또한 웹툰은 대부분 독립적인 사각형 테두리를 필요로 하므로, 페이지 만화에서 유용했던 칸 분할(Dividing the frames) 기능도 여기서는 크게 사용되지 않습니다.

✨제가 자주 사용하는 방법

웹툰을 그릴 때는 폴더를 열고 닫는 횟수를 최대한 줄이려고 합니다.선화와 채색 레이어도 각 칸에 따라 분류되지 않고 모두 함께 있을 수 있습니다.그래서 저는 【도형】 도구를 사용하는 것을 선택합니다.

도형 도구 사용의 핵심은,테두리 선을 그릴 때 새 레이어는 반드시 【벡터 레이어】를 선택해야 한다는 것입니다.

도형 도구는 칸 만들기 도구 위에 있습니다.평소에 선, 사각형, 원을 그릴 때 사용하는 그 도구 모음입니다.제가 칸을 그릴 때 사용하는 도구는 도형 도구의 【사각형】입니다.

도형 도구로 칸을 그리면, 테두리 선들을 모두 같은 레이어에 둘 수 있습니다.

사용할 때는 도구 속성 팔레트(Tool Property palette)를 찾으세요.여기서 원하는 테두리 선의 두께를 조절할 수 있습니다.그리고 스타일은 사각형의 가장자리 선만 필요하며, 배경색을 채울 필요는 없습니다.

칸 만들기 도구를 사용하든 도형 도구를 사용하든, 이미 그려진 칸을 다시 조정하려면,먼저 마우스를 【조작】 필드에 선택해야 합니다.

조작 필드의 【오브젝트】 기능은 벡터 및 3D 오브젝트를 조정할 수 있습니다.이전에 테두리 선을 그릴 때 【벡터 레이어】에 생성해야 한다고 알린 이유가 바로 이것입니다.그려진 테두리 선은 이를 통해 자유롭게 위치와 확대/축소를 조정할 수 있습니다.선의 두께도 변경할 수 있습니다.

그 후,그린 내용이 칸을 벗어나지 않게 하려면 마술봉과 레이어 마스크를 잘 활용할 수 있습니다.

콘티를 짤 때, 인물이 칸을 벗어나는 이런 연출도 시도해 볼 수 있습니다.

04 말풍선과 텍스트

CLIP에는 전용 말풍선 생성 도구가 내장되어 있습니다.두 개의 칸이 교차할 때 자동으로 합쳐져서 매우 편리합니다.

말풍선의 테두리 색상이나 배경색을 빠르게 변경할 수 있습니다.

말풍선 필드에는 꼬리(뾰족한 모서리)를 그릴 수 있는 도구나 사용자가 자유롭게 그릴 수 있는 임의의 모양도 있습니다.

레이어에서 말풍선을 변경하려면, 먼저 조작=>오브젝트를 클릭해야 합니다.그러면 이전에 만들어진 말풍선을 원활하게 조정할 수 있습니다.이동, 모양 변경 또는 선의 두께 변경 등을 할 수 있습니다.

✨말풍선의 불투명도이 기능은 특별히 언급하고 싶습니다.CLIP을 사용해 본 적 없는 사용자들에게는 모두가 예상하는 기능은 아닐 수 있기 때문입니다.작업 중에 말풍선을 조정하는 경우, 【도구 속성】 패널에서 조정 파라미터의 슬라이더를 찾을 수 있습니다.패널에 표시되지 않으면 오른쪽 하단의 【렌치】를 열어,보조 도구 상세 패널([Sub Tool Detail] palette)을 연 후에 찾을 수 있습니다.

가장 처음에 말풍선을 만들 때, 배경색이 반투명한 말풍선을 만들고 싶다면,오른쪽 하단 렌치를 열고 보조 도구 상세 패널을 열어 투명도 조절 옵션을 표시할 수도 있습니다.조절 바는 【도구 속성】 패널에 나타납니다.(기본적으로 투명도 옵션은 나타나지 않습니다.)

✨특수 말풍선다른 필드에서 내장된 효과 칸을 찾을 수 있습니다.

소재 스토어를 이용하여 다른 사람들이 만든 말풍선 소재를 더 많이 찾을 수도 있습니다.

✨목차에서 제가 【말풍선과 텍스트】를 함께 쓴 이유는, CLIP의 설정상 텍스트와 말풍선이 기본적으로 【쉽게 붙어 있기】 때문입니다.

텍스트와 말풍선이 생성될 때 너무 가깝게 인접해 있으면, 기본적으로 같은 레이어에 생성됩니다.장점은,텍스트가 말풍선의 변형에 따라 이동하여 중앙을 유지한다는 것입니다.

대사를 먼저 입력하고 나중에 말풍선을 추가하는 경우에도, 【둘이 너무 가깝게 인접해 있으면】 시스템 기본 설정에 따라 여전히 레이어를 공유하게 됩니다.

텍스트와 말풍선의 【추가 방법】을 모두 변경해야만 두 개가 레이어를 공유하여 붙어 있는 것을 완전히 피할 수 있습니다.

CLIP이 말풍선과 텍스트를 함께 병합하는 기능이 매우 유용해 보이지만,저는 개인적으로 Photoshop에서 대사를 미리 작성한 후 CLIP에 붙여넣는 것을 선호합니다.(이렇게 하는 주된 이유는 일부 글꼴이 CLIP에서 이름이 바뀌어 중국어나 일본어 이름이 영어로 바뀌어 찾기 불편하기 때문입니다.)하지만 다른 언어 사용자이고 저와 비슷한 문제를 겪지 않는다면,CLIP에서 글꼴 선택 시 자신만의 목록을 만들 수도 있습니다. 글꼴 선택에 걸리는 시간을 단축할 수 있습니다.

자주 사용하는 글꼴을 모두 선택하면, 나중에 이 위치에서 자신만의 목록을 찾을 수 있습니다.

✨텍스트 지우기(텍스트 공백)만화 대사를 다른 언어로 변환해야 하고, 【모든 대사를 지우고】 말풍선만 남겨야 하는 경우,CLIP의 텍스트와 말풍선이 대부분 같은 레이어에 있지만 걱정할 필요는 없습니다. 문제가 발생하지 않습니다.이미지를 내보낼 때,내보내기 시 텍스트 옵션에 【체크하지 않으면】, 내보낸 이미지에 텍스트가 나타나지 않습니다.

✨스토리 에디터CLIP 내 텍스트 도구를 사용하여 대사를 만들었고, 대사를 빠르게 수정하고 싶다면 스토리 에디터를 고려해 볼 수 있습니다.페이지 관리=> 텍스트 편집=>스토리 에디터 열기

이 기능은 【새 대사 만들기】에도 사용할 수 있지만, 제가 잘 알지 못하므로 공식 튜토리얼을 첨부합니다.

05 작업 도중

만화 칸 + 말풍선 + 대사를 다루고 나면, 화면을 어떻게 표현할지는 작가들 각자의 창의성에 달려 있다고 생각합니다.솔직히 제 그림 실력과 창의력도 아주 뛰어나지는 않아서 할 말이 많지 않습니다.CLIP을 이전에 접해본 적 없는 창작자라면, 제가 예전에 썼던 이 글을 추천합니다.CLIP을 가장 기본적인 수준에서 이해하고, CLIP을 자신에게 맞는 작업 환경으로 바꿔볼 수 있습니다.

웹툰의 조명이나 캐릭터를 배경에 어떻게 녹여낼지 고민이라면,제가 쓴 간단한 조명 튜토리얼을 참고해 볼 수 있습니다.

✨그림 작업 도중, 제가 특별히 강조하고 싶은 한 가지는 【색상 팔레트】를 잘 활용해야 한다는 것입니다.컬러 만화 작업 과정에서 캐릭터의 피부, 머리카락, 눈과 같은 일부 색상은 고정되어 있습니다.색상 팔레트를 이용하면 원하는 색상을 빠르게 선택할 수 있습니다.

【색상 팔레트】 패널 오른쪽 상단의 렌치를 열면, 새 설정 추가 = 새 색상 팔레트 만들기를 할 수 있습니다.OK를 누르면 빈 팔레트를 얻을 수 있습니다.색상 팔레트에 원하는 색상을 채우고 싶다면,색상 팔레트 위에서 【키보드 ALT를 길게 누르면】 마우스가 자동으로 채색 도구로 바뀌고,필요한 색상을 하나씩 색상 팔레트에 채워 넣을 수 있습니다.

또한, 채우기 도구를 잘 활용해야 합니다.저는 개인적으로 페인트 통으로 바로 색을 채우는 데 익숙하지 않아서 마술봉으로 범위를 선택하는 것을 선호합니다.하지만 페인트 통으로 채색하든 아니든, 일부 가장자리나 모서리가 즉시 채워지지 않을 때가 있습니다.이때 CLIP의 특별한 채색 기능을 시도해 볼 수 있습니다.

둘러 채우기(Enclose and fill)와 남은 부분 채우기(Paint unfilled area)모두 빠르게 색을 채울 수 있는 방법입니다.

공식 튜토리얼 참고

06 파일 내보내기

완성 후, 이전에 만든 카탈로그를 클릭하고,왼쪽 상단 파일 [File] 메뉴 => 이미지 통합 후 내보내기 [Export (Single Layer)]=> .jpg (필요한 파일 유형 선택)

내보낼 때 원본 이미지 크기가 필요 없거나 특정 플랫폼 또는 제출 규칙에 맞춰야 하는 경우,예를 들어 너비 800px의 썸네일이 필요하다면, 지정 출력 크기--너비에 직접 800px을 입력하기만 하면 됩니다.높이는 신경 쓸 필요가 없습니다. 한 회차 만화의 이미지 파일 높이가 일정하지 않더라도 너비는 모두 같기 때문에,내보낸 이미지는 실제로는 동일한 비율로 축소됩니다.예를 들어 제 스크린샷에서는 모두 26.67%로 통일하여 축소되었으므로,내보낸 이미지의 축소 비율이 흐트러지지 않고 너비가 일정하게 유지됩니다.

――개인적인 의견 = 소감

웹툰을 보는 독자들은 대부분 휴대폰을 이용하여 위아래로 스크롤하며 시청합니다.따라서 가끔 더 큰 화면을 그리거나 스토리를 강조하고 싶을 때,콘티에 따라 휴대폰 화면 범위 내에 한 번에 얼마나 많은 화면이 표시될 수 있는지 스스로 추정해야 합니다.초기 휴대폰 화면의 가로세로 비율은 16:9였지만, 지금은 거의 사라졌습니다.현재는 20:9가 많고, 21:9도 등장했습니다.저는 휴대폰을 자주 바꾸지 않아서, 현재 사용 중인 화면은 대략 18:9입니다.↓20:9 화면이 대략적으로 보여주는 모습

웹툰은 전통적인 흑백 만화와 다릅니다.전통 페이지 만화는 각 페이지의 제한된 공간 안에 칸 크기를 배치해야 하지만,웹툰은 작가가 표현하고자 하는 화면을 보여줄 공간이 부족하면 언제든지 캔버스 길이를 늘릴 수 있습니다.따라서 제 개인적인 취향과 제안은 【말풍선 공간을 절약할 필요 없이 좀 더 크게 늘려도 좋다】는 것입니다.웹툰을 보는 젊은 독자가 비교적 많지만,나이가 들면, 예를 들어 저처럼, 글씨가 좀 더 큰 것을 선호합니다.이 점에 대해 관심이 있다면 인기 있는 만화들을 살펴보세요. 보통 작지 않은 말풍선 안에 적은 대사가 배치되어 있습니다.

↑또한 한 가지 중요한 점이 있습니다.공포 만화를 그리는 경우가 아니라면, 대부분의 만화는 장르와 관계없이 【독자들이 실제로 캐릭터의 얼굴을 보는 것을 좋아합니다】.따라서 때로는 캐릭터에게 클로즈업 샷을 그리는 것을 아끼지 마세요.이어서, 말풍선 색상이나 의성어 효과를 어떻게 그릴지 좀 더 많이 관찰하여,화면이 최대한 풍부해 보이도록 노력해야 합니다.

후기

이 글은 기본적으로 사용할 수 있는 기능들을 빠르게 훑어본 것입니다.비록 여러분이 저와 같은 방식으로 창작하지 않더라도,CLIP이 이러한 기능들을 가지고 있다는 것을 미리 알 수 있을 것입니다.예전 LINE WEBTOON 작품 업로드 규칙은 비교적 엄격하여, 내보낸 이미지를 직접 가공하고 잘라야 했습니다.이제 시스템 업데이트에 따라 제한이 많이 완화되었고, 너무 긴 이미지는 백엔드에서 업로드할 때 시스템이 자동으로 분할해 줍니다. 따라서 자신의 작품을 성의껏 잘 그리기만 하면, 내보내기 및 업로드 측면에서 매우 편리해져 큰 어려움을 겪지 않을 것입니다.

이번 주제가 Line webtoon과의 특별 협력이니,제가 예전에 업로드했던 작품들을 추천해 드릴게요~!하지만 저는 주로 BL을 그립니다.공식 추천을 받을 수 있다면 더 좋을 텐데, 제 작품은 아직 추천받은 적이 없네요. XD”(순서는 위에서 아래로, 오래된 것부터 새로운 것 순입니다.)

또한,누군가 저에게 만화 연재를 제안해 줬으면 좋겠어요 XDIG를 통해 연락 부탁드립니다~그리고 대만 버전 웹툰 인터페이스가 업데이트되기를 바랍니다. 대만 버전에는 없는 기능이 너무 많아요.이 글이 도움이 되기를 바랍니다.제 인스타그램https://www.instagram.com/nelviy_manga/

댓글

신착

공식 신착