컬러 휠과 클립 스튜디오 페인트만으로 “색역 마스크” 또는 “팔레트 마스크”를 만드는 방법을 보여드리겠습니다!

 

*저는 CSP Pro 1을 사용하여 이 튜토리얼을 만들었지만, 동일한 원리가 모든 버전에 적용될 것입니다.

 

 

소개

먼저, 색역 마스크란 무엇일까요? 이 용어는 화가가 작업할 수 있는 안료가 제한적인 물리적인 회화와 인쇄에서 유래했습니다. '색역(gamut)'은 특정 안료 세트에서 혼합할 수 있는 모든 색상의 집합입니다. 화가와 인쇄업자들은 오랫동안 '넓은' 색역을 찾아왔습니다. 즉, 최소한의 기본 안료나 염료로 가장 다양한 색상을 만들 수 있도록 말이죠. 여러분이 들어봤을 법한 기본 색상 세트로는 CMYK, RGB, 또는 RYB가 있습니다.

 

 

그림을 조화롭게 만드는 가장 쉬운 방법 중 하나는 색상 이론을 사용하여 팔레트의 색상 수를 제한하는 것입니다. 참조 컬러 휠을 가리거나 '마스킹'하는 기술은 또한 화가가 어떤 중간 색상을 혼합할 수 있는지, 그리고 여전히 응집력 있는 팔레트의 일부로 남아있는지 볼 수 있게 해줍니다. 그리고 더 많은 안료가 더 많은 페인트 튜브에 돈을 써야 한다는 것을 의미하는 물리적인 세계에서는, 정확히 얼마나 적은 안료로도 작업할 수 있는지 아는 것이 중요합니다.

 

 

디지털 아트에서는 화가들이 처음부터 모든 가능한 RGB 색상에 접근할 수 있는데, 이는 때때로 압도적으로 느껴지거나 색상 간의 관계를 파악하기 어렵게 만들 수 있습니다. 그러니 색역 마스킹을 시도해 봅시다! 이 튜토리얼을 사용하여, 여러분은 향후 프로젝트를 위해 원하는 대로 변경하고 적용할 수 있는 범용 파일을 만들게 될 것입니다!

 

 

파트 I: 설정

이 튜토리얼에서는 Björn Ottosson의 블로그에서 얻은 컬러 휠 이미지를 사용하고 있으며, OKHSL 색상 공간을 보여줍니다. *(사용 참고 사항은 마지막을 참조하세요)

저는 OKHSL 공간이 색조당 지각적으로 일정한 밝기와 채도를 가지고 있기 때문에 좋습니다. 그의 비교 색상 선택기를 [여기](https://bottosson.github.io/misc/colorpicker/)에서 사용해보세요.

원하는 컬러 휠을 사용할 수 있습니다! 한 가지 중요한 점은 휠의 중앙으로 갈수록 점차적으로 채도가 낮아져야 한다는 것입니다. 이것은 나중에 수동으로 색상을 혼합하는 수고를 덜어줍니다.

 

 

시작하려면 다음을 따르세요:

 

1. 클립 스튜디오 페인트에서 컬러 휠을 엽니다. 이 레이어만 있을 것입니다.

 

2. “프레임 테두리” 도구(U)를 선택하고, 가장 적합하다고 생각하는 도형 또는 보조 도구를 선택합니다. 저는 삼각형을 만들 것이기 때문에 다중선을 선택하겠습니다. (힌트: 타원형/원형을 원한다면 “사각형 프레임”을 선택하고, 도구 속성 창에서 렌치 아이콘을 클릭한 다음 “도형” 하위 메뉴를 선택하면 타원형을 선택할 수 있는 옵션이 보일 것입니다. 이것은 아래 이미지에 나와 있습니다.)

3. 캔버스에 휠의 아무 부분 위에 프레임 모양을 만듭니다. 제대로 맞지 않으면 “오브젝트” 도구(O)를 선택하고 프레임의 회전, 모서리 또는 크기를 조정하세요!

 

4. 이제 컬러 휠 위에 프레임 테두리 모양이 보일 것입니다. 컬러 휠 레이어를 프레임 폴더 안으로 드래그하면 마스킹될 것입니다!

최종 레이어 구조가 어떻게 보이는지 살펴보겠습니다.

이것이 가장 기본적인 내용입니다! 더 유용하게 만들기 위해 제가 추가로 취한 몇 가지 단계가 있습니다.

 

 

추가 단계

*프레임 폴더에 색조/채도/명도와 색상 균형의 두 가지 보정 레이어를 추가했습니다. 첫 번째는 더 어둡거나 밝은 톤으로 작업하고 싶을 때 사용합니다. 두 번째는 마스크의 색상 관계를 유지하면서 색역에 색조를 적용하고 싶을 때 사용합니다! 예를 들어, 전반적으로 파란색 그림을 만들고 싶지만 가장 강한 파란색과 비교했을 때 '빨간색', '노란색' 등으로 느껴지는 색상을 여전히 원할 때 말이죠.

 

*가장 아래에 균일한 중성 회색 레이어를 만들어서 편견 없이 톤과 색상을 판단할 수 있도록 했습니다.

 

 

제가 사용하기 좋아하는 최종 작업 설정:

그 마스크만 있으면 기술적으로 필요한 모든 것을 갖춘 것입니다! 팔레트를 만들고 싶은 각 새 그림에 대해 프레임 테두리 레이어의 모양을 편집하고 조정 레이어를 원하는 대로 변경하기만 하면 됩니다. 그런 다음 참조용으로 사용할 수 있는 즐겨찾는 이미지 유형으로 저장할 수 있습니다!

 

 

참고: 나중에 프레임 유형 변경하기

프레임을 대폭 변경하고 싶다면—예를 들어, 자유형 프레임을 다중선으로 변경하고 싶다면—새 프레임 폴더를 만들지 않고도 가능하지만, 약간은 특이한 방법입니다.

 

프레임 마스크가 선택되어 있는지 확인한 다음, 오브젝트 도구(O)를 선택합니다. 이것이 위에서 설명한 대로 모서리/점을 이동하는 방법입니다.

 

키보드에서 Delete 키를 누릅니다. 무엇을 삭제할 것인지 묻는 팝업이 나타날 것입니다.

“테두리만 삭제”를 선택하면 프레임은 사라지지만 모든 레이어와 해당 폴더는 유지됩니다. 그런 다음 프레임 도구(U)로 새 프레임을 그립니다. 제가 확인한 바로는 프레임에 대한 다른 삭제 옵션이 비활성화되어 있기 때문에 이 방법이 유일한 방법입니다. (적어도 제 버전에서는 그렇습니다)

 

 

파트 II: 사용 방법

이제 CSP에서 마스킹된 팔레트를 활용하는 몇 가지 다른 방법을 설명하겠습니다.

 

 

하지만 먼저, 중요한 참고 사항입니다!

 

이제 실제 페인트와는 조금 다른 점이 있습니다. 클립 스튜디오 페인트는 지각적 색상 혼합을 제공하지만, 각 실제 안료는 매체에 따라 변하는 고유한 특성을 가지고 있기 때문에 페인트 혼합을 완벽하게 재현할 수는 없습니다. 여기에 있는 모든 것은 실생활에 근사한 것입니다. 경험 법칙은 다음과 같습니다: 채도가 낮은 색상으로 채도가 높은 색상을 혼합할 수 없습니다. 혼합된 색상이 색역 내에 있다고 가정하기 전에 색역 마스크와 비교하여 확인하십시오 (필요한 경우 밝기를 조정하십시오). 특히 블렌딩 모드는 색역을 벗어나는 색상을 만들 수 있습니다!

 

 

1. 스포이드

색상을 선택하는 가장 쉬운 방법은… 마스크에 직접 스포이드를 사용하는 것입니다! 이렇게 하면 채도 한계를 초과하지 않는 것이 보장됩니다.

그런 다음 색상 피커 슬라이더 탭에서 밝기 슬라이더를 사용하여 더 밝거나 어둡게 만드세요.*

 

(*네, 대부분의 색상 공간에서 겉보기 색도와 채도는 밝기에 따라 변할 수 있습니다. 이것은 그러한 근사치 중 하나입니다.)

2. 블렌딩

CSP에는 내장된 색상 혼합 창이 있습니다! 가장 채도가 높은 색상(이 경우 청록색, 마젠타색, 노란색-녹색)을 선택하고 색상 혼합 도구로 혼합하여 기본 팔레트를 얻습니다. 블렌더 도구는 색상을 평균화하는 것으로 보이며, 이는 색역 경계가 별 모양과 같은 오목한 모양이거나 분리된 부분이 아닌 한 결과가 색역을 초과하지 않음을 의미합니다.

3. 중간색 팔레트

CSP 색상 피커에는 중간색 팔레트라는 재미있는 작은 탭도 포함되어 있습니다. 혼합하고 싶은 색상을 모서리에 넣으면 그 사이의 색상 스펙트럼이 생성됩니다. 색상 믹서처럼 평균화하여 작동합니다.

4. 휠로 재배열

팔레트 마스크를 만들면 “따뜻한” 색상과 “차가운” 색상으로 간주되는 것이 재정의되므로, 저는 관계를 파악하는 데 도움이 되는 새로운 컬러 휠을 만드는 것을 좋아합니다.

마스크의 모서리와 가장자리에 있는 색상을 스포이드로 추출합니다. 둘레를 따라 균등하게 간격을 두려고 노력하세요. 그런 다음 모양의 중앙처럼 보이는 색상을 스포이드로 추출하여 팔레트의 “중립색”으로 휠 중앙에 배치합니다.

파트 III: 실제 예시

다음은 다양한 팔레트를 사용하여 시도해 볼 수 있는 연습입니다.

 

 

일러스트레이션의 기본 스케치를 한 다음, 두 가지 확연히 다른 팔레트 마스크를 선택합니다. 각 마스크에 대해 일러스트레이션을 두 번 채색합니다. *마스킹된 팔레트의 모든 색상을 사용할 의무는 없습니다! 또한 색상의 밝기를 변경하여 신중한 명암 분포를 사용하는 것을 잊지 마세요.

 

 

제가 그림을 시작하기 전에 탐색했던 값과 관계와 함께 제가 선택한 두 가지 팔레트 마스크입니다. 왼쪽은 분할 보색 팔레트로, 오른쪽은 유사색 팔레트로 간주될 수 있습니다.

(오른쪽 팔레트의 경우, 휠의 “중립” 색상이 녹색인 반면, 바깥쪽의 회색이 보라색에 가장 가깝다는 점을 주목하십시오.)

 

 

그런 다음, 제가 찍은 백로 사진의 명암 연구를 한 후, 두 가지 팔레트로 두 점의 그림을 그렸습니다.

결론

이 튜토리얼이 여러분에게 도움이 되었기를 바랍니다! 저 자신도 팔레트 제작의 전문가는 아니지만, 연습하면서 저에게 도움이 될 도구를 만들고 싶었습니다.

 

이 튜토리얼의 레이어 구조와 중성 회색 배경, 그리고 보정 레이어가 포함된 자료를 업로드할 예정입니다! 이 공간은 업로드가 완료되면 수정될 것입니다.

 

 

유용한 읽을거리

팔레트 마스킹과 색상 공간에 대해 더 배우고 싶다면 다음 자료들을 참고하세요.

 

 

*[Björn Ottosson의 디지털 색상 공간에 대한 블로그 게시물](https://bottosson.github.io/posts/colorpicker/) (매우 심층적)

*[James Gurney: 마스크에서 팔레트로](https://gurneyjourney.blogspot.com/2008/02/from-mask-to-palette.html) (시리즈 중 세 번째; 그가 작성한 색역 마스킹에 대한 다른 2개의 게시물 링크 포함)

*[HTML 색상 코드](https://htmlcolorcodes.com/color-wheel/) (일반적인 색상 조화 “도형” 드롭다운 메뉴가 있는 무료 도구)

 

 

*Björn Ottosson의 색상 선택기 및 OKLab 색상 공간 사용은 그의 라이선스에 따라 각각 [여기](https://github.com/bottosson/bottosson.github.io/tree/master/misc/colorpicker) 및 [여기](https://bottosson.github.io/posts/oklab/)에서 허용됩니다.