톤의 사용법 · 그라데이션(모노크롬 원고)편

27,069 view
ClipStudioOfficial

ClipStudioOfficial

모노크롬 원고 제작 시의 [그라데이션 레이어](톤)의 사용법에 대해서 설명합니다.


[1] 그라데이션 레이어의 기본적인 작성 방법

그라데이션은 [그라데이션] 도구를 사용해서 래스터 레이어 위에 직접 그릴 수도 있지만 이번에는 [그라데이션 레이어]에 대해서 소개합니다.

[그라데이션 레이어]는 직접 그리는 그라데이션과 똑같이 보이지만 나중에 그라데이션의 색이나 크기 또는 모양 등의 설정을 [오브젝트] 도구로 자세하게 변경할 수 있는 편리한 레이어입니다.


[그라데이션 레이어]를 작성하는 방법은 아래의 2가지입니다.



■ [A] 레이어 메뉴에서 작성하기


(1) [레이어] 메뉴→[신규 레이어]→[그라데이션]을 선택합니다.


(2) 캔버스에 [그라데이션 레이어]가 작성됩니다. [레이어] 팔레트에서는 선택 중인 레이어의 위에 작성됩니다.


작성 시는 수직인 그라데이션이지만, 각도나 모양 등은 [오브젝트] 도구의 [도구 속성]에서 나중에 변경할 수 있습니다.

※ [오브젝트] 도구에 대해서는 [4]에서 자세히 소개합니다.



■ [B] [그라데이션] 도구로 [그라데이션 레이어] 작성하기


(1) [도구] 팔레트로 [그라데이션] 도구를 선택합니다.


(2) [보조 도구] 팔레트에서 사용하고 싶은 설정을 선택합니다. 여기서는 "그리기색에서 배경색"을 선택합니다.


(3) [도구 속성] 팔레트의 [그리기 대상] 항목에서 [그라데이션 레이어를 작성]을 선택합니다.


(4) 캔버스 상에서 [그라데이션] 도구를 사용하면 [그라데이션 레이어]가 작성됩니다.


(5) [그라데이션] 도구를 사용할 때의 드래그 방향에 따라서 작성되는 그라데이션의 각도가 바뀝니다. 그라데이션의 각도는 [오브젝트] 도구의 [도구 속성]에서 나중에 변경할 수 있습니다.


【POINT】 [톤 레이어]를 [그라데이션 레이어]로 변환하기

[레이어] 팔레트에서 [톤 레이어]를 선택한 상태에서 [오브젝트] 도구의 [도구 속성] 팔레트를 조작합니다.

[도구 속성]의 [채우기] 항목을 [채우기]에서 [그라데이션]으로 변경합니다.


그러면 [톤] 레이어가 [그라데이션 레이어]로 바뀝니다. 반대로 그라데이션을 채우기 톤으로 변경할 수도 있습니다.


[2] 그라데이션의 그리기색 설정하기

[1]에서 작성되는 [그라데이션 레이어]의 색은 [컬러] 팔레트 등에 표시되어 있는 [그리기색](아래 빨간색 테두리 안의 색)과 [배경색](아래 파란색 테두리 안의 색)에 의해 자동으로 설정됩니다.

색이 정해져 있는 경우에는 미리 그리기색과 배경색을 설정해서 그라데이션 레이어를 작성하면 좋습니다.


캔버스 기본 표현색이 [모노크롬]이나 [그레이]인 경우에는 [그리기색]이나 [배경색]에 흰색 · 검은색 · 그레이 이외의 파란색이나 빨간색 등의 컬러를 설정하면 [레이어 속성] 팔레트의 [농도] 설정에 따라서 자동으로 흰색 · 검은색 · 그레이로 변환되어 표시됩니다.


또한 [농도]를 [화상 색 사용]으로 설정하고 있는 상태에서는 [그라데이션 레이어]는 불투명한 상태로 작성되며 뒷면의 레이어가 가려집니다.


뒷면 레이어를 투명으로 하려는 경우는 [레이어] 팔레트로 [그라데이션 레이어]의 [합성 모드]를 [곱하기] 등으로 변경하거나 [레이어 속성] 팔레트의 [농도] 설정을 [화상 휘도 사용]으로 변경합니다.


[레이어 속성]에 대한 자세한 내용은 아래의 기사를 참조하십시오.

https://tips.clip-studio.com/ko-kr/articles/533
https://tips.clip-studio.com/ko-kr/articles/656


[3] 그라데이션 톤을 부분적으로 붙이기

[1]의 항목에서 설명한 기본적인 방법으로 [그라데이션 레이어]를 작성한 경우는 캔버스의 전면에 [그라데이션 레이어]가 작성됩니다.


필요한 장소에 부분적으로 [그라데이션 레이어]를 그리고 싶은 경우에는 아래의 방법으로 작성합니다.



■ [A] 선택 범위를 작성하고 나서 톤을 붙이기


(1) [그라데이션 레이어]를 붙이고 싶은 장소에 [자동 선택] 도구 등으로 선택 범위를 작성합니다. 여기에서는 여자의 머리카락 부분에 그라데이션 톤을 붙이고 싶습니다.

※ 아래 그림에서는 선택 범위가 보기 쉽도록 머리카락 부분을 퀵 마스크(빨간색)로 표시하고 있습니다.


(2) [레이어] 메뉴→[신규 레이어]→[그라데이션]을 선택합니다.


(3) 선택 범위의 세로 폭에 맞춰서 [그라데이션 레이어]가 작성되고 그라데이션 톤이 붙여졌습니다.



■ [B] 그라데이션 레이어의 마스크 내용을 삭제한 후에 펜 등으로 칠하듯이 붙이기


(1) [레이어] 메뉴→[신규 레이어]→[그라데이션]을 선택하고 일단 캔버스의 전면에 그라데이션 레이어를 만듭니다. 여기에서는 배경의 흰색 부분에 그라데이션으로 모양을 붙이려고 합니다.


(2) [레이어]팔레트에서 작성된 [그라데이션 레이어]의 [마스크] 섬네일을 클릭해서 선택합니다.


※ [레이어 마스크]에 대한 자세한 내용은 아래의 기사를 참조하십시오.

https://tips.clip-studio.com/ko-kr/articles/716
https://tips.clip-studio.com/ko-kr/articles/717
https://tips.clip-studio.com/ko-kr/articles/718


(3) [편집] 메뉴→[삭제]를 실행하거나 [Delete]키를 클릭해서 전면에 [마스크]를 적용합니다.

※ 전면에 그라데이션이 표시된 초기 상태는 마스크가 적용되어 있지 않습니다.


(4) 그러면 [레이어] 팔레트 위에서는 [그라데이션 레이어]가 존재하고 있으면서도 전면이 마스크되어 있기 때문에 캔버스 위에서는 그라데이션이 없어진 것처럼 보입니다.


(5) 그라데이션을 표시할 장소에 [자동 선택] 도구 등으로 선택 범위를 작성합니다.

※ 아래 그림에서는 선택 범위를 알기 쉽게 퀵 마스크(빨간색)로 표시하고 있습니다.


(6) 그 후 [레이어] 팔레트에서 그라데이션 레이어의 [마스크] 섬네일이 선택되어 있는지를 확인하고 [펜] 도구나 [데코레이션] 도구 등 그리기 도구의 [그리기색]이나 [배경색]으로 그립니다.

그린 부분의 마스크가 삭제되고 그린 부분의 그라데이션이 다시 표시됩니다.


(7) 반대로 이미 표시된 부분의 [그라데이션 레이어]의 [마스크]에 [지우개] 도구나 그리기 도구의 [투명색]으로 그리면 해당 범위에 마스크가 적용됩니다. 이것을 이용하면 톤을 깎는 듯한 표현을 할 수 있습니다.

아래 그림에서는 머리카락의 윤기있는 부분을 마스크했습니다.


【POINT】

[그라데이션 레이어]를 선택한 상태에서 [레이어 속성] 팔레트의 [마스크 표현]→[계조] 설정을 [있음]으로 하면 흐리게 표현할 수 있게 되지만, 이 경우 완성한 데이터는 [모노크롬]이 되지 않고 [그레이]가 됩니다.


또한 [계조 있음]의 [마스크]에 [에어브러시] 등의 수채나 안티에일리어싱이 적용된 도구로 그리면 망점 자체가 그레이가 되어 인쇄용 데이터로는 문제가 생길 수 있으므로 주의합시다.


[4] [오브젝트] 도구로 이동과 회전 및 크기 변경

[그라데이션 레이어]는 [조작] 도구의 [오브젝트]로 무늬의 이동이나 회전, 그리는 크기의 변경 등을 나중에 쉽게 변경할 수 있습니다.



■ [A] 그라데이션 이동


[오브젝트] 도구로 그라데이션이 그려진 범위를 드래그하면 톤의 시작점①과 종료점②가 이동하고 이에 따라 그라데이션 점이 이동합니다.


【POINT: [조작] 도구와 [오브젝트] 도구 이동의 차이】

[조작] 도구의 [오브젝트]로 실행하는 톤 무늬의 이동과 [레이어 이동] 도구로 실행하는 레이어 이동은 비슷하지만 미묘한 차이가 있습니다.

레이어 마스크가 있는 경우에는 차이를 알 수 있지만 [레이어 이동] 도구로 톤을 이동시키려고 하면 톤 무늬와 같이 마스크도 이동해 버립니다.


한편 [오브젝트]로 실행하는 경우는 마스크의 위치가 고정된 상태로 톤의 무늬만 이동합니다.


또한 레이어와 마스크의 링크를 해제한 경우는 둘 중 어느 도구를 사용해도 결과에 차이는 없습니다.



■ [B] 그라데이션의 방향과 크기 조정


[오브젝트] 도구로 캔버스 상에 표시된 종료점을 드래그하면 작성 후의 [그라데이션 레이어]의 그라데이션 크기나 방향을 변경할 수 있습니다.

또한 종료점②를 시작점①에 가까워지도록 드래그하면 그라데이션의 그리기 범위가 짧아지고 반대로 멀어지도록 드래그하면 그리기 범위는 넓어집니다.



■ [C] [오브젝트](그라데이션 레이어)도구의 [도구 속성] 상세


[그라데이션 레이어]의 농도나 모양 등은 [조작] 도구의 [오브젝트] 보조 도구를 선택하고 [레이어] 팔레트에서 [그라데이션 레이어]를 선택하면 표시되는 [도구 속성]에서 자세히 설정할 수 있습니다.

설명을 참고해서 마음대로 그라데이션을 만들어 봅시다.

여기에서는 그라데이션 설정에 관련된 항목만을 소개합니다.


① 채우기 설정

[레이어] 팔레트에서 [그라데이션 레이어]를 선택한 경우 자동으로 [그라데이션]이 선택되어 있습니다. [채우기]를 선택하면 [그라데이션 레이어]가 [톤 레이어]로 변환됩니다.


② 컬러 바

설정한 그라데이션의 미리 보기가 표시됩니다.

항목 [1]에서 설명한 방법으로 [그라데이션 레이어]를 작성한 경우는 왼쪽 노드(△)에는 [그리기색], 오른쪽 노드에는 [배경색]이 할당되어 있습니다.


노드(△)를 드래그하여 좌우로 움직이면 노드의 위치에 따라서 그라데이션이 변화합니다.


또한, 노드(△)는 자와 같은 그리드가 표시된 영역을 클릭하면 자유롭게 추가할 수 있습니다. 추가한 노드는 화면 아래를 향해서 드래그함으로써 삭제할 수 있습니다.


컬러 바 위쪽의, 노드(△)와 같은 위치에 있는 □에는 설정된 색이 표시되어 있습니다.


③ 상세 설정

[상세 설정] 버튼이나 컬러 바의 테두리 안을 클릭하면 [그라데이션 편집] 다이얼로그가 표시됩니다.


(A)컬러 바: 그라데이션의 설정이 미리 보기 표시되어 있습니다.


(B)노드 선택: [<] 버튼을 클릭하면 현재 선택 중인 노드(△)의 왼쪽 노드를, [>] 버튼을 클릭하면 현재 선택 중인 노드의 오른쪽 노드가 선택됩니다.


(C)그라데이션 반전 버튼: 현재 그라데이션 노드(△)의 위치를 모두 좌우 반전합니다.


(D)노드 삭제: 선택하고 있는 노드를 삭제합니다. 그라데이션에는 노드가 최소한 2개 필요하므로 노드가 3개 이상 있는 경우에 사용할 수 있습니다.


(E)위치: 선택한 노드의 위치를 표시한 값입니다. 그라데이션의 왼쪽 끝이 0, 오른쪽 끝이 100의 값이 되어 있으며 균등하게 노드를 배치하고 싶은 경우는 이 수치를 보면서 배치하면 편리합니다.


(F)불투명도: 선택하고 있는 노드의 불투명도 수치입니다.

[불투명도]의 설정값이 100에 가까울수록 불투명이 되고 0에 가까울수록 투명이 됩니다.


(G)지정색: 이 항목에서 선택한 노드의 오른쪽 박스를 클릭하고 설정한 색을 할당합니다.


(H)메인 그리기색: 이 항목에서 선택한 노드에 메인 그리기색을 할당합니다. 컬러 계열 팔레트의 [그리기색] 및 [배경색]과 연동하고 있습니다.


(I)보조 그리기색: 이 항목에서 선택한 노드에 보조 그리기색을 할당합니다. 컬러 계열 팔레트의 [그리기색] 및 [배경색]과 연동하고 있습니다.


(J)혼합율 곡선: 이 항목을 ON으로 하면 선택한 노드와 오른쪽 노드 사이의 혼합율을 곡선으로 설정할 수 있습니다. 곡선으로 혼합율을 설정함으로써 여러 노드를 작성하지 않아도 복잡한 농도의 그라데이션을 작성할 수 있습니다.


초기 설정에서는 이런 곡선이 그려져 있습니다.


테두리 안의 위치를 클릭하면 곡선의 포인트가 추가되며 포인트를 테두리 밖으로 드래그하면 삭제됩니다. 포인트를 드래그함으로써 곡선을 자유롭게 변화시킬 수 있습니다.


예를 들어 왼쪽 노드가 검은색이고 오른쪽 노드가 흰색인 경우 2개의 노드만이라도 곡선을 변경함으로써 아래 그림과 같은 그라데이션으로 설정할 수 있습니다.


【POINT】

혼합율 곡선은 포인트 사이에 느슨한 곡선을 그리도록 계산되어 표시됩니다. 예를 들어 4개의 포인트를 아래 그림처럼 배치하면 S자 모양의 곡선으로 표시됩니다.

예각인 선을 그리고 싶은 경우에는 예각으로 하려는 장소에 2개의 포인트를 배치하면 효과적입니다. 아래 그림에서는 6개의 포인트를 사용해서 예각인 혼합율 곡선을 만들었습니다.


④ 모양

이 항목에서는 그라데이션의 모양과 크기, 각도 등을 설정할 수 있습니다.


(A)직선: 그라데이션 모양을 직선 모양으로 설정합니다.


(B)원: 그라데이션 모양을 원 모양으로 설정합니다. 제어점으로 크기를 조작하면 원 상태로 확대 및 축소됩니다.


(C)타원: 그라데이션 모양을 타원 모양으로 설정합니다. 제어점은 가로 방향, 세로 방향 각각에 쌍으로 변화합니다.


(D)크기: 그라데이션 그리기 크기의 수치입니다. 그라데이션의 시작점부터 종료점까지의 거리를 표시합니다.


(E)각도: 그라데이션 그리기 각도의 수치입니다. 그라데이션의 시작점부터 오른쪽이 0도, 왼쪽이 180도로 되어 있는데 360도 표시가 아니라 시작점부터 아래쪽 영역이 플러스 수치(1~179), 위쪽 영역이 마이너스 수치(-1~-179)로 표시되어 있습니다. 모양을 [원]으로 하는 경우 각도의 설정값은 무효입니다.


(F)두께: 그라데이션 그리기의 두께를 나타내는 수치입니다. 모양을 [타원]으로 하는 경우에만 유효합니다.


⑤ 끝부분 처리

그라데이션을 어떻게 그릴지 설정하는 항목입니다.

댓글

관련 기사

신착

공식 신착