웹툰은 세로 스크롤 만화 또는 "웹 만화"입니다. 플랫폼마다 페이지 크기가 다르므로 레이아웃을 계획 할 때 제한 사항에 유의하십시오.

 

이 자습서에서는 Line Webtoon을 사용하고 앞으로 Webtoon이라고합니다.

 

*이 튜토리얼은 선택한 웹 코믹 호스팅 사이트에 계정이 있다고 가정합니다. 웹 코믹 업로드 방법에 대한 정보는 공식 튜토리얼을 참조하십시오.

즉, 웹툰, Taptastic.

 

용어집

 

웹툰 : 라인 웹툰의 웹 사이트 / 호스팅 서비스

CSP : 클립 스튜디오 페인트 프로그램

작업 파일 / 크기 : 편집 가능한 캔버스에 그린 파일

캔버스 / 작업 파일 : 파일의 도면 표면 (교환 가능)

파일 / 크기 업로드 : 사이트에 업로드 한 파일-완성 된 파일

페이지 : 수직 웹 코믹 호스팅 사이트에 업로드 할 수있는 각 파일

패널 : 만화의 전통적인 '패널'

벡터 패널 : CSP가 레이어 폴더 형식으로 벡터 라인 패널을 만드는 데 사용하는 도구

책 형식 : 전통적인 만화책 레이아웃

세로 형식 : 스크롤 만화 레이아웃

수직 코믹을 어떻게 배치합니까?

우리는 비주얼 미디어에서 작업하고 아름다운 예술 작품을 과시하기 위해 일반적인 '책 형식'에서 생각을 바꾸고 스크롤하는 세로 형식에 영향을주는 방식으로 패널을 배치하는 것에 대해 생각해야합니다. 우리는 이것을 'PAGES'로 생각함으로써 처리합니다.

 

웹툰은 크기가 800x1280 인 '페이지'로 업로드합니다. 즉, 하나의 긴 세로 업데이트를 수행하려면 여러 '페이지'가 필요합니다.

눈을 수직으로 이끌다

아트를 배치 할 때 스크롤하는 동안 어떻게 보일지 염두에 두십시오. 최종 업로드는 '페이지'당 2.67x4.27 인치입니다. 우리는 작은 이야기입니다. 책 형식과 같이 전체 페이지 일러스트레이션의 영향을 원한다면 아트가 둘 이상의 '페이지'를 차지하도록해야합니다. 독자가 더 오래 스크롤할수록 더 긴장감이 높아집니다.

 

눈이 페이지를 돌아 다니도록 강요하기 때문입니다. 이 기술을 '눈을 리드'라고하며 흐름과 읽기 기능을 만드는 방법입니다. 세로 형식을 사용하면 눈을 조금 다르게 이끌어야하지만 개념은 동일합니다. 더 많은 영향을 미치려면 독자가 최소 '2'페이지 '동안 더 길게 스크롤하고 페이지 아래로 눈을 내리십시오.

 

 

책 형식의 예

숫자는 당신의 눈이 자연스럽게 착륙하는 곳이며 작품 주위로 이어집니다.

세로 형식의 예

패널을 충분히 레이아웃

세로 형식을 사용하면 페이지 당 패널을 레이아웃하는 방법이 제한됩니다. 페이지 당 너비가 3 인치 (800px) 미만입니다. 그럼에도 불구하고 실제로 만화 페이지를 설정하는 방법에는 제한이 없습니다.

 

참고 :“페이지 당 패널”-패널을 배치 할 때 '페이지'당 하나 또는 두 개의 패널을 유지하는 것이 좋습니다. 모바일로 크기를 조정할 때 크기가 매우 작아 질 수 있기 때문입니다. 웹툰을 사용하면 파일 크기를 320x512 픽셀로 조정할 수 있으므로 크기가 매우 작아집니다.

 

패널 교체

크기와 길이가 서로 다른 패널을 사용하면 페이지에 깊이가 생겨 패널이 아트 워크의 일부가되어 눈을 인도합니다.

박스 패널

아트 워크를 같은 크기의 패널 안에 묶어두면 만화 느낌이 균일하고 또렷하고 깨끗하게 유지됩니다.

일러스트레이션 패널

단일 그림 위에있는 예술 패널은 만화를 몰입감 있고 단일 캔버스처럼 느낄 수 있습니다. 참고 :이 방법은 정말 멋지고 아름다운 방법이지만 너무 빨리 지나칠 수 있음을 기억하십시오. 매우 중요한 장면에이 유형의 패널 레이아웃을 사용하는 것이 좋습니다.

작업 파일의 크기는 얼마입니까?

용어 사전 -

작업 파일 / 크기-당신이 그린 파일-편집 가능한 캔버스

파일 / 크기 업로드-사이트에 업로드 한 파일-완성 된 파일

캔버스-아트웍을위한 그리기 공간

 

 

모범 사례

800px로 그리는 경우 3 인치 미만의 작업 파일이 있습니다. 완성 된 예술을 더 크게 만들어야한다면, 검열 막대처럼 보이는 예술로 끝날 것입니다. 안 귀여워. 모범 사례는 파일을 업 스케일하는 것입니다. 작업 파일을 최종 업로드 파일 크기의 3 배 (x3)로 만들고 싶습니다. 그렇게하면 패널을 인쇄로 바꾸려면 많은 픽셀이 엉망이됩니다.

 

이미지에서 300dpi와 72dpi의 예 :

업로드 크기

최종 업로드 페이지에 800x1280이 필요하므로 3을 곱하면 2400x3840의 작업 캔버스가 제공됩니다.

 

파일 크기 페이지 업로드 :

800x1280

 

작업 파일 (x3) 크기 페이지 :

2400x3840

 

업로드 크기를 축소하면 다음과 같이 표시됩니다 (큰 사진은 작업 파일 (2400x3840)이고 작은 파일은 업로드 크기 (800x1280)입니다)

작업 파일 크기

작업 파일의 경우 5 페이지 길이를 좋아합니다. 이를 통해 관리 가능한 파일 크기로 내 컬러리스트에게 보낼 수 있지만 캔버스 아래로 영원히 스크롤되지 않습니다. 작업 파일 크기 길이는 3840이고 길이는 5를 곱하여 19200 (3840 x 5 = 19200)과 같습니다. 작업 파일의 정확한 크기는 2400x19200이며 업로드를 위해 800x6400으로 크기가 조정됩니다.

 

마지막 '페이지'분류는 다음과 같습니다.

다음 숫자로 협박하지 마십시오. 또한 수학입니다. 우리는 이것을 얻었다.

페이지 배치

이 장을 마칠 때까지 5 페이지 씩 묶어 작업합니다. 여기에는 모든 로고와 소셜 미디어, 챕터 제목 및 엔딩 크레딧이 포함됩니다. 한 페이지는 그 정보에 대해 잘 작동하지만 후원자와 조수에게 감사하는 데 최대 5 페이지가 사용되고 있습니다. 그것은 당신에게 달려 있습니다. 캔버스는 당신의 세계이며 원하는대로 만들 수 있습니다.

 

"페이지"의 예와 아트 및 패널 레이아웃 스케치 :

모바일 작업을위한 텍스트 크기를 줄이는 방법은 무엇입니까?

페이지는 800x1280이며 PC에서 완벽하게 읽을 수 있습니다. 그러나 모바일로 크기가 조정되면 텍스트 읽기 기능에 문제가 발생합니다. 사진 크기를 조정할 때 새로운 '프레임 크기'에 모두 맞추기 위해 픽셀이 느슨해지기 때문입니다. 프레임에 맞도록 여분의 용지를 잘라 내야한다고 생각하십시오.

 

300dpi와 72dpi의 예 (둘 다 3.21x0.82 인치의 캔버스 크기에 있음)

작업 파일에 텍스트를 적용하는 경우 35pt 이상의 글꼴을 사용해야합니다. 글꼴 선택에 따라 변경 될 수 있습니다. 선택한 글꼴을 읽을 수 있도록 만화 호스트 사이트의 텍스트 업로드에서 직접 확인하는 것이 좋습니다. 업로드 파일 크기에 텍스트를 추가하는 경우 8pt에서 15pt까지의 글꼴을 사용할 수 있습니다. 다음 예에서는 모바일 용 페이지 크기를 조정하면 텍스트가 어떻게 축소되는지 확인할 수 있습니다.

 

800x1280의 업로드 캔버스 크기에 말풍선, 텍스트 및 사운드 효과를 추가하는 것이 텍스트의 크기를 정확하게 볼 수 있기 때문에 모범 사례입니다.

어떤 워크 플로를 시작해야합니까?

다음은 만화를 그리는 데 사용하는 단계입니다. 많은 시행 착오 (시간과 시간)를 통해 나는 나에게 잘 맞는 것을 발견했다. 웹 코믹 제작에 익숙해지면 사용하고 적응할 수있는 팁이 있습니다.

 

 

모범 사례

파일 템플릿은 유용하며 시간을 절약 해줍니다. 기본적으로 사용자가 만든 새 파일마다 폴더와 레이어를 채 웁니다. 도움말 및 지침 설명서 (F1)에서“템플릿 재료로 레이어 등록”을 검색하여 직접 만드는 방법을 배울 수 있습니다.

또는

내 비디오 자습서를보십시오. 나는 그것을 깊이 간다.

내 파일 템플릿

이것은 만화를 그리는 데 매일 사용하는 모든 폴더와 레이어가있는 템플릿입니다.

내 워크 플로

 

빈 캔버스 → 스케치 → 선화 → 색상 → 효과 → 업로드 할 캔버스 크기 조정 → 패널 → 말풍선 → 텍스트 → 사운드 FX → 스플 라이스 페이지

 

'SKETCHES'폴더에 모든 스케치를 그립니다. 모든 라인 아트 (잉크)는 'LINEART'폴더에 들어갑니다. 라인 아트 잉크에 LINEART라는 벡터 레이어를 그립니다. 해당 페이지에 더 나은 기능에 따라 새 COLOR 폴더를 만들거나 LINEART 폴더에서 모두 할 수 있습니다.

 

• 참고 : 벡터 레이어에서 라인 아트를하는 것이 매우 중요합니다! 채색 및 크기 조정에 도움이됩니다. CSP에는 벡터 및 래스터 레이어에 대한 훌륭한 자습서가 있습니다. 사용 방법에 대해 잘 모르면 해당 항목을 확인하십시오. 다음은 위대한 이야기입니다.

참고 : 벡터 레이어에는 채우기 버킷을 사용할 수 없습니다. 래스터 레이어 만 채색 할 수 있습니다. 채우기 도구 사용에 대한 자세한 내용은 다음을 참조하십시오.

작업 파일 크기 조정

블랭크 캔버스 → 스케치 → 선화 → 색상 → 효과 → 캔버스 크기 조정 업로드 → 패널 → 말풍선 → 텍스트 → 사운드 FX → 스플 라이스 페이지

 

전체 작업 파일의 크기를 800x6400의 업로드 크기로 조정합니다.

참고 : 이미지를 평평하게하지 않습니다. 모든 것은 별도의 레이어 / 폴더에 남아 있습니다.

 

이렇게하려면 편집 → 이미지 해상도 변경 → 해상도를 처음으로 300으로 변경 → 너비를 800으로 → 높이를 6400으로 자동 조정하려면 캔버스를 800x6400 300dpi로 조정하십시오.

비디오 자습서에서 자세히 설명합니다. Part 2를보십시오!

패널

빈 캔버스 → 스케치 → 선화 → 색상 → 효과 → 업로드 할 캔버스 크기 조정 → 패널 → 말풍선 → 텍스트 → 사운드 FX → 스플 라이스 페이지

 

CSP에서 패널이 작동하는 방식에 대한 빠른 분석 :

폴더 안의 모든 아트 워크에서 마스크 역할을하는 폴더입니다.

그들은 벡터 라인입니다

각 패널은 자체 레이어 폴더입니다

 

새 패널을 만들 때마다 폴더로 두 배로 된 레이어가 만들어지고 그 다음에 그리는 것이 자동으로 해당 패널로 이동합니다. 그 일이 발생하는 것을 막는 방법을 찾지 못했지만이 기능을 좋아하지 않습니다. 이것이 벡터 패널을 마지막으로 그리는 이유입니다. 패널의 벡터 선은 마스크 역할을합니다.

 

패널 도구를 사용하여 필요한 크기의 패널을 그립니다. 각 패널에서 새 레이어를 만들지 않으려면 선택한 폴더에 추가를 선택하십시오.

완료되면 드로잉 레이어를 패널 폴더에 놓으면 패널 선 외부의 모든 아트가 자동으로 가려집니다.

패널 레이어 위의 어떤 것도 패널에 의해 잘리지 않습니다. 패널 상자 밖에 앉아있는 아트 워크에 사용합니다.

커스텀 스피치 버블

블랭크 캔버스 → 스케치 → Lineart → 색상 → 효과 → 업로드 할 캔버스 크기 조정 → 패널 → 연설 거품 → 텍스트 → 사운드 FX → 스플 라이스 페이지

 

텍스트를 추가 할 시간입니다. 나는 캐릭터를 구별하기 위해 커스텀 연설 거품을 사용합니다. 말풍선도 벡터 선이지만 배경색으로 자동으로 채워집니다. 따라서 돌아가서 각 거품을 채울 필요없이 거품을 간단하게 추가 할 수 있습니다.

 

풍선 도구 → 선 색상을 선택하고 색상 채우기 → 풍선 배치 → 풍선 꼬리 추가

거품을 선택하려면 OPERATION 도구 (마우스가있는 3D 사각형 모양)를 사용하십시오.

 

조작 도구 → 버블 선택 → 브러시 모양 선택 → 원하는 선 종류를 선택하십시오.

 

이렇게 보일 것입니다! 레이어 속성을 어지럽히면 광선 또는 기타 특수 옵션을 추가 할 수 있습니다. 즐기세요! 참고 :보다 유기적 인 모양을 원하면 손으로 말풍선을 그리거나 말풍선의 벡터 점을 조정하여 모양을 변경할 수 있습니다.

텍스트 추가

말풍선에 텍스트를 추가하는 방법에 대한 자세한 내용은이 자습서를 확인하십시오.

장을 페이지에 붙이기

블랭크 캔버스 → 스케치 → Lineart → 색상 → 효과 → 업로드 할 캔버스 크기 조정 → 패널 → 연설 거품 → 텍스트 → 사운드 FX → SPLICE PAGES

 

CSP는 30,000px보다 긴 파일을 처리 할 수 없으므로 무한 캔버스를 사용할 수 없습니다. 이것이 우리가 일을 더 쉽게하기 위해 배치 작업을 한 이유입니다. 작업 파일을 800x1280의 업로드 파일로 가져 오려면 슬라이스해야합니다. CSP에는이 기능이 내장 기능으로 제공되지 않으므로 다른 프로그램이 필요합니다. Photoshop에는이 기능도 있지만 무료 옵션이므로 김프를 사용합니다.

 

김프를 열고 파일 → 레이어로 열기 → 업로드 파일 찾기 → 열기를 선택하십시오.

 

이제 페이지를 연결하기위한 GUIDES를 만듭니다.

 

이미지 → 안내서 → 새 안내서로 이동 → 상자가 나타납니다 → 안내 선의 방향을 수평으로 변경하고 슬라이스하려는 페이지를 입력하려는 픽셀을 입력하십시오. 첫 번째 페이지의 경우 1280이고 다음은 2560, 다음은 3840, 마지막은 5120입니다.

다른 업로드 파일 가져 오기

모든 가이드가 준비되면 다른 업로드 파일을 가져올 수 있습니다. 파일 → 레이어로 열기 → 업로드 파일 찾기 → 열기.

참고 : 파일을 슬라이스 할 때는 해당 레이어 만 보이게하고 레이어를 선택해야합니다. 그렇지 않으면 레이어를 등록하지 않습니다.

 

슬라이스하려면 필터 → 웹 → 슬라이스 → 상자가 열립니다 → 설정을 기본 설정으로 변경 → 확인 → 파일이 800x1280 페이지로 연결됩니다.

설정 설명 :

HTML 내보내기 경로 : 페이지를 저장하려는 폴더의 이름입니다.

 

내보낼 파일 이름 :이 설정을 사용하지 않기 때문에 슬라이스로 남겨 둡니다.

 

이미지 이름 접두사 : 각 파일을 호출 할 대상. 접두사“slice”를 유지하거나“page”로 변경하고 각 배치에 숫자를 추가하여 숫자 순서대로 저장합니다. 업로드 프로세스에 도움이됩니다. 예 : slice2, slice3, excreta.

 

이미지 형식 : JPEG 만

 

별도의 이미지 폴더 : 아니요. 모두 동일한 폴더에 저장하려고합니다.

 

이미지 내보내기 폴더 : 차이가없는 것 같습니다. 이름을 EP_ (삽입 번호)라고합니다. 즉 EP_2

 

표 요소 사이의 공백 : 0 (이를 변경하지 마십시오. 웹 사이트에 업로드 한 후에는 파일 사이에 공백이 있습니다.)

 

마지막 두 옵션은 필요하지 않으므로 설정을 변경하지 마십시오.

이 방법을 사용하지 않으려면 작업을 수행 할 온라인 사이트를 사용할 수 있습니다. 이것을 Croppy라고하며 Kyorin의 튜토리얼에서 설명합니다.

링크는 다음과 같습니다.

끝난! 이제 웹 사이트 호스트에 페이지를 업로드 할 수 있습니다!

나는 이것이 당신 자신의 웹툰을 만드는 데 필수적인 부분을 설명하기를 바랍니다. 다른 설명이 필요하거나 더 명확하게 설명해야 할 경우 알려주십시오. 튜토리얼 비디오도 실시간으로 보는 데 도움이 될 수 있으므로 시청하십시오.

튜토리얼을 보려면 아래 비디오를 클릭하십시오!