이 튜토리얼에서는 클립 스튜디오의 색상 팔레트 및 기타 기능을 사용하여 그림에 사용할 색상을 선택하는 모든 방법을 알려드릴 것입니다. 먼저 초보자도 쉽게 시작할 수 있도록 간단한 색상 이론을 설명한 다음, CSP에서 색상을 선택하는 다양한 방법을 직접 가르쳐 드리겠습니다.

시작을 위한 약간의 색상 이론

진행하면서 만나게 될 색상 이론 용어와 개념부터 시작하겠습니다.

 

초보자라면 색상 이론이 처음에는 어렵게 느껴질 수 있다는 것을 알기에, 최대한 간단하고 짧게 설명하려고 노력할 것입니다. 이 지식은 소프트웨어를 아는 것만큼 중요합니다. 왜냐하면 이것이 나중에 색상을 선택하는 데 기반이 될 것이기 때문입니다.

색상(Hue)은 무지개의 색상으로 식별될 수 있는 지배적인 색상군을 의미하며, 채도(Saturation)는 색상의 강도를, 명도(Value)는 색상의 밝기 또는 어둡기를 의미합니다. 이들을 합쳐 HSV 색 공간을 이룹니다.

색 공간(colorspace)은 수학적으로 표현되는 스펙트럼 상의 색상 범위입니다. 디지털 페인팅에서는 소프트웨어에서 색상이 표현되는 방식을 설명할 수 있습니다.

 

또 다른 색 공간의 예로는 '명도(value)'가 '휘도(luminance)'로 대체된 HLS 색 공간이 있습니다.

HSV와 HLS 색 공간의 주요 차이점은 HLS에서 채도에 관계없이 밝기를 최대로 올리면 순수한 흰색이 생성되는 반면, HSV에서 명도를 최대로 올리면 채도가 0일 때만 순수한 흰색이 된다는 것입니다.

따라서 각 색 공간의 두 가지 색상을 나란히 놓고, 동일한 채도, 명도, 휘도를 부여한 다음 회색조로 설정하면 HLS에서는 동일한 회색이 되지만 HSV에서는 그렇지 않습니다.

 

개인적으로 저는 HSV 색 공간을 사용하지만, HLS 색 공간을 사용하는 훌륭한 아티스트들도 많습니다. 너무 깊이 생각하지 말고, 직접 시도해보고 자신에게 가장 적합한 것이 무엇인지 찾아보세요.

 

색 공간을 최대한 활용하려면 색상 간의 관계와 색상 조화 이론을 아는 것도 중요합니다.

색상 조화는 예술에서 미학적으로 만족스러운 색상 조합을 나타내는 용어입니다.

 

색상환에서 서로 마주보는 색상 쌍을 보색이라고 합니다.

 

분할 보색은 보색과 유사하지만, 주 색상과 함께 해당 보색에 인접한 두 가지 색상을 사용하여 이등변 삼각형을 이룹니다.

 

정삼각형을 이루면 삼색(triadic)입니다.

 

직사각형을 이루면 사색(tetradic)입니다.

 

서로 옆에 있는 세 가지 색조는 유사색(analogous)입니다.

 

하나의 색조만 사용하는 것은 단색(monochromatic)입니다.

 

이러한 적절한 색상 조화를 실행하는 것이 초보자와 전문 화가를 구분하는 요소입니다.

 

또한 색상환에 무작위로 흩어져 있는 많은 수의 색상을 사용하는 것이 제한된 색상 팔레트를 사용하는 것보다 더 나쁜 결과를 초래하는 이유에 대한 최고의 설명 중 하나입니다.

하지만 정말 많은 무작위 색상이 필요하다면, 채도를 낮추거나 HSV 값을 일관성 있게 조정하여 시각적 일관성을 보완할 수 있습니다.

 

CSP에서 일관된 색상을 자동으로 선택하는 매우 쉬운 방법이 있지만, 이 튜토리얼의 마지막 부분에서 이에 대해 설명하겠습니다.

이와 관련하여 따뜻한 색과 차가운 색의 개념도 소개하고 싶습니다. 이상적으로는 색상환이 빨강, 주황, 노랑을 따뜻한 색으로, 초록, 파랑, 마젠타를 차가운 색으로 나눕니다. 따뜻한 색이 열과 햇빛을 떠올리게 한다면, 차가운 색은 하늘과 다른 추운 곳을 떠올리게 하는 경향이 있습니다. 하지만 따뜻한 색은 눈을 더 편안하게 해주는 경향도 있습니다. 이러한 상징은 그림의 분위기를 설정하는 데 도움이 될 것입니다.

그러나 분위기를 더욱 향상시키려면 색상 팔레트, 캐릭터 디자인, 포즈 등에 대한 영감으로 사용할 수 있는 참고 그림 모음인 무드 보드를 사용할 수도 있습니다.

여기 따뜻한 색과 차가운 색을 조합한 보색 대비 색 구성표를 사용하여 만든 작품의 예시가 있습니다. 생생한 팔레트를 사용했기 때문에 그림이 더욱 생동감 있게 보입니다.

그리고 여기 더 밝은 차가운 색을 사용한 분할 보색 대비 색 구성표의 예시가 있습니다.

이 튜토리얼에서는 따뜻한 유사색과 약간의 보색을 사용하여 간단한 만화를 그릴 것입니다. CSP의 색상 팔레트와 기타 색상 선택 기능을 시연하기 위해 세 가지 그림으로 나눌 것입니다.

하지만 CSP에서 '팔레트'와 '색상 팔레트'는 정확히 무엇인가요?

전통적인 '팔레트'의 개념과는 달리, 화면 모서리의 상자에 있는 다양한 도구들을 CSP에서는 모두 '팔레트'라고 부릅니다. 그리고 짐작하셨겠지만, 색상 관련 팔레트는 모두 '색상 팔레트'라고 불립니다. 이 팔레트들의 배열이 인터페이스를 구성하며, 이는 일반적으로 '작업 공간'으로 알려져 있습니다.

클립 스튜디오의 모든 팔레트가 기본적으로 표시되는 것은 아니므로 숨겨진 팔레트에 액세스하려면 각 팔레트 상단의 탭을 클릭해야 합니다. 또는 '창(Window)'으로 이동하여 원하는 팔레트를 선택할 수도 있습니다.

색상환

이제 색상환부터 시작하겠습니다. 이미 여기에 있으므로 창에서 추가할 필요가 없습니다. 마우스로 클릭하고 드래그하여 이동시키겠습니다.

그 후에 벽의 시작 색상을 선택해 보겠습니다.

현재 선택된 [1] 메인 색상과 보조 색상을 왼쪽 하단 상자에서 볼 수 있습니다. 클릭하거나 키보드의 X를 눌러 둘 사이를 전환할 수 있습니다. 두 번 클릭하면 색상을 추가로 편집할 수 있는 설정으로 이동합니다. [2] 그 아래에는 투명 픽셀을 칠하는 즉, 지우는 옵션이 있습니다. 이것은 C를 눌러 전환할 수 있습니다.

[3] 오른쪽 하단에는 현재 색상의 HSV 값이 표시되는데, 이는 현재 색상을 다른 애플리케이션에 복사할 때 특히 중요합니다. 클릭하여 RGB 값을 표시하도록 전환할 수도 있습니다. [4] 오른쪽에는 HSV 및 HSL 색 공간 전환 버튼이 있습니다. 또 다른 전환 방법은 상단의 세 줄 아이콘을 클릭하여 둘 중 하나를 선택하는 것입니다.

색상 슬라이더

색상환과 매우 유사하지만, 개별 HSV, RGB, CMYK 값에 대해 더 세밀한 제어가 가능하다는 점이 다릅니다.

일단 캔버스에 색상을 적용해 보겠습니다. 그런 다음 값은 변경하지 않고 채도가 더 높고 더 붉은 색상을 원한다고 가정해 봅시다. 색상환으로는 그렇게 하기 어려울 것이므로, 이때 색상 슬라이더가 유용합니다.

이전과 마찬가지로 세 줄 아이콘을 클릭하여 색 공간을 변경할 수 있습니다. 각 색상 팔레트에서 사용하는 색 공간은 서로 연결되어 있으므로, 여기서 색 공간을 변경하면 색상환의 색 공간도 함께 변경되는 것을 알 수 있습니다.

원하는 색상을 얻기 위해 슬라이더를 드래그할 수도 있지만, 더 간단하고 정확한 방법은 직접 값을 입력하는 것입니다.

중간색 및 근사색

이제 이 색상을 첫 번째 색상 옆에 배치하겠습니다. 그리고 특정 색상을 선택하는 데 어려움을 겪고 있으므로, 중간색 및 근사색 팔레트를 사용하여 도움을 받아보는 건 어떨까요?

 

중간색 팔레트를 사용하면 네 가지 색상을 선택하고 서로 어떻게 혼합되는지 볼 수 있습니다. 메뉴 아이콘을 클릭하고 옵션 중 하나를 선택하여 타일 크기를 조정할 수 있습니다. 그리드가 마음에 들지 않으면 숨기는 옵션도 있습니다.

색상을 선택하고 모서리 상자를 클릭하여 테스트해 봅시다. 그런 다음 생성된 색상 중에서 마음에 드는 것을 선택하겠습니다.

중간색과 유사한 근사색은 하나의 색상만 참조합니다. 이 도구에는 색상을 수정하려는 매개변수를 제어하기 위한 개별 슬라이더가 있습니다.

기본적으로 채도와 명도로 설정되어 있지만, 막대 옆의 문자를 클릭하여 변경할 수 있습니다. 이 예에서는 R(빨강)과 G(녹색)로 설정하겠습니다. 더 잘 이해하기 위해 직접 실험해 보시는 것을 강력히 추천합니다.

컬러 세트 및 컬러 이력

자, 이제 우리의 모든 색상이 완성되었습니다! 하지만 그림을 그리는 동안 캔버스에 이 색상들을 저장하는 것은 번거로울 뿐만 아니라 비효율적입니다. 다행히 CSP에는 색상 세트와 색상 이력 팔레트가 있습니다. 이것이 얼마나 많은 시간을 절약해 주었는지 믿기지 않을 겁니다.

간단히 말해서, 색상 이력은 프로그램에서 사용한 색상 목록을 보여주고, 색상 세트는 그림을 그리는 동안 색상을 저장하는 곳입니다.

기본 색상을 사용하거나, 클립 스튜디오 에셋에서 다운로드하거나, 자신만의 색상을 만들 수도 있습니다. 드롭다운 아이콘을 클릭하여 이 세트들에 액세스할 수 있습니다.

우리의 경우, 렌치 아이콘 클릭>새 세트 만들기> {내 세트}로 이름 변경> 확인을 클릭하여 우리만의 세트를 만들어 봅시다.

나중에 편집하고 싶다면, 예를 들어 복제하거나 재배열하고 싶다면 렌치 아이콘을 다시 클릭하면 됩니다.

 

이제 다음과 같은 방법으로 색상을 추가하겠습니다:

1. Alt 키를 누른 상태에서 스포이트 도구로 색상을 선택합니다.

2. 빈 타일을 선택합니다.

3. 그리고 물방울 아이콘을 클릭합니다.

다른 방법은 세 줄 아이콘>색상 추가를 통하는 것입니다. 하지만 가장 간단한 방법은 Alt 키를 누른 상태에서 활성 색상을 등록하려는 빈 타일을 클릭하는 것입니다.

하지만 더 빠르게 하기 위해 스포이트에서 '색 자동 등록'을 선택하겠습니다.

색상 세트에 원치 않는 색상이 실수로 추가되는 것을 원치 않는다면 사용 후 이 기능을 끄는 것이 좋습니다. 실수로 추가했다면 언제든지 휴지통 아이콘으로 삭제하거나 화살표 아이콘으로 다른 색상으로 교체할 수 있습니다.

 

Ctrl 키를 누른 채 드래그하여 색상을 재배열할 수도 있습니다. -하지만 이 컨트롤은 메뉴>순서 변경>드래그를 클릭하여 변경할 수 있습니다. >보기(S)>원하는 크기로 이동하여 타일 크기를 조정할 수도 있습니다.

이제 만족스러우니 나중에 사용할 수 있도록 저장해 봅시다. 메뉴 아이콘>색상 세트 내보내기로 이동하여 저장하고 싶은 폴더를 찾으십시오. 이렇게 저장하면 우리 장치로 가져올 수 있을 뿐만 아니라 클립 스튜디오 에셋의 다른 크리에이터들과 공유할 수도 있습니다.

이제 모든 준비가 끝났으니 그림을 채워나가기 시작할 것입니다.

‘스포이트 방식’

이전에 기본 색상을 선택하고 평면 색상을 깔았으니 이제 음영 등을 추가해야 합니다. 전체 음영 처리 과정을 포함하지는 않겠지만, 제가 '스포이트와 번짐' 기술이라고 부르는 색상 선택에 대한 또 다른 팁을 드리고 싶습니다.

 

색상을 겹치거나 혼합할 수 있는 모든 보조 도구를 사용하여 두 색상이 혼합되는 교차점에서 색상을 스포이트할 수 있습니다. 새 색상을 세트에 저장하거나, 그 색상으로 칠하고 과정을 반복하여 음영을 부드럽게 만들 수도 있습니다.

하지만 너무 과도하게 사용하지 않도록 주의하세요. 과도하게 사용하면 색상이 '칙칙'해질 수 있습니다.

(색상) 혼합 모드

첫 번째 그림이 완성되었습니다. 하지만 한 가지, 나뭇잎의 '녹색'이 마음에 들지 않습니다. 하지만 수동으로 덧칠하는 것은 너무 많은 시간이 걸리므로 대신:

 

색상 혼합 모드를 사용하겠습니다. 새 레이어를 추가한 다음 일반>색상을 선택합니다. 이렇게 하면 아래 레이어의 색조와 채도를 변경할 수 있으며, 명도에는 영향을 미치지 않습니다.

화면 색상 가져오기

이제 두 번째 그림과 다른 일련의 방법으로 넘어갑시다.

 

현재 다른 창에 색상 영감을 위한 참고 그림이 열려 있지만, 일반 스포이트로는 접근할 수 없습니다. 대신 편집>화면 색상 가져오기로 이동해야 합니다.

이제 스포이트로 추출한 색상을 일러스트레이션에 사용해 볼 생각입니다—아니요—사진에서 색상을 사용하는 것은 이상적이지 않습니다. 색상이 이미 혼합되어 있기 때문입니다. 대신 우리가 원하는 것은 나중에 혼합할 시작 색상입니다. 물론 이 방법을 사용할 수도 있지만, 눈을 훈련하고 싶다면 색상을 참고 자료나 영감으로 사용하여 필요한 시작 색상을 추정하는 것이 좋습니다.

모자이크 필터

작업을 훨씬 쉽게 하려면, 이미지를 프로그램으로 가져온 다음 필터—>효과—>모자이크로 이동하여 이미지의 색상을 단순화할 수 있습니다. 나타나는 슬라이더를 사용하여 타일을 조정할 수 있습니다.

하지만 이미지에서 색상을 얻는 훨씬 더 쉬운 방법이 있다는 것을 알고 계셨나요?

 

이 팁을 위해서는 컴패니언 모드로 이동해야 합니다.

[컴패니언 모드 설정]

컴패니언 모드를 처음 사용한다면, 먼저 휴대폰에 CSP가 설치되어 있어야 합니다. (라이선스 여부와 관계없이 작동하므로 무료 버전을 사용하더라도 걱정하지 마세요.) 다음으로, 컴퓨터에서 '휴대폰 연결' 아이콘을 클릭해야 합니다. 그러면 휴대폰에서 동일한 아이콘을 클릭하여 스캔할 수 있는 QR 코드가 생성됩니다.

그게 다입니다. 컴패니언 모드를 성공적으로 활성화했습니다. 이제 휴대폰을 컴퓨터의 컨트롤러로 사용할 수 있습니다. 처음에는 컴패니언 모드에서 휴대폰을 사용하는 것이 느리고 랙이 있을 것이라고 생각했지만, 놀랍게도 매우 부드럽게 작동합니다. 컴패니언 모드에는 많은 기능이 있지만, 오늘은 보조 보기와 색상 혼합 팔레트에만 집중하겠습니다.

보조 보기 [컴패니언 모드]

다시 팁으로 돌아와서, 휴대폰의 보조 보기를 사용하여 이미지에서 색 구성표를 자동으로 생성할 수 있습니다! 폴더를 클릭하고 이미지를 선택하여 테스트해 봅시다. 즉시 그림 하단에 새로운 색상 팔레트가 나타나는 것을 볼 수 있습니다. 아쉽게도 이 기능은 PC 버전에서는 작동하지 않습니다.

색상 혼합 팔레트 [컴패니언 모드]

컴패니언 모드의 이 새로운 팔레트로, 새로 추가된 색상 혼합 팔레트에서 색상을 실험해 봅시다.

 

색상 혼합 팔레트는 전통적인 팔레트 사용 방식을 모방합니다.

 

보조 보기에서 생성된 색상을 클릭하여 색상 혼합 팔레트 탭으로 이동한 다음 선택한 브러시로 칠할 수 있습니다.

또한 왼쪽으로 스와이프하고 더하기 아이콘을 클릭하여 이 색상들을 탭의 색상 세트에 저장할 수 있습니다. 반대로 타일을 길게 눌러 삭제할 수도 있습니다.

이제 번짐(smudge) 도구를 선택하고 색상들을 혼합하여 마음에 드는 것을 찾을 수 있는지 확인해 보겠습니다.

하지만 지금은 밝은 색상이 잘 보이지 않으므로 메뉴로 이동하여 배경 색상을 더 어둡게 변경해 보겠습니다.

좋습니다. 그런 다음 스포이트 도구를 클릭하거나 길게 눌러 특정 색상을 선택할 수 있습니다. 이 색상은 PC에 자동으로 나타나며, 이를 색상 세트 팔레트에 저장할 수 있습니다.

PC의 색상 혼합 팔레트

색상 팔레트에는 유용하게 사용할 수 있는 또 다른 기능이 있습니다. 바로 현재 보조 도구를 혼합 팔레트 브러시로 사용하는 옵션입니다.

 

아쉽게도 이 기능은 이 튜토리얼을 제작하는 시점에서는 휴대폰에서 작동하지 않으므로, 지금은 PC에서 휴대폰 연결 아이콘을 다시 클릭하여 컴패니언 모드를 닫겠습니다.

이제 휴대폰에 나타나지 않는 이 새로운 아이콘을 클릭합니다. 이렇게 하면 캔버스에서 사용하는 것과 동일한 보조 도구를 사용할 수 있습니다. 이 경우, 그것은 둥근 혼합 브러시입니다.

또한 메뉴>현재 보조 도구 등록>브러시 1 교체로 이동하여 색상 혼합 팔레트에 브러시로 등록할 수도 있습니다.

 

나중에 기본값으로 되돌리고 싶다면 메뉴>현재 보조 도구 등록>기본값으로 재설정으로 돌아가면 됩니다.

초기 색상 구성표 준비를 마친 것 같으니, 이제 그림을 그리기 시작할 것입니다.

추가 색상 찾기를 위한 혼합 모드

*간단한 팁으로, 이전에 색상 혼합 모드를 사용했던 것처럼 다른 혼합 모드를 사용하여 색상을 선택하는 데 도움을 받을 수 있습니다. 예를 들어, 새 레이어를 추가하고, '일반'을 '곱하기'로 변경한 다음, 더 밝은 색상을 선택하고, 식은 죽 먹기처럼 그림자를 추가할 수 있습니다.

다른 혼합 모드를 설명하려고 시도하지는 않겠지만, 대략적인 아이디어는 이해하실 겁니다. 혼합 모드 레이어의 색상이 처음에 선택한 색상과 동일하게 나타나지 않으므로 실수로 잘못된 색상을 선택하지 않도록 주의하세요. 마찬가지로, 아래 레이어의 영향을 받은 색상도 겹쳐졌을 때 원래 형태와 다르게 나타날 것입니다.

보정 레이어로 색상 편집하기

그림이 완성되었습니다. 첫 번째 그림과 나란히 놓았을 때 색상이 다소 일관성이 없습니다. 색상 혼합 모드를 여전히 사용할 수 있지만 너무 번거로울 것입니다. 대신 색조 보정을 사용할 수 있습니다.

 

이는 편집->색조 보정->색조 및 채도에서 접근할 수 있지만, 훨씬 더 좋고 비파괴적인 방법은 레이어를 마우스 오른쪽 버튼으로 클릭하여 새 보정 레이어->색조 및 채도로 이동하는 것입니다. 이를 추가함으로써 그림 전체 또는 특정 부분의 색상을 편집하면서도 나중에 변경할 수 있습니다.

다양한 종류의 보정 레이어가 있습니다. 직접 실험해 보면서 자신에게 도움이 되는 것을 찾아보세요.

컬러라이즈(색상화) 기술

마지막으로, 촉박하게 작업하는 아티스트들을 위해 컬러라이즈(기술 미리보기)를 소개합니다.

 

이 기능은 소프트웨어가 색상을 결정하고 그림을 채색하도록 해줍니다.

 

사용하려면 먼저 등대 아이콘을 클릭하여 선화 레이어를 참조 레이어로 설정한 다음, 편집>컬러라이즈(기술 미리보기)>모두 컬러라이즈로 이동합니다. 데이터는 CSP로 전송되지만 개인 정보는 포함되지 않으니 걱정하지 마세요.

완료되면 몇 초 안에 전체 그림이 자동으로 채색되는 것을 볼 수 있습니다.

 

이미 색 구성표가 있다면, 프로그램에 그것을 채색에 사용하도록 지시할 수 있습니다. 이때 선화 레이어 아래에 색상을 추가한 다음, 편집>컬러라이즈(기술 미리보기)>힌트 이미지 사용 및 컬러라이즈로 이동합니다.

결과물은 최종 그림처럼 보이지 않을 수 있지만, 시작하기에 분명히 좋은 지점입니다.

수동 음영 처리를 통해 다듬겠습니다.

그림 작업이 끝났습니다!

보조 색상

하지만 끝내기 전에, 색상 구성표가 무엇이든 CSP에서 일관된 색상을 자동으로 선택하는 쉬운 방법을 보여드리겠다고 약속했습니다. 이를 위해서는 렌치 아이콘을 클릭하여 브러시 설정으로 이동하고, 색상 지터(color jitter)로 이동하여 '브러시 끝 색상 변경'을 선택한 다음 보조 색상 혼합을 30으로 늘려야 합니다. 또한 눈 아이콘을 눌러 도구 속성 바에 표시하겠습니다.

이것을 사용하면 보조 도구에 특정 색상을 선택할 수 있으며, 주 색상으로 선택하는 모든 후속 색상에는 보조 도구 색상의 일정 부분이 혼합됩니다. 이렇게 하면 색상들이 항상 서로 어울리게 됩니다.

결론

제가 사용하는 클립 스튜디오 페인트의 모든 색상 선택 방법을 포함했기 때문에 튜토리얼이 길어진 점 죄송합니다. 제가 보여드린 방법들은 개별적으로 사용하거나 서로 조합하여 사용할 수 있습니다. 어떤 것들은 더 간단하고 어떤 것들은 더 사용자 정의가 가능합니다. 하지만 결국 가장 중요한 것은 그 중 어떤 것이 여러분에게 가장 잘 맞는지입니다.