0
00:00:03.881 --> 00:00:09.881
WEBTOON
기본편
작화를 위한 툴 알아보기 클립스튜디오

1
00:00:09.881 --> 00:00:12.535
GCC 사관학교

2
00:00:12.535 --> 00:00:15.685
학습목표
클립스튜디오의 전체적인 기능에 대해 설명할 수 있다.
벡터 레이어의 기능에 대해 설명할 수 있다.
컷선, 유선, 집중선 도구와 자 도구의 기능을 알고 사용할 수 있다.

3
00:00:15.685 --> 00:00:18.842
학습내용
클립스튜디오의 기능
벡터 레이어의 기능
컷선, 유선, 집중선 도구와 자 도구의 기능

4
00:00:19.137 --> 00:00:21.487
나연경 교수
경력
청강문화산업대학 만화창작과 졸업
청강문화산업대학 웹툰만화콘텐츠스쿨 초빙교수
대표작
웹툰 카카오페이지 파운딩 연재 완결 2018

5
00:00:21.487 --> 00:00:23.800
출판 창비교육 과학만화로 만나는 세상 2015
출판 살림북스 이어령의 교과서 넘나들기 2011~2013
출판 숨비소리주니어 동에번쩍 서에번쩍 홍길동전 2009

6
00:00:24.696 --> 00:00:27.478
안녕하십니까 저는 웹툰 작가로 활동하면서

7
00:00:27.478 --> 00:00:31.151
청강문화산업대학교 만화콘텐츠스쿨에서 초빙교수로

8
00:00:31.151 --> 00:00:35.686
학생들에게 웹툰작화와 관련된 수업을 진행하고 있는 나연경이라고 합니다

9
00:00:35.686 --> 00:00:41.319
클립스튜디오는 셀시스라고 하는 기업으로부터 제작된 만화 전문 저작도구 프로그램으로

10
00:00:41.319 --> 00:00:46.359
이전에는 코믹스튜디오와 일러스트 스튜디오라는 프로그램으로 개발되어 운영되었으나

11
00:00:46.359 --> 00:00:49.616
2012년부터 두 개의 프로그램을 하나로 통합해서

12
00:00:49.616 --> 00:00:53.587
전체적으로 만화 일러스트를 저작할 수 있는 저작도구로서

13
00:00:53.587 --> 00:00:57.369
개발되어 일러스트 작법 위주의 클립스튜디오 PRO

14
00:00:57.369 --> 00:01:01.339
만화, 웹툰 제작 위주의 클립스튜디오 EX로 버전을 나누고

15
00:01:01.339 --> 00:01:03.993
지금에 이르러 어도비의 포토샵과 함께

16
00:01:03.993 --> 00:01:07.903
다양한 만화, 일러스트, 웹툰, 애니메이션 등

17
00:01:07.903 --> 00:01:12.488
그림을 이용하는 여러 가지 산업에 없어선 안 될 저작도구로서 자리잡았습니다

18
00:01:12.488 --> 00:01:16.478
일반 윈도우, 맥OS 같은 일반 PC 환경뿐만 아니라

19
00:01:16.478 --> 00:01:19.735
아이폰, 아이패드, 안드로이드 등 태블릿 환경에도

20
00:01:19.735 --> 00:01:22.468
웹툰을 위해 쓸 수 있도록 확장하면서

21
00:01:22.468 --> 00:01:26.250
다양한 작가님들이 작업 환경을 고정적인 책상에서 벗어나

22
00:01:26.250 --> 00:01:30.517
좀 더 유동성 있는 환경으로 옮겨서 작업하기에 용이해졌습니다

23
00:01:30.517 --> 00:01:34.092
이번 강의에서는 포토샵에서도 쓸 수 있는 기능 이외에

24
00:01:34.092 --> 00:01:38.943
클립스튜디오만이 가지고 있는 웹툰, 만화 제작을 위한 여러 가지 기능 중에

25
00:01:38.943 --> 00:01:42.082
유용한 기능을 중심으로 강의를 진행하도록 하겠습니다

26
00:01:42.082 --> 00:01:45.507
웹툰을 제작하는 것에 목적을 두고 설명하려고 하다 보니

27
00:01:45.507 --> 00:01:49.973
클립스튜디오의 버전은 클립스튜디오 EX 버전으로 설명하도록 하겠습니다

28
00:01:50.693 --> 00:01:54.218
클립스튜디오의 기능

29
00:01:54.517 --> 00:01:58.339
클립스튜디오를 실행해보시면 이렇게 메인 윈도우가 열립니다

30
00:01:58.339 --> 00:02:03.250
그 중에서 왼쪽 메뉴 상단에 클립스튜디오 페인트라고 하는 버튼을 클릭하시면

31
00:02:03.250 --> 00:02:06.686
여러분들이 알고 있는 클립스튜디오의 화면이 나타납니다

32
00:02:06.686 --> 00:02:09.416
이 화면을 보기 전에 아래쪽을 보시면

33
00:02:09.416 --> 00:02:14.963
작품관리 그리고 소재관리라는 기능이 보이는데요

34
00:02:14.963 --> 00:02:18.745
이 화면은 클립스튜디오를 이용하는 작업자들이 어디서든

35
00:02:18.745 --> 00:02:23.696
작업하는 것을 지원하는 기능 중에 하나인 클라우드 기능도 함께 하고 있습니다

36
00:02:23.696 --> 00:02:28.824
클라우드 안에는 여러분들이 작업해서 만든 작품 파일을 동기화하는 작품관리와

37
00:02:28.824 --> 00:02:33.042
여러분들이 쓰는 다양한 소재와 관련된 소재관리 기능이 있는데요

38
00:02:33.042 --> 00:02:37.141
보시면 저도 이렇게 작업해놓은 저의 작품 파일들과

39
00:02:37.141 --> 00:02:41.507
소재관리할 때 있는 소재들의 파일들을 보실 수가 있죠

40
00:02:43.230 --> 00:02:47.309
이거 말고도 하단에는 기본적인 클립스튜디오 페인트 사용법 강좌

41
00:02:47.309 --> 00:02:51.834
그리고 다양한 조작하는 데 필요한 소재를 찾을 수 있는 소재찾기

42
00:02:51.834 --> 00:02:56.250
다양한 클립스튜디오 사용자들의 팁을 알 수 있는 그림 그리는 요령

43
00:02:56.250 --> 00:03:02.052
그리고 프로그램 기능과 관련한 질문을 할 수 있는 질문&답변

44
00:03:02.052 --> 00:03:05.854
프로그램을 사용하면서 불편사항이나 작업하는 데 있어서

45
00:03:05.854 --> 00:03:10.052
프로그램에 대한 문제가 생겼을 때 질문하는 무엇을 도와드릴까요 등

46
00:03:10.052 --> 00:03:13.389
다양한 기능이 서비스 탭에 들어 있습니다

47
00:03:13.389 --> 00:03:19.250
이제 클립스튜디오 페인트를 클릭하여 실행하면 다른 윈도우가 하나 실행됩니다

48
00:03:19.250 --> 00:03:23.676
클립스튜디오 페인트라고 하는 화면이 하나 실행이 되는데요

49
00:03:23.676 --> 00:03:29.557
여러분들이 흔히 클립스튜디오라고 알고 있는 그림을 그리는 저작도구의 화면이

50
00:03:29.557 --> 00:03:32.072
바로 이 화면이라고 볼 수가 있겠습니다

51
00:03:32.072 --> 00:03:38.765
왼쪽에 직접적인 저작도구와 직접적으로 그림을 그리거나 할 때 쓰는 저작도구가 있고요

52
00:03:38.765 --> 00:03:43.498
그리고 오른쪽에는 간접적인 저작도구의 윈도우로 구성되어 있고

53
00:03:43.498 --> 00:03:53.349
가운데에는 그림을 그릴 캔버스와 상단에 커맨드바라고 하는 작업하는 데 있어서

54
00:03:53.349 --> 00:03:57.101
작업자가 자주 쓰는 클립스튜디오의 기능을 배치하여

55
00:03:57.101 --> 00:04:02.240
클릭 한 번으로 바로 실행시킬 수 있도록 하는 커스텀 옵션 창이 있습니다

56
00:04:02.240 --> 00:04:07.636
제일 왼쪽에 긴 형태의 도구 모음은 보시면 하나씩 하나씩 섹션이 나누어져 있죠

57
00:04:07.636 --> 00:04:11.250
여기서부터 여기까지가 작화 편집 도구 모음이고요

58
00:04:11.250 --> 00:04:16.042
그리고 펜에서부터 여기까지가 그리기 도구 모음

59
00:04:16.042 --> 00:04:21.379
그리고 그 밑으로는 채색 및 만화 편집 도구 모음으로 나뉘고 있는데요

60
00:04:21.379 --> 00:04:25.814
제일 위에 상단부터 말씀드리면 확대 축소를 할 수 있는 돋보기

61
00:04:25.814 --> 00:04:30.300
그리고 캔버스의 이곳 저곳을 이동할 수 있는 이동

62
00:04:30.300 --> 00:04:35.676
그리고 작업하는 레이어나 도구에 대한 기능적인 편집을 할 수 있는 조작

63
00:04:35.676 --> 00:04:41.250
그리고 레이어를 캔버스 안에서 움직일 수 있는 레이어 이동

64
00:04:41.250 --> 00:04:47.507
특정한 선과 색만을 선택해서 편집할 수 있는 선택 범위

65
00:04:47.507 --> 00:04:53.250
캔버스 안에 특정 공간을 선택할 수 있는 자동선택

66
00:04:53.250 --> 00:04:57.903
캔버스 안에서 표시된 색을 추출할 수 있는 스포이드까지

67
00:04:57.903 --> 00:05:00.676
여기까지가 작화 편집 도구의 모음이고요

68
00:05:00.676 --> 00:05:03.715
일반 만화를 그릴 때 쓰는 잉킹 작업이라고 하죠

69
00:05:03.715 --> 00:05:08.854
검정색 펜으로 그림을 그리는 잉킹 작업을 할 때 쓰는 펜

70
00:05:08.854 --> 00:05:11.913
그리고 데생할 때 쓰는 연필

71
00:05:11.913 --> 00:05:16.646
그리고 일반적인 채색을 할 때 쓰는 채색 브러쉬

72
00:05:16.646 --> 00:05:20.715
그리고 에어브러쉬 효과를 내는 에어브러쉬

73
00:05:20.715 --> 00:05:23.149
그리고 다양한 패턴의 소재 이미지를 활용하여

74
00:05:23.149 --> 00:05:27.973
작업에 편의성을 제공하는 데코레이션 브러쉬

75
00:05:27.973 --> 00:05:31.597
그리고 선을 지울 때 쓰는 지우개

76
00:05:31.597 --> 00:05:36.684
수작업 할 때처럼 색과 색을 혼합할 때 쓰는 색 혼합 기능까지가

77
00:05:36.684 --> 00:05:39.418
그리기 도구 모음이라고 보시면 되겠습니다

78
00:05:39.418 --> 00:05:43.250
색을 채워 나올 때 쓰는 채우기 도구

79
00:05:43.250 --> 00:05:50.250
그리고 자연스럽게 그라데이션 효과를 내는 그라데이션 도구

80
00:05:50.250 --> 00:05:54.097
그리고 직선, 곡선, 유선, 집중선 등

81
00:05:54.097 --> 00:05:56.953
연출적인 표현을 그리기 위한 다양한 직접 그리기 도구

82
00:05:58.456 --> 00:05:59.862
여기 직접 그리기 도구라고 되어 있죠?

83
00:06:01.181 --> 00:06:08.498
그리고 만화의 표현에 있어서 없으면 안 될 컷선과 컷 편집 도구

84
00:06:08.498 --> 00:06:15.399
그리고 대칭, 곡선, 방사선, 퍼스 등 다양한 묘사를 돕는 자 도구

85
00:06:15.399 --> 00:06:19.161
대사를 입력할 수 있는 텍스트

86
00:06:19.161 --> 00:06:22.755
그리고 만화의 대사를 표현할 말풍선

87
00:06:22.755 --> 00:06:27.173
그 외에 벡터 레이어에서 선을 수정하기 위한 선 수정까지가

88
00:06:27.173 --> 00:06:31.587
채색 및 만화 편집 도구라고 보실 수 있겠습니다

89
00:06:31.587 --> 00:06:37.418
그리고 바로 옆에는 다양한 도구 속 보조도구 목록과 이게 보조도구 목록이고요

90
00:06:37.418 --> 00:06:41.250
그리고 도구의 다양한 기능을 조절할 수 있는 도구 속성

91
00:06:41.250 --> 00:06:44.884
이렇게 보조도구 목록과 도구 속성 윈도우가 배치되어 있어서

92
00:06:44.884 --> 00:06:49.983
작가 자신이 어떤 도구를 선택해서 어떤 옵션으로 작업할지에 대한 설정을

93
00:06:49.983 --> 00:06:55.250
왼쪽에서 모두 결정해서 작업을 한다고 생각하시면 될 것 같습니다

94
00:06:55.250 --> 00:06:58.923
이 윈도우 배치가 꼭 이렇게 안 하셔도 돼요

95
00:06:58.923 --> 00:07:03.250
클립스튜디오를 설치하시게 되면 좌우로 딱 이렇게 분할이 되어 있는데

96
00:07:03.250 --> 00:07:06.978
이 윈도우 부분에 탭 부분, 이름이 써있는 탭 부분을 드래그 해보시면

97
00:07:06.978 --> 00:07:10.557
이렇게 분리가 돼서 나올 수가 있습니다

98
00:07:10.557 --> 00:07:13.016
이렇게 해서 분류가 될 수 있기 때문에

99
00:07:13.016 --> 00:07:19.012
여러분들이 쓰기에 어떤 요령에 맞춰서 조금씩 변화를 주실 수도 있어요

100
00:07:19.012 --> 00:07:23.676
프로그램 화면에서 이제 오른쪽을 보시면 색을 선택할 수 있는 컬러 서클

101
00:07:23.676 --> 00:07:29.666
그리고 작업하는 레이어의 다양한 옵션을 조절할 수 있는 레이어 속성

102
00:07:29.666 --> 00:07:32.686
여기 레이어 속성이 있고요

103
00:07:32.686 --> 00:07:37.488
이 밑에는 레이어들이 쌓이는 레이어 목록이라고 볼 수가 있겠습니다

104
00:07:37.488 --> 00:07:41.864
그리고 오토액션, 탭 한번 눌러보시면 나오는 오토액션이 있거든요

105
00:07:41.864 --> 00:07:45.869
오토액션, 포토샵에서도 볼 수 있는 직접적이지 않고

106
00:07:45.869 --> 00:07:49.290
간접적으로 할 수 있는 저작도구 윈도우가 오른쪽에 있습니다

107
00:07:49.290 --> 00:07:52.963
포토샵을 한 번이라도 써보셨다면 이게 어떤 기능이겠구나 라는 걸

108
00:07:52.963 --> 00:07:56.577
어렴풋이라도 다 이해하실 수 있을 것이라 생각이 듭니다

109
00:07:56.577 --> 00:07:58.531
이제 가운데로 와서 캔버스를 열기 전에

110
00:07:58.531 --> 00:08:01.250
상단에 있는 커맨드 바에 대한 설명을 좀 드릴 건데요

111
00:08:01.250 --> 00:08:03.735
상단에 커맨드 바는 앞에서 설명했던 대로

112
00:08:03.735 --> 00:08:07.636
클립스튜디오의 메인 화면을 열 수 있는 클립스튜디오 열기

113
00:08:07.636 --> 00:08:09.894
이 왼쪽에 보시면 이 클립스튜디오 열기입니다

114
00:08:09.894 --> 00:08:15.676
눌러보시면 처음에 설명되었던 클립스튜디오 메인 윈도우를 여는 기능이라고 보시면 될 것 같아요

115
00:08:15.676 --> 00:08:17.923
자 이 버튼이 있고요

116
00:08:17.923 --> 00:08:23.507
그리고 새 캔버스 이걸 누르시면 이제 새로운 캔버스를 열 수 있는 기능이 있습니다

117
00:08:23.507 --> 00:08:27.567
이것도 이따가 다시 설명을 좀 드리도록 할게요

118
00:08:27.567 --> 00:08:29.725
그리고 저장된 캔버스 열기

119
00:08:29.725 --> 00:08:34.587
이건 이제 저장된 여러분들이 만들어 놓은 캔버스를 열 때 쓰는 파일이라고 보시면 되고요

120
00:08:34.587 --> 00:08:37.527
오른쪽에 있는 건 저장 파일 저장 기능이고

121
00:08:37.527 --> 00:08:45.250
그 다음에 아까 도구에 있었던 이 채우기 기능 채우기 기능을 여기에도 해놨어요

122
00:08:45.250 --> 00:08:48.250
그리고 삭제

123
00:08:48.250 --> 00:08:52.052
그리고 작업자 개인의 입맛대로 편하게 이제 커스텀 해서 이제 쓰실 수가 있는데

124
00:08:52.052 --> 00:08:54.933
이건 여기까지 이제 기본적으로 다 있으신 거고

125
00:08:54.933 --> 00:08:58.408
그리고 이제 오른쪽으로 가면 갈수록 이제 여러가지 기능이 있습니다만

126
00:08:58.408 --> 00:09:00.200
저는 이제 스냅 기능이라고 해가지고

127
00:09:00.200 --> 00:09:06.785
선들이 자를 도구를 쓸 때 자에 딱 붙어서 이용할 수 있도록 하는 그런 기능들이 있고요

128
00:09:06.785 --> 00:09:11.777
이 좌우 반전, 상하 반전 뭐 회전, 반전 리셋

129
00:09:11.777 --> 00:09:17.092
실행 취소, 다시 실행, 이전 페이지, 다음 페이지

130
00:09:17.092 --> 00:09:24.092
그리고 좌우 반전, 상하 반전 이거는 이미지를 상하, 좌우로 반전할 때 쓰는 기능이고요

131
00:09:24.092 --> 00:09:28.250
왼쪽에 있었던 아까 전에 좌우 반전, 상하 반전 하나가 또 있었잖아요

132
00:09:28.250 --> 00:09:34.478
이거는 그냥 보이는 것만 작업할 때 왼쪽에서 보는 얼굴을 그려야 되는데

133
00:09:34.478 --> 00:09:37.765
내가 그림 그리는데 왼쪽 얼굴 그리기가 어렵다 라고 한다면

134
00:09:37.765 --> 00:09:42.012
이 왼쪽에 있는 상하 반전 기능을 이용해서 그림을 그리는 겁니다

135
00:09:42.012 --> 00:09:48.250
이런 다양한 기능을 이제 여러분들이 커맨드 바에서 이제 편집을 하실 수가 있는데요

136
00:09:48.250 --> 00:09:55.715
이 편집하는 기능 어디 있냐면 상단 메뉴에 이렇게 커맨드 바 설정이라고 있습니다

137
00:09:55.715 --> 00:09:58.777
제 화면은 맥 화면으로 작업을 하고 있기 때문에

138
00:09:58.777 --> 00:10:02.448
아마 일반 윈도우에는 클립스튜디오 페인트라고 하는 메뉴가 없을 거예요

139
00:10:02.448 --> 00:10:08.468
클립스튜디오 페인트라는 메뉴가 없는 대신에 윈도우 버전은 파일 탭을 눌러보시면

140
00:10:08.468 --> 00:10:15.428
인쇄 밑으로 하단에 여러분들이 보시고 있는 이 메뉴가 같이 이어져서 붙어서 있으니까

141
00:10:15.428 --> 00:10:18.012
그걸 보시면 될 것 같습니다

142
00:10:18.012 --> 00:10:22.379
이번엔 이제 새 캔버스를 만들어서 웹툰을 한번 만들어 보도록 할 건데요

143
00:10:22.379 --> 00:10:31.696
상단 메뉴의 파일 탭에서 신규 기능을 클릭하시게 되면 이렇게 윈도우가 하나 뜹니다

144
00:10:31.696 --> 00:10:34.507
이 화면을 보시면 작품의 용도가 보이는데

145
00:10:34.507 --> 00:10:37.857
상단의 왼쪽서부터 작품의 용도가 보이는데

146
00:10:37.857 --> 00:10:41.666
제일 처음으로 설명드리면 일러스트 꽃 그림이 있는 건 일러스트예요

147
00:10:41.666 --> 00:10:45.052
한 장의 그림으로 그리는 일러스트를 표현할 때 쓰는 거고

148
00:10:45.052 --> 00:10:50.250
그리고 약간 두루마리 휴지가 말려있는 듯한 느낌의 이 그림은 웹툰

149
00:10:50.250 --> 00:10:54.210
웹툰은 스크롤로 위에서 아래로 길게 그리는 그림이기 때문에

150
00:10:54.210 --> 00:10:56.250
웹툰 형태가 아이콘이 이렇게 되어 있고요

151
00:10:56.250 --> 00:10:59.636
그리고 일반 페이지 만화처럼 보이는 건 코믹

152
00:10:59.636 --> 00:11:04.250
그리고 페이지가 여러 장이 보이는 건 동인지 입고

153
00:11:04.250 --> 00:11:06.938
그리고 이 모든 만화 기능을 전부 그냥

154
00:11:06.938 --> 00:11:11.389
본인의 옵션에 입맛대로 변경해서 쓸 수 있는 기능은

155
00:11:11.389 --> 00:11:14.894
모든 코믹 설정 표시라고 생각하시면 될 것 같고요

156
00:11:14.894 --> 00:11:17.250
마지막에 보이는 건 애니메이션입니다

157
00:11:17.250 --> 00:11:22.250
애니메이션을 작업하시는 분들도 이 클립스튜디오라고 하는 프로그램을 잘 쓰고 계세요

158
00:11:22.250 --> 00:11:27.993
그래서 이 모든 업종에서 쓰시는 모든 만화를 이용한 

159
00:11:27.993 --> 00:11:30.517
저작 도구라고 생각하시면 좋겠습니다

160
00:11:30.517 --> 00:11:33.854
작품의 용도별로 옵션의 정도가 바뀌어서 보여지는 것을 알 수가 있습니다

161
00:11:33.854 --> 00:11:39.804
일러스트에는 옵션이 이거밖에 안 보이지만 웹툰일 땐 또 이렇게 보이겠죠

162
00:11:39.804 --> 00:11:43.319
그리고 일반 코믹일 때는 이렇게 넓어지고요

163
00:11:43.319 --> 00:11:47.488
그리고 이게 동인지 설정으로 가게 되면 또 다른 옵션이 생깁니다

164
00:11:47.488 --> 00:11:50.388
근데 이게 모든 코믹 설정 표시를 누르게 되면

165
00:11:50.388 --> 00:11:54.012
모든 것들이 전부 다 나오게 되어있어요

166
00:11:54.012 --> 00:11:57.616
이런 형태로 기능이 조금씩 조금씩 다 다릅니다

167
00:11:57.616 --> 00:11:59.250
애니메이션도 눌러볼게요

168
00:11:59.250 --> 00:12:02.250
애니메이션을 눌러보면 타임라인이라든지 프레임이라든지

169
00:12:02.250 --> 00:12:09.606
이런 것들을 다 본인이 하나씩 다 세팅해서 할 수 있다고 보시면 될 것 같은데요

170
00:12:09.606 --> 00:12:12.050
우리는 웹툰을 제작할 것이기 때문에

171
00:12:12.050 --> 00:12:16.309
웹툰을 선택하고 아래 세부적인 사항을 입력하도록 하겠습니다

172
00:12:16.309 --> 00:12:21.131
웹툰을 선택하고 세부적인 사항을 입력할 건데

173
00:12:21.131 --> 00:12:25.250
프리셋은 여러 가지가 있지만 웹툰을 연재하는 연재처에 따라서

174
00:12:25.250 --> 00:12:28.943
달라고 하는 파일의 크기와 형식이 천차만별이기 때문에

175
00:12:28.943 --> 00:12:32.022
커스텀인 상태로 두고 작업하시는 것을 추천드립니다

176
00:12:32.022 --> 00:12:34.101
이 프리셋이 보면 여러 개가 있어요

177
00:12:34.101 --> 00:12:35.210
눌러볼게요

178
00:12:35.210 --> 00:12:38.933
웹툰1, 웹툰2, 웹툰3 뭐 이렇게 있죠

179
00:12:38.933 --> 00:12:40.380
그리고 커스텀이 있는데

180
00:12:40.380 --> 00:12:43.250
저 같은 경우에는 커스텀으로 두고 하는 것을 추천을 드립니다

181
00:12:43.250 --> 00:12:49.042
왜냐하면 네이버 혹은 카카오페이지의 웹툰 원고지 규격이 다르고

182
00:12:49.042 --> 00:12:58.250
그리고 레진, 탑툰 등의 웹툰 사이트마다 요구하는 캔버스의 사이즈가 다 다릅니다

183
00:12:58.250 --> 00:13:04.983
그렇기 때문에 저는 엣지가 나면 커스텀을 해서 여러분들이 작업하는 플랫폼이 원하는

184
00:13:04.983 --> 00:13:09.250
원고지의 형태로 작업하시는 것을 추천을 드리고요

185
00:13:09.250 --> 00:13:14.250
되도록이면 크게 작업해서 줄이는 방법을 저는 좀 이야기를 하는 편입니다

186
00:13:14.250 --> 00:13:17.250
그리고 옆에 저장 버튼, 이 저장 버튼 있죠?

187
00:13:17.250 --> 00:13:21.250
여기 보시면 여기 저장하고 똑같은 이렇게 저장 버튼이 있는데

188
00:13:21.250 --> 00:13:24.092
이 저장 버튼은요

189
00:13:24.092 --> 00:13:27.983
지금까지 썼던 파일의 캔버스 크기나 형식 등을 저장해 가지고

190
00:13:27.983 --> 00:13:30.549
다음에 작업할 때 또다시 입력할 일 없이

191
00:13:30.549 --> 00:13:33.656
쉽게 불러올 수 있도록 설정을 저장하는데 씁니다

192
00:13:33.656 --> 00:13:38.250
옆에 휴지통은 반대로 이제 그 설정을 삭제할 때 쓰겠죠

193
00:13:38.250 --> 00:13:40.448
세부적인 캔버스의 설정으로 들어가겠습니다

194
00:13:40.448 --> 00:13:44.240
폭은 가로, 그리고 높이는 세로를 나타내고요

195
00:13:44.240 --> 00:13:49.082
특징적인 부분이 바로 아래쪽에 있는 페이지 설정입니다

196
00:13:49.082 --> 00:13:53.250
이 페이지 설정에서 클립스튜디오 EX 버전에서만 쓸 수 있는 기능인데

197
00:13:53.250 --> 00:13:56.448
몇 장의 페이지를 만들어서 제작할지 선택하는 기능인데요

198
00:13:56.448 --> 00:14:01.359
페이지 분할수보다 저는 여러 페이지 수로 되어 있는 것을 추천을 드립니다

199
00:14:01.359 --> 00:14:07.022
왜냐하면 페이지 분할수는 특정 크기의 캔버스를 하나의 큰 사이즈로 먼저 만들고

200
00:14:07.022 --> 00:14:12.765
그 사이즈를 어느 정도의 사이즈로 편집하여 작업을 할 것인지 결정하는 그런 방식이고

201
00:14:12.765 --> 00:14:17.824
여러 페이지 수라고 되어 있는 건 작은 페이지 규격을 하나 정해서

202
00:14:17.824 --> 00:14:23.082
이 규격의 원고지가 계속해서 1페이지, 2페이지씩 늘려가면서 작업하는

203
00:14:23.082 --> 00:14:26.983
그런 형태의 형식이라고 보시면 될 것 같아요

204
00:14:26.983 --> 00:14:31.963
근데 전체적인 길이가 한정적으로 나눠가지고 하는 것보다

205
00:14:31.963 --> 00:14:36.032
작은 페이지로 여러 페이지를 늘려가면서 할 수 있는 게

206
00:14:36.032 --> 00:14:38.815
무한한 캔버스라는 특징을 가진 웹툰

207
00:14:38.815 --> 00:14:41.874
스크롤 방식의 웹툰의 결과 맞다고 할 수 있습니다

208
00:14:41.874 --> 00:14:47.250
이렇게 해서 여러분들 작업을 해볼 웹툰 원고지를 만들어 보도록 하겠습니다

209
00:14:47.250 --> 00:14:49.587
저는 여러 페이지 수를 10장 정도 했고요

210
00:14:49.587 --> 00:14:53.250
이렇게 OK를 누르게 되면

211
00:14:53.250 --> 00:14:56.943
이런 식으로 웹툰 원고지가 생성이 되었습니다

212
00:14:59.166 --> 00:15:02.938
벡터 레이어

213
00:15:03.785 --> 00:15:05.600
클립스튜디오만의 핵심 기능

214
00:15:05.600 --> 00:15:08.631
벡터 레이어에 대한 설명을 드리도록 하겠습니다

215
00:15:08.631 --> 00:15:14.879
우측 하단에 제가 벡터 레이어와 레스터 레이어 두 가지 레이어를 만들어 두었는데요

216
00:15:14.879 --> 00:15:18.859
레이어 윈도우의 도구 만드는 메뉴 이쪽을 보시면

217
00:15:18.859 --> 00:15:23.374
첫 번째는 신규 레스터 레이어, 두 번째는 신규 벡터 레이어

218
00:15:23.374 --> 00:15:26.819
이렇게 두 가지 레이어를 만들 수 있도록 되어 있습니다

219
00:15:26.819 --> 00:15:28.958
레스터 레이어와 벡터 레이어의 차이점은

220
00:15:28.958 --> 00:15:34.047
일단 레스터 레이어는 일반적인 포토샵에서 쓰시는 브러쉬랑 똑같아요

221
00:15:34.047 --> 00:15:36.790
그 레이어의 특징을 그대로 가지고 있습니다

222
00:15:36.790 --> 00:15:41.780
선이 그어지면 이 형태로 그냥 선이 그어지는 그런 레이어라고 볼 수 있는데요

223
00:15:41.780 --> 00:15:44.255
벡터 레이어도 외형적으로 봤을 땐 똑같습니다

224
00:15:44.255 --> 00:15:47.146
그냥 선을 그을 수 있는 레이어라고 보실 수가 있는데

225
00:15:47.146 --> 00:15:50.978
이거를 확대해 보시면, 확대를 해보겠습니다

226
00:15:50.978 --> 00:15:55.819
이만큼만 잘라내서 확대를 해보겠습니다

227
00:15:55.823 --> 00:15:58.061
확대를 해봤습니다

228
00:15:58.061 --> 00:16:02.809
확대를 해보시면 레스터 레이어에는 확대를 해보면

229
00:16:02.809 --> 00:16:07.799
이렇게 회색층이 나뉘어져 있는 안티에일리어싱이 걸려가지고

230
00:16:07.799 --> 00:16:14.017
선명한 이미지가 아니라 일반적으로 약간 뭉그러진 확대와 축소했을 때 생기는

231
00:16:14.017 --> 00:16:18.374
이런 뭉그러진 형태의 그 레이어 형식을 띄고 있다면

232
00:16:18.374 --> 00:16:22.196
벡터 레이어는 확대를 하더라도

233
00:16:22.199 --> 00:16:25.962
전혀 잡티 없이 깔끔한 형태로 확대가 되는 걸 볼 수가 있습니다

234
00:16:25.962 --> 00:16:29.097
그러다 보니까 그림을 그리셔서 확대 축소했을 때

235
00:16:29.097 --> 00:16:33.582
이미지가 뭉그러지거나 아니면 이미지 형태가 좀 볼 수 없는 상태가 되거나

236
00:16:33.582 --> 00:16:39.879
이런 것들을 최소화하는 형태의 레이어 기능이라고 보시면 좋을 것 같습니다

237
00:16:39.884 --> 00:16:43.250
자 이렇게 레스터 레이어와 벡터 레이어의 차이점은

238
00:16:43.250 --> 00:16:47.042
일반적으로 일단 선명도에서 큰 차이가 나고요

239
00:16:47.042 --> 00:16:51.022
그리고 컨트롤 버튼을 누른 채로 클릭을 해보면 또 다른데요

240
00:16:51.022 --> 00:16:56.250
자 일반 펜 도구를 선택한 다음에 컨트롤 누르고 클릭해 보시면

241
00:16:56.250 --> 00:16:58.963
레스터 레이어에서는 어떤 변화도 일어나지 않죠

242
00:16:58.963 --> 00:17:01.329
하지만 벡터 레이어에서 컨트롤 누르고 클릭을 해보면

243
00:17:01.329 --> 00:17:06.775
이렇게 안에 빨간색 라인 벡터 라인이 숨어져 있음을 볼 수가 있습니다

244
00:17:06.775 --> 00:17:08.854
자 이 벡터 라인을 뭘 때 쓰냐면요

245
00:17:08.854 --> 00:17:13.250
여기 있는 하얀색 동그라미들을 클릭하셔가지고 드래그를 해보시면

246
00:17:13.250 --> 00:17:16.418
이런 식으로 커브를 쓸 수가 있습니다

247
00:17:21.795 --> 00:17:25.567
자 일직선으로 그렸는데 이런 식으로 변화가 가능합니다

248
00:17:25.567 --> 00:17:28.478
벡터 레이어는 이렇게 선을 직접 그리고 나서

249
00:17:28.478 --> 00:17:33.250
약간의 수정 혹은 보정을 할 수 있는 그런 기능을 가지고 있는

250
00:17:33.250 --> 00:17:36.646
레이어의 기능이라고 보시면 될 것 같습니다

251
00:17:36.646 --> 00:17:40.250
자 벡터 레이어에는 이것 말고도 이 기능을 이용해서

252
00:17:40.250 --> 00:17:42.874
할 수 있는 기능들이 여러가지가 있는데

253
00:17:42.874 --> 00:17:46.062
먼저 지우개에 대한 설명을 드리도록 하겠습니다

254
00:17:46.062 --> 00:17:51.121
그 전에 벡터 레이어에 제가 사선으로 된 선들을 그려놓겠습니다

255
00:17:54.498 --> 00:17:59.884
이렇게 사선으로 그려놓은 이 선에서 벡터용 지우개를 보시면

256
00:17:59.884 --> 00:18:03.448
저는 이제 벡터용 지우개를 두 개로 만들어 놨는데 원래는 한 개만 있습니다

257
00:18:03.448 --> 00:18:08.785
저는 하나를 복제해가지고 제가 쓰기 편한 형태의 벡터용 지우개로 만들어 둔 것이고요

258
00:18:08.785 --> 00:18:12.913
자 벡터용 지우개 첫 번째를 보시면 아래쪽에 도구 속성을 보면

259
00:18:12.913 --> 00:18:15.616
벡터 지우기라고 하는 기능이 체크가 되어 있습니다

260
00:18:15.616 --> 00:18:19.874
이 체크가 되어 있는데 제가 첫 번째 벡터용 지우개는

261
00:18:19.874 --> 00:18:23.389
교점까지의 삭제가 되도록 되어 있고

262
00:18:23.389 --> 00:18:28.804
두 번째 벡터용 지우개는 선 전체가 다 삭제가 되도록 되어 있습니다

263
00:18:28.804 --> 00:18:30.765
이 기능의 차이를 좀 알려드리면

264
00:18:30.765 --> 00:18:35.250
교점이라고 한다는 것은 선과 선이 지나치는 교차점

265
00:18:35.250 --> 00:18:37.715
그 지점을 교점이라고 보시면 될 것 같은데요

266
00:18:37.715 --> 00:18:42.983
그 지점을 벡터용 지우개의 교점까지 삭제를 이용해서 쭉 드래그를 해서 지워버리면

267
00:18:42.983 --> 00:18:49.517
깔끔하게 딱 맞닿은 부분에 해당하는 그 교점까지를 남겨두고 전부 다 지워집니다

268
00:18:49.517 --> 00:18:53.408
이런 식으로 지워집니다

269
00:18:53.408 --> 00:18:56.824
좀 더 깔끔하게 선들을 쓸 수 있게 되겠죠

270
00:18:56.824 --> 00:19:01.250
그리고 두 번째 벡터용 지우개 선 전체 삭제를 하게 되면

271
00:19:01.250 --> 00:19:07.022
하나 쓱 지우개로 지우고 지나가면 그 선 전체가 다 사라집니다

272
00:19:07.022 --> 00:19:07.725
이런 식으로요

273
00:19:11.250 --> 00:19:15.121
그래서 좀 더 선 전체를 심플하게 지우고 싶을 때

274
00:19:15.121 --> 00:19:19.210
선수정 도구, 선수정 도구에서 보시면

275
00:19:19.210 --> 00:19:21.943
선폭수정이라고 하는 도구만 보셔도

276
00:19:21.943 --> 00:19:25.973
지정폭으로 넓히기에 세팅을 하고 이렇게 선을 쭉 그리면

277
00:19:25.973 --> 00:19:34.200
녹색 선이 그려지는 부분에 이렇게 지정폭으로 넓어지는 것을 볼 수 있죠

278
00:19:34.200 --> 00:19:37.943
아니면 도구 속성에서 지정폭으로 좁히기를 이용해서

279
00:19:37.943 --> 00:19:42.002
이렇게 그리면 점점 얇아지는 것도 볼 수 있습니다

280
00:19:42.002 --> 00:19:44.903
지정 배율로 확대, 이 지정 배율로 확대는

281
00:19:44.903 --> 00:19:49.082
정확한 포인트별로 확대하고 축소하는 게 아니라

282
00:19:49.082 --> 00:19:54.438
그 배율, 예를 들면 1.1배, 1.5배로 확대를 하고 싶다 그러면

283
00:19:54.438 --> 00:19:57.250
한 번 그은 걸로 1.5배로 바로 확대가 됩니다

284
00:19:57.250 --> 00:19:59.062
이런 식으로요

285
00:19:59.062 --> 00:20:03.953
그리고 지정 배율로 축소했을 때 0.5, 이런 식으로 그러면

286
00:20:03.953 --> 00:20:07.844
절반, 0.5배율로 줄어드는 것도 보실 수 있습니다

287
00:20:07.844 --> 00:20:11.745
이런 식으로 벡터 레이어에는 이런 브러쉬 사이즈나

288
00:20:11.745 --> 00:20:14.339
아니면 브러쉬가 그려진 어떤 선의 두께

289
00:20:14.339 --> 00:20:19.418
이런 것들도 조절할 수 있는 기능이 들어가 있습니다

290
00:20:19.418 --> 00:20:24.141
이런 것들을 벡터 레이어의 기능이라고 보시면 되겠는데요

291
00:20:24.141 --> 00:20:27.250
이것 말고도 벡터 레이어를 이용하면

292
00:20:27.250 --> 00:20:29.636
선을 벡터 레이어에 그려보겠습니다

293
00:20:29.636 --> 00:20:32.755
이렇게 그렸을 때는 검정색 펜선으로 되어 있죠

294
00:20:32.755 --> 00:20:36.012
이번에는 오브젝트 도구를 이용해서 클릭하시면

295
00:20:36.012 --> 00:20:40.903
이렇게 벡터 레이어에 하나의 선을 선택할 수가 있습니다

296
00:20:40.903 --> 00:20:43.864
그 선택한 것 중에 벡터 편집 도구 속성에 들어가셔서

297
00:20:43.864 --> 00:20:47.329
무엇을 하느냐, 브러쉬 모양을 다른 모양으로 바꿀 수가 있어요

298
00:20:47.329 --> 00:20:51.478
자 보시면 G펜으로 했는데 이번에는 제가 연필로 바꿔보도록 하겠습니다

299
00:20:51.478 --> 00:20:56.953
리얼 연필 브러쉬를 클릭하면 이렇게 연필 선처럼 보여질 수도 있고요

300
00:20:56.953 --> 00:21:00.894
그리고 본인이 브러쉬 모양을 어떤 걸 저장해놓느냐에 따라서

301
00:21:00.894 --> 00:21:05.250
저 같은 경우에는 이제 뭐 잔해라고 하는

302
00:21:05.250 --> 00:21:08.636
지금 잘 안 보이시는데 이걸 제가 좀 키워보겠습니다

303
00:21:08.636 --> 00:21:11.161
브러쉬 크기를 좀 이렇게 키우시면 이렇게

304
00:21:11.161 --> 00:21:15.062
샘플로 만든 어떤 브러쉬들을 이용해가지고

305
00:21:15.062 --> 00:21:17.686
그냥 일반적인 검정색 선을 그려놨는데

306
00:21:17.686 --> 00:21:21.517
거기 안에 있는 브러쉬 입자를 이런 소재로도 바꾸실 수 있다

307
00:21:21.517 --> 00:21:23.270
라고 생각하시면 될 것 같습니다

308
00:21:24.139 --> 00:21:27.813
컷선, 유선, 집중선 도구와 자 도구

309
00:21:29.111 --> 00:21:34.448
자 이번에는 컷선 그리기와 그리고 집중선 그리고 유선

310
00:21:34.448 --> 00:21:40.379
이 세 가지 그리기 도구를 이용한 클립스튜디오의 기능을 설명드리도록 하겠습니다

311
00:21:40.379 --> 00:21:44.250
제가 지금 예시 그림으로 간략하게 달려가는 옆모습과

312
00:21:44.250 --> 00:21:47.973
깜짝 놀라는 사람의 모습을 그려두었는데요

313
00:21:47.973 --> 00:21:52.963
일단 컷선을 그리는 도구의 설명을 먼저 드리도록 하겠습니다

314
00:21:52.963 --> 00:21:55.903
왼쪽에 도구 보면 이렇게 만화 컷박스처럼 생긴

315
00:21:55.903 --> 00:21:58.349
컷 테두리 그리기 도구가 있습니다

316
00:21:58.349 --> 00:22:02.923
자 여기서 보시면 컷 작성, 컷 테두리 나누기 기능이 있는데요

317
00:22:02.923 --> 00:22:10.844
컷 테두리 나누기는 웹툰 보다는 출판만화에서 많이 쓰이는 기능이기 때문에

318
00:22:10.844 --> 00:22:13.408
지금 설명에서는 생략하도록 하고요

319
00:22:13.408 --> 00:22:16.329
컷 작성에 대한 설명을 먼저 드리도록 하겠습니다

320
00:22:16.329 --> 00:22:19.621
직사각형 컷은 말 그대로 여러분들이

321
00:22:19.621 --> 00:22:23.666
사각형 모양의 네모박스를 만든다고 생각하시면 좋을 것 같고요

322
00:22:23.666 --> 00:22:29.171
꺾은선 컷은 네모박스가 아닌 전혀 약간 좀 뭐랄까

323
00:22:29.171 --> 00:22:34.200
수직, 수평이 아니라 대칭되지 않는 어떤 추가 컷들을 그려야 될 때

324
00:22:34.200 --> 00:22:36.171
그럴 때 쓰는 도구라고 보시면 될 것 같고

325
00:22:36.171 --> 00:22:41.250
컷 테두리 펜은 그냥 자유로운 선으로 그렸던 것들이 컷으로 작용되는

326
00:22:41.250 --> 00:22:43.250
그런 형태라고 보시면 될 것 같은데요

327
00:22:43.250 --> 00:22:49.943
예를 들면 이렇게 직사각형 컷으로 컷을 그리면

328
00:22:49.943 --> 00:22:54.686
컷 안쪽은 하얀색 여백이 있고

329
00:22:54.686 --> 00:22:56.656
이렇게 하얀색 여백이 있고

330
00:22:56.656 --> 00:23:02.458
컷 바깥에는 보라색으로 마스킹 된 어떤 그런 형태의 영역으로 구성이 됩니다

331
00:23:02.458 --> 00:23:05.616
자 여기 보시면 컷 박스와 함께 폴더로 만들어지는데

332
00:23:05.616 --> 00:23:10.022
제가 그림을 그렸던 이 레이어를 안에다 넣어 볼게요

333
00:23:10.022 --> 00:23:14.438
자 넣게 되면 컷 박스 안에 하얀색 부분에 있는 그림은 보이지만

334
00:23:14.438 --> 00:23:17.547
컷 박스 바깥에 있던 사람들은 잘 보이지가 않죠

335
00:23:17.547 --> 00:23:19.844
다시 꺼내 보면 이렇게 보입니다

336
00:23:19.844 --> 00:23:22.319
이런 형태라고 보시면 되겠습니다

337
00:23:22.319 --> 00:23:25.874
자 직사각형 컷은 아런 도구를 이용해서 하는 것이고

338
00:23:25.874 --> 00:23:31.507
꺾은선 컷은 이렇게 직선으로 추가 컷 같은 걸 그려야 할 때

339
00:23:31.507 --> 00:23:35.250
이럴 때 만들어진다 라고 생각하시면 좋을 것 같고요

340
00:23:35.250 --> 00:23:38.666
컷 테두리 펜은 내가 그리는 선이 곧 컷이다

341
00:23:38.666 --> 00:23:41.438
라고 생각하시면 될 것 같습니다

342
00:23:41.438 --> 00:23:45.488
자 이제 이 컷 박스를 만들어 가지고

343
00:23:45.488 --> 00:23:49.765
이 두 개의 컷을 만들도록 하겠습니다

344
00:23:49.765 --> 00:23:52.250
자 직사각형 컷을 이용해서 이렇게

345
00:23:52.250 --> 00:23:56.418
깜짝 놀라는 사람에 맞는 컷 하나

346
00:23:56.418 --> 00:24:01.181
그리고 달려가는 사람에 맞는 컷을 하나

347
00:24:01.181 --> 00:24:03.250
이렇게 두 컷을 그려 놓고요

348
00:24:03.250 --> 00:24:05.775
그리고 이 그림을 컷 박스 안에 넣어두면

349
00:24:05.775 --> 00:24:09.280
이렇게 컷 바깥에 삐져나온 그림들이 잘 안 보이게 되기 때문에

350
00:24:09.280 --> 00:24:12.795
깔끔하게 컷을 작업을 하실 수가 있습니다

351
00:24:12.795 --> 00:24:16.557
자 이렇게 만들고 나서 이번에는 집중선과 그리고 유선

352
00:24:16.557 --> 00:24:18.676
두 가지에 대한 설명을 좀 드릴 건데요

353
00:24:18.676 --> 00:24:21.577
첫 번째 그림에 집중선을 넣어 보도록 할 건데

354
00:24:21.577 --> 00:24:25.032
집중선은 말 그대로 집중이 되도록 하는 선입니다

355
00:24:25.032 --> 00:24:26.121
그 말인즉슨

356
00:24:28.874 --> 00:24:33.369
선들이 이렇게 모이도록 해서

357
00:24:35.795 --> 00:24:39.676
이 깜짝 놀라고 있는 사람한테 포커싱이 딱 맞아 떨어지도록

358
00:24:39.676 --> 00:24:41.488
도와주는 게 집중선이고요

359
00:24:41.488 --> 00:24:45.468
유선은 이렇게 달리고 있는 속도의 어떤 그런 정도를

360
00:24:45.468 --> 00:24:47.705
나타내는 그런 라인이라서

361
00:24:47.705 --> 00:24:53.250
한쪽 방향에서 한쪽 방향으로 선들이 들어와 있는 형태를

362
00:24:53.250 --> 00:24:54.933
그리는 것을 유선이라고 합니다

363
00:24:54.933 --> 00:24:57.290
먼저 집중선에 대해서 설명을 좀 드리면

364
00:24:57.290 --> 00:25:00.250
자 이 형태에서 어떻게 하느냐

365
00:25:00.250 --> 00:25:06.250
집중선은 직접 그리기 도구 중에 집중선이라고 되어 있습니다

366
00:25:06.250 --> 00:25:07.210
보조 도구에

367
00:25:07.210 --> 00:25:09.468
여기 보시면 이제 여러 가지 집중선이 있는데

368
00:25:09.468 --> 00:25:12.082
이건 제가 지금 제 필요에 의해서 만들어 놓은 거라서

369
00:25:12.082 --> 00:25:15.765
아마 여러분들의 클립스튜디오에서 보이지 않으실 수도 있습니다

370
00:25:15.765 --> 00:25:19.715
그래서 본인이 만들고 나서 수정한다

371
00:25:19.715 --> 00:25:21.923
라고 생각하시면 좀 좋을 것 같아요

372
00:25:21.923 --> 00:25:25.626
먼저 빽빽한 집중선으로 저는 선택을 해서

373
00:25:25.626 --> 00:25:26.894
작업을 해보도록 하겠습니다

374
00:25:26.894 --> 00:25:31.052
빽빽한 집중선에 뭘 할 거냐

375
00:25:31.052 --> 00:25:34.933
브러쉬 두께를 조금 두껍게 하고

376
00:25:34.933 --> 00:25:38.181
선 간격도 30 이렇게 두겠습니다

377
00:25:38.181 --> 00:25:43.250
작업하는 방법은 집중을 나타내고 싶은 한 인물의 포커스를 두고

378
00:25:43.250 --> 00:25:44.795
클릭을 한 뒤 드래그를 하면

379
00:25:44.795 --> 00:25:48.181
이렇게 조절할 수 있는 동그라미가 생깁니다

380
00:25:48.181 --> 00:25:51.389
이 동그라미를 적당히 라인을 만들고

381
00:25:51.389 --> 00:25:55.705
마우스를 떼면 이렇게 집중선이 만들어집니다

382
00:25:55.705 --> 00:25:57.804
지금 이 밑에 컷까지 그려져 가지고

383
00:25:57.804 --> 00:26:01.458
다시 한번 보여드리도록 하겠습니다

384
00:26:01.458 --> 00:26:05.250
자 이렇게 다음 다른 컷에도 집중선이 침범하면은

385
00:26:05.250 --> 00:26:07.250
그림 그리는데 방해가 되기 때문에

386
00:26:07.250 --> 00:26:11.428
선택 도구를 이용해서 직사각형으로 선택을 한번 해주고

387
00:26:11.428 --> 00:26:14.250
그 다음에 집중선 도구를 선택해서

388
00:26:14.250 --> 00:26:20.478
이렇게 원을 이용해서 집중선을 만들도록 세팅을 하면

389
00:26:20.478 --> 00:26:22.676
이렇게 집중선이 만들어집니다

390
00:26:22.676 --> 00:26:26.795
근데 지금 보시면 확대해 봤을 때 이렇게 깨지죠

391
00:26:26.795 --> 00:26:29.131
끊어지는 이런 선들이 왜 그러냐면

392
00:26:29.131 --> 00:26:31.864
안티에일리어싱이 걸려 있지 않기 때문인데요

393
00:26:31.864 --> 00:26:33.765
안티에일리어싱을 걸어 두려면

394
00:26:33.765 --> 00:26:40.250
오브젝트 도구를 이용해서 안티에일리어싱

395
00:26:40.250 --> 00:26:41.913
안티에일리어싱 없음으로 되어 있는데

396
00:26:41.913 --> 00:26:44.963
이거를 최소 약으로라도 만들어 놓으시면

397
00:26:44.963 --> 00:26:48.854
이렇게 부드러운 선으로써 선이 되는 걸 볼 수 있습니다

398
00:26:48.854 --> 00:26:51.359
선 두께가 너무 얇다 라고 하시는 분은

399
00:26:51.359 --> 00:26:58.250
첫 번째 집중선 편집에서 길이를 조금 안으로 줄이시는 방법이 있습니다

400
00:26:58.250 --> 00:27:01.874
2400이었던 건 1500으로 줄여 볼게요

401
00:27:01.874 --> 00:27:04.072
자 그러면 약간 두꺼워졌습니다 그렇죠?

402
00:27:04.072 --> 00:27:06.884
길이 자체가 줄어듦으로 인해서

403
00:27:06.884 --> 00:27:10.181
그 집중선의 두께가 얇아지기도 합니다

404
00:27:10.181 --> 00:27:12.478
두꺼워지고 얇아지고 변화가 있기도 한데

405
00:27:12.478 --> 00:27:15.250
그래도 좀 더 선이 두껍으면 좋겠다 라고 한다면

406
00:27:15.250 --> 00:27:17.696
두 번째 브러쉬 크기를 키우는 방법입니다

407
00:27:17.696 --> 00:27:20.894
15였던 브러쉬 크기를 25로 키워보겠습니다

408
00:27:20.894 --> 00:27:26.448
그럼 좀 더 많이 두꺼워진 집중선이 만들어졌습니다

409
00:27:26.448 --> 00:27:30.131
자 푸른색으로 된 화살표를 꺼볼게요

410
00:27:30.131 --> 00:27:34.349
자 이러면 이렇게 집중선이 딱 생겨가지고

411
00:27:34.349 --> 00:27:39.121
만화적인 표현을 손쉽게 할 수 있다 라고 보시면 될 것 같고요

412
00:27:39.121 --> 00:27:42.903
자 이번엔 두 번째 유선에 대한 설명을 드리도록 하겠습니다

413
00:27:42.903 --> 00:27:45.408
유선은 말 그대로 어디에서 어디로 흐르는

414
00:27:45.408 --> 00:27:47.597
흐를 유자를 써가지고 유선이라고 하는데요

415
00:27:47.597 --> 00:27:52.636
속도선, 스피드선 이라는 말도 같이 쓰고 있습니다

416
00:27:52.636 --> 00:27:54.785
자 이렇게 선택 영역을 만들고

417
00:27:54.785 --> 00:27:58.705
이제 유선 도구를 집중선 옆에 있던 유선 도구를 만들어서

418
00:27:58.705 --> 00:28:02.042
저도 역시 이번에도 제가 제 작업할 때

419
00:28:02.042 --> 00:28:05.250
쓰기 편하게 하려고 여러가지 제가 옵션을 만들어 가지고 해놨는데

420
00:28:05.250 --> 00:28:08.913
여러분들 취향에 맞춰가지고

421
00:28:08.913 --> 00:28:11.498
세팅값이나 이런 걸 다 조절하신 다음에

422
00:28:11.498 --> 00:28:13.646
추가하시면 될 것 같습니다

423
00:28:13.646 --> 00:28:21.676
속도선 우를 이용해서 이렇게 인물 앞쪽으로 살짝

424
00:28:21.676 --> 00:28:24.250
유선이 지나가도록 세팅하고

425
00:28:24.250 --> 00:28:28.755
더블 클릭하게 되면 이런 식으로 선이 생겨납니다

426
00:28:28.755 --> 00:28:33.290
자 컷 밖으로 선이 생긴 건 이 컷선 밖에 있어서 그런 건데요

427
00:28:33.290 --> 00:28:36.181
이렇게 안에다 넣으면

428
00:28:36.181 --> 00:28:40.527
이런 식으로 조절을 하실 수가 있습니다

429
00:28:40.527 --> 00:28:42.725
여기서 만화적 연출로 보면

430
00:28:42.725 --> 00:28:45.210
이 뒤에가 하얗고 인물 뒤에가 하얗고

431
00:28:45.210 --> 00:28:48.191
앞쪽에 자선이 있으면 무언가를 향해서

432
00:28:48.191 --> 00:28:51.666
계속해서 뛰어가고 있는 그런 느낌이 들고요

433
00:28:51.666 --> 00:28:57.379
아직 도착해야 될 도달점이 아직 다가오지 못한

434
00:28:57.379 --> 00:28:59.408
그런 컷 연출처럼 되고요

435
00:28:59.408 --> 00:29:05.131
이번에는 이거를 다시 오브젝트를 눌러서

436
00:29:05.131 --> 00:29:07.993
기준 위치를 끝점이 아니라 가운데 점 하게 되면

437
00:29:07.993 --> 00:29:12.923
이렇게 컷 안에 전부 다 꽉 차있는 유선으로 변화하게 됩니다

438
00:29:12.923 --> 00:29:16.250
이러면 이제 계속해서 현재 진행형

439
00:29:16.250 --> 00:29:19.052
어딘가 도착점을 향해서 계속 달려가고 있는

440
00:29:19.052 --> 00:29:21.399
그런 형태의 연출처럼 됩니다

441
00:29:21.399 --> 00:29:25.131
자 그리고 이번에 가운데 점 대신에 시작점

442
00:29:25.131 --> 00:29:28.032
해가지고 이렇게 돼 있으면

443
00:29:28.032 --> 00:29:29.874
약간 이쪽으로 좀 빼보겠습니다

444
00:29:29.874 --> 00:29:33.250
이런 식으로 돼 있으면 이제 도착점이 얼마 남지 않아서

445
00:29:33.250 --> 00:29:34.953
이제 눈앞에 보이는 형태

446
00:29:34.953 --> 00:29:38.171
그런 걸 연출할 때 속도선이 어떻게 쓰이느냐

447
00:29:38.171 --> 00:29:42.854
이 유선이 어떤 위치에 했는 게 좋겠느냐 라고 생각하시면 좋을 것 같고요

448
00:29:42.854 --> 00:29:45.775
이런 식으로 유선을 어디에 위치하느냐

449
00:29:45.775 --> 00:29:48.874
왼쪽이냐 가운데냐 오른쪽이냐

450
00:29:48.874 --> 00:29:52.101
혹은 위냐 가운데냐 아래냐에 따라서

451
00:29:52.101 --> 00:29:54.418
그 속도에 대한 어떤 형태

452
00:29:54.418 --> 00:29:59.408
그리고 그 안에 있는 사람이나 아니면 모든 어떤 물체들이

453
00:29:59.408 --> 00:30:01.250
어떻게 도착할 것인가

454
00:30:01.250 --> 00:30:05.824
이런 것을 보여주는 형태라고 보시면 되겠습니다

455
00:30:05.824 --> 00:30:08.755
자 클립스튜디오의 핵심기능 마지막

456
00:30:08.755 --> 00:30:12.319
자 도구에 대한 설명을 드리려고 합니다

457
00:30:12.319 --> 00:30:16.844
자 도구란 왼쪽 도구바에서 보시면 삼각자 모양의 아이콘을 클릭해 보시면

458
00:30:16.844 --> 00:30:20.438
다양한 자가 만들어지는 것을 볼 수 있습니다

459
00:30:20.438 --> 00:30:23.884
일반적으로 여기에 없는 도구인데

460
00:30:23.884 --> 00:30:29.507
제가 만들어 놓은 도구가 평행선자, 방사선자, 동심원자 이 세 가지인데요

461
00:30:29.507 --> 00:30:35.012
이 세 가지는 사실은 특수자라고 하는 자에 있는 옵션값에 따라 다릅니다

462
00:30:35.012 --> 00:30:39.309
네 왼쪽에 특수자를 선택하시고

463
00:30:39.309 --> 00:30:40.923
그 도구 속성을 보시면

464
00:30:40.923 --> 00:30:45.022
평행선, 방사선, 동심원자 이렇게 다 있죠

465
00:30:45.022 --> 00:30:48.131
그걸 제가 매번 변경하면서 쓰는 게 귀찮아서

466
00:30:48.131 --> 00:30:53.507
복제를 해가지고 이 기능만 쓸 수 있도록 제가 지정을 해서 저장한 것입니다

467
00:30:53.507 --> 00:30:58.062
일단 먼저 자 도구의 어떤 특징 중에 하나인

468
00:30:58.062 --> 00:31:00.903
여러가지 자 도구에 대한 설명을 좀 드리도록 하겠습니다

469
00:31:00.903 --> 00:31:02.428
먼저 대칭자

470
00:31:02.428 --> 00:31:07.250
대칭자는 이렇게 기준점을 그리면 그 기준점을 중심으로

471
00:31:07.250 --> 00:31:14.052
다른 지점에 똑같은 선이 만들어지는 것을 말합니다

472
00:31:14.052 --> 00:31:18.745
그래서 마치 얼굴을 정면 잘 못 그리시는 작가님들이

473
00:31:18.745 --> 00:31:19.369
이런 식으로

474
00:31:26.804 --> 00:31:30.923
이런 식으로 얼굴을 그리실 때 많이 쓰기도 합니다

475
00:31:30.923 --> 00:31:33.072
이렇게 대칭자가 있고요

476
00:31:33.072 --> 00:31:36.626
대칭자에서 보시면 선 수가 늘어나면 늘어날수록

477
00:31:36.626 --> 00:31:39.785
다양한 기능을 할 수 있습니다

478
00:31:39.785 --> 00:31:43.121
선 수를 한 8개로 늘려 볼게요

479
00:31:43.121 --> 00:31:51.250
8개를 늘려서 찍으면 이렇게 피자 조각 하나만 그려도

480
00:31:51.250 --> 00:31:55.943
이렇게 피자 조각 하나만 먹고 싶은 피자 조각 하나만 그려도

481
00:31:55.943 --> 00:31:56.715
이런 식으로

482
00:32:01.597 --> 00:32:05.894
피자 한 판이 만들어지는 매직을 보실 수가 있습니다

483
00:32:05.894 --> 00:32:06.884
보셨나요?

484
00:32:06.884 --> 00:32:09.735
약간 동그랗지 않아서 조금 그렇긴 한데

485
00:32:09.735 --> 00:32:12.309
이런 식으로 대칭자를 이용하면

486
00:32:12.309 --> 00:32:15.715
다양한 형태의 무언가를 만드실 때 좀 더 유용합니다

487
00:32:15.715 --> 00:32:18.349
마법진 같은 거 만드시는 분들도 계세요

488
00:32:18.349 --> 00:32:22.230
이렇게 대칭자 기능에 대한 설명을 간략하게 해보았고요

489
00:32:25.250 --> 00:32:29.151
그리고 두 번째 퍼스자입니다

490
00:32:29.151 --> 00:32:31.606
퍼스자는 말그대로 소실점자인데요

491
00:32:31.606 --> 00:32:36.329
소실점을 이용해서 배경을 그리셔야 될 때 많이 쓰입니다

492
00:32:36.329 --> 00:32:42.943
예를 들면 이렇게 하나, 둘 소실점에 해당하는 가이드라인을 그리면

493
00:32:42.943 --> 00:32:47.092
자연스럽게 맞부딪히는 지점에 이렇게 하나의 소실점이 찍히는데요

494
00:32:47.092 --> 00:32:50.022
이 소실점을 중심으로 1점 투시를 그리실 수 있습니다

495
00:33:07.884 --> 00:33:10.498
이런 형태로 1점 투시를 그릴 수 있고요

496
00:33:16.399 --> 00:33:20.032
2점 투시, 3점 투시는 또 그리는 요령이 좀 있는데요

497
00:33:20.032 --> 00:33:22.141
아까 퍼스자를 이용해서

498
00:33:24.428 --> 00:33:27.111
하나의 지점에 해당하는 소실점을 하나 만들고

499
00:33:27.111 --> 00:33:30.715
반대로 이렇게 다른 지점을 하나 만들게 되면

500
00:33:30.715 --> 00:33:32.468
두 개의 점이 찍히죠

501
00:33:32.468 --> 00:33:34.488
이렇게 되면 2점 투시가 되는 겁니다

502
00:33:51.686 --> 00:33:55.338
이렇게 2점 투시로 된 그림을 그리실 수 있다 라는 게

503
00:33:55.338 --> 00:33:57.062
퍼스자의 기능이라고 보시면 될 것 같고요

504
00:33:59.379 --> 00:34:01.854
3점 투시도 마찬가지입니다

505
00:34:01.854 --> 00:34:03.042
퍼스자를 이용해서

506
00:34:05.220 --> 00:34:14.884
1점, 2점, 그리고 3점 이렇게 만들게 되면

507
00:34:14.884 --> 00:34:21.547
자연스럽게 3점 투시와 관련된 도형을 그리실 수 있습니다

508
00:34:47.715 --> 00:34:51.507
이게 3점 투시다 라고 생각하시면 될 것 같습니다

509
00:34:51.507 --> 00:34:56.111
퍼스자를 이용해서 1점, 2점, 3점 투시의 그림을 그릴 수 있다

510
00:34:56.111 --> 00:34:58.725
라고 생각하시면 좋을 것 같아요

511
00:34:58.725 --> 00:35:03.408
자 그리고 나머지 평행선자, 방사선자, 동심원자의 설명은

512
00:35:03.408 --> 00:35:08.636
이전에 이 집중선과 유선을 그렸던 이 도구를 이용해서

513
00:35:08.636 --> 00:35:10.993
한 번 더 보여드리도록 하겠습니다

514
00:35:10.993 --> 00:35:15.676
방사선자는 말그대로 집중선을 그릴 때 쓰는 자라고 생각하시면 될 것 같고요

515
00:35:15.676 --> 00:35:18.389
이렇게 집중이 되는 포인트에 클릭을 한번 하시고

516
00:35:18.389 --> 00:35:25.725
그 다음에 펜선을 이용해서 쭉쭉 선을 그려주시면

517
00:35:25.725 --> 00:35:28.854
그 쪽으로 알아서 선이 만들어지는

518
00:35:32.894 --> 00:35:35.785
자 도구라고 보시면 되는데요

519
00:35:35.785 --> 00:35:39.250
자 이런 식으로 집중선이 그려지는 걸 보실 수 있습니다

520
00:35:41.339 --> 00:35:44.260
자 문제는 이렇게 자가 만들어지면

521
00:35:44.260 --> 00:35:51.399
선이 무조건 아무렇게 그려도 계속 이 점으로만 쏠리는 현상이 있습니다

522
00:35:51.399 --> 00:35:56.250
그래서 이 자에 대한 기능을 쓰고 싶지 않다고 하실 때는

523
00:35:56.250 --> 00:35:58.567
레이어에 있는 삼각자 모양의 이 아이콘을

524
00:35:58.567 --> 00:36:01.973
Shift를 누른 채로 클릭을 하시게 되면 이렇게 X표시가 뜹니다

525
00:36:01.973 --> 00:36:06.230
그러면 다시 자유롭게 선을 그리실 수 있고요

526
00:36:06.230 --> 00:36:09.676
그런 형태로 또다시 하다가 아 집중선을 또 그려야겠다

527
00:36:09.676 --> 00:36:12.339
그럼 다시 Shift를 누르고 클릭하시게 되면

528
00:36:12.339 --> 00:36:20.953
다시 또 원래대로 선을 한쪽 점으로 모이는 그런 선으로서 그릴 수가 있습니다

529
00:36:20.953 --> 00:36:24.953
자 그리고 레이어 창에 있는 삼각형 모양의 아이콘을

530
00:36:24.953 --> 00:36:29.260
우클릭해서 자 삭제를 누르면 자가 삭제됩니다

531
00:36:29.260 --> 00:36:34.062
자 이번에는 평행선 도구를 이용해서 유선을 그려보도록 하겠습니다

532
00:36:34.062 --> 00:36:40.210
자 평행선자를 이용해서 쭉 Shift를 누르고 그리게 되면

533
00:36:40.210 --> 00:36:46.300
수직, 수평으로 자를 만들 수 있는 그런 형태를 만들 수 있는데

534
00:36:46.300 --> 00:36:51.171
그 외에는 이렇게 프리한 평행선자를 만들 수도 있습니다

535
00:36:51.171 --> 00:36:56.072
근데 저희는 수평선이 딱 되어야 되니까 Shift를 누르고 자를 만들었고요

536
00:36:56.072 --> 00:37:04.587
그리고 선을 그리면 이렇게 그 자를 따라서 선을 그을 수가 있습니다

537
00:37:04.587 --> 00:37:09.399
물론 이렇게 자가 만들어지면 방사선자와 마찬가지로

538
00:37:09.399 --> 00:37:12.795
다른 수직으로 그리려고 해도 그 선이 그려지지 않습니다

539
00:37:12.795 --> 00:37:19.131
마우스 커서가 계속 위아래로 움직이는데 선은 수평선으로만 선이 그려지죠

540
00:37:19.131 --> 00:37:20.418
그런 형태와 마찬가지입니다

541
00:37:20.418 --> 00:37:24.369
역시 이것도 Shift를 누르고 레이어 윈도우에 있는 자 모양의 아이콘을 눌러서

542
00:37:24.369 --> 00:37:28.250
X 표시를 하고 나면 프리하게 선을 그리실 수 있습니다

543
00:37:28.250 --> 00:37:31.498
그런 차이가 있다고 생각하시면 좋을 것 같습니다

544
00:37:34.349 --> 00:37:36.052
자 마지막 동심원자입니다

545
00:37:36.052 --> 00:37:39.042
동심원자에 대한 설명을 또 다시 드리도록 하겠습니다

546
00:37:39.042 --> 00:37:43.874
동심원자는 동그라미 원형을 그리는 도구라고 보시면 되는데

547
00:37:43.874 --> 00:37:49.993
처음 클릭하고 드래그를 하면 이렇게 원형의 형태를 만들 수가 있고요

548
00:37:49.993 --> 00:37:55.814
만약에 완전히 정원형 형태로 만들고 싶다면 Shift를 누르시면 이렇게

549
00:37:55.814 --> 00:37:57.824
동그라미 형태로 만드실 수도 있습니다

550
00:37:57.824 --> 00:38:01.844
Shift를 안 누르시면 타원으로 만드실 수도 있어요

551
00:38:01.844 --> 00:38:07.894
자 이렇게 만들고 그 다음에 다시 클릭을 하게 되면

552
00:38:07.894 --> 00:38:13.012
이런 식으로 궤적을 이용해서 그림을 그릴 수가 있습니다

553
00:38:13.012 --> 00:38:18.260
그러면 이 동그라미 원의 형태로 계속해서 원형을 만들 수 있습니다

554
00:38:20.577 --> 00:38:24.567
역시 이것도 이 동그라미를 중심으로 하는 원형만 그릴 수 있는 자이기 때문에

555
00:38:24.567 --> 00:38:30.507
프리드로우를 하고 싶으시다면 Shift를 누르고 자를 비활성화 시킨 상태에서

556
00:38:30.507 --> 00:38:36.369
프리드로우를 하시고 다시 Shift 누르고 자를 활성화 시킨 다음에 동그라미를 그리시고

557
00:38:36.369 --> 00:38:40.537
이런 형태로 만드시면 좋을 것 같다 라는 생각이 듭니다

558
00:38:40.537 --> 00:38:45.577
여기까지 웹툰 제작을 위한 클립스튜디오의 이용 방법을 간략하게 알아보았습니다

559
00:38:45.577 --> 00:38:49.329
클립스튜디오라고 하는 프로그램을 전부 다 차근차근 알아보기에는

560
00:38:49.329 --> 00:38:51.250
시간이 부족해서 많이 아쉬운데요

561
00:38:51.250 --> 00:38:55.527
하지만 클립스튜디오 메인 페이지에 보시면 사용법 강좌가 있으니

562
00:38:55.527 --> 00:38:58.813
그것을 보시면서 지금 이 강의에서 얻지 못한

563
00:38:58.813 --> 00:39:01.359
더 자세한 클립스튜디오에 대한 이해를 높이는데

564
00:39:01.359 --> 00:39:04.502
시간을 투자하시면 더 나은 형태의 웹툰 작업 환경을

565
00:39:04.502 --> 00:39:06.834
구축하실 수 있지 않을까 생각해 봅니다

566
00:39:06.834 --> 00:39:10.022
최대한 클립스튜디오만이 가지고 있는 기능에 대해 소개함으로써

567
00:39:10.022 --> 00:39:15.478
클립스튜디오를 적극적으로 활용하여 웹툰 제작을 하는데 작은 도움이 되셨으면 하는 마음입니다

568
00:39:15.478 --> 00:39:18.290
이상 여기까지 강의를 들으시느라 고생하셨습니다

569
00:39:18.854 --> 00:39:20.661
클립스튜디오의 기능
기본 기능
커맨드 바: 작업자가 자주 사용하는 기능을 배치할 수 있는 옵션 창
스냅: 자를 대고 그리듯 선이 그어지는 기능

570
00:39:20.661 --> 00:39:22.207
작업 도구는 작업자의 필요에 맞춰 구성을 변경할 수 있음
캔버스
작품의 용도별로 페이지의 옵션을 다르게 설정해야 함

571
00:39:22.207 --> 00:39:23.736
연재처별 파일 크기와 형식이 다르기에 프리셋은 커스텀으로 두고 작업하는 것을 추천함
웹툰 작업의 경우 여러 페이지 수를 설정해 작업하는 것이 적합함

572
00:39:23.736 --> 00:39:24.929
벡터 레이어의 기능
레스터 레이어
일반적으로 포토샵에서 사용하는 브러시와 동일함
브러시로 그은 선을 확대 시 가장자리에 에일리어싱 현상이 일어남

573
00:39:24.929 --> 00:39:26.337
벡터 레이어
확대 시 에일리어싱 현상이 발생하지 않음
Ctrl을 누른 후 클릭 시 벡터 라인이 발생하고,
벡터 라인의 흰 점을 드래그해 커브를 줄 수 있음

574
00:39:26.337 --> 00:39:27.454
벡터 지우기를 통해 선이 맞닿은 교점까지, 혹은 전 전체를 삭제할 수 있음
선폭 수정 기능을 통해 선택한 선의 폭을 넓히거나 좁힐 수 있음

575
00:39:27.454 --> 00:39:28.706
선택한 선을 다른 디자인의 브러시로 변경할 수 있음

576
00:39:28.706 --> 00:39:29.770
컷선, 유선, 집중선 도구와 자 도구의 기능
컷선
출판 만화에 주로 쓰이는 테두리 나누기 기능
레이어를 컷 레이어 안으로 옮기면 컷 내부에 해당하는 이미지만 보여짐

577
00:39:29.770 --> 00:39:30.733
집중선
선이 모이는 듯한 연출로 대상에 시선을 집중시키는 선
유선
속도, 방향을 보여주는 연출 시 그리는 선

578
00:39:30.733 --> 00:39:31.819
선 길이를 조절하거나 브러시 크기를 조절해 집중선의 두께를 조절할 수 있음
자 도구
대칭 자: 기준선을 중심으로 같은 선이 대칭으로 그려짐

579
00:39:31.819 --> 00:39:32.677
퍼스 자: 소실점을 이용해 배경을 그릴 때 유용하게 사용할 수 있음
방사선자: 그리는 모든 선이 클릭한 점으로 모이게 됨
평행선자: 자와 평행하게 선을 그을 수 있음

580
00:39:32.677 --> 00:39:33.686
동심원자: 설정된 원 궤적에 따라 원이 그려짐