"원래의 색상을 그대로 유지하면서 과감하게 색상을 놀아보세요!" 》

이번 주제는 "컬러풀 일러스트"입니다.

 

혹시 곤란한 상황을 겪어보신 적이 있나요?

제가 그리려는 사람과 사물의 고유한 색상^이 컬러풀하지 않아요! 그린 일러스트의 색상이 매우 밋밋하고 둔해요! 하지만 원래 그런 것들이 설정된 것이기 때문에 색상을 마음대로 바꿀 수 없어요!

 

^내재적 색상: 사물 자체의 색상을 말합니다. 예를 들어, 깨끗한 눈은 하얗고, 나무는 갈색이에요.

 

그럼 일러스트를 더 컬러풀하게 만들려면 어떻게 해야 할까요?

이 TIPS에서는 이런 제한된 상황에서 컬러풀한 일러스트를 그릴 수 있는 몇 가지 작은 방법을 알려드리겠습니다.

 

 

[초보자를 위한 색상의 기본 소개]

이 부분에서는 나중에 기사에서 사용될 용어를 설명하기 위해 기본 색상 원리를 간략하게 소개합니다.

이미 어느 정도 기초가 있는 독자는 "준비 작업"으로 바로 이동하여 공식적으로 시작할 수 있습니다.

 

 

✧ HSV 및 HLS 색상 모델 소개

색상을 나타내는 데 일반적으로 사용되는 색상 모델은 여러 가지가 있습니다.

가장 잘 알려진 것 중 하나는 HSV 시스템입니다.

 

HSV의 문자는 다음을 의미합니다.

H: "색상" 색조 [빨강>노랑>초록>파랑>보라>마젠타: 0~359]

S: "채도" 채도 [회색~색상: 0~100]

V: "값/밝기" 밝기 [어두움~밝음: 0~100]

 

색상 원은 다음과 같이 표시됩니다.

또한 Clip Studio Paint에는 또 다른 내장 색상 모델인 "HLS 모델"이 있습니다.

다음 위치를 클릭하여 변환할 수 있습니다.

HLS의 문자는 다음을 의미합니다.

H: "색상" 색조 [빨강>노랑>초록>파랑>보라>마젠타: 0~359]

L: "명도" 밝기 [어두움~밝음: 0~100]

S: "채도" 채도 [회색~색상: 0~100]

 

사용 중인 HSV 모델과 매우 유사합니다. 개인 취향에 따라 색상을 선택하는 데 사용할 모델을 선택할 수 있습니다.

 

 

✧ 색상 원리 용어 소개

• 고유 색상: 자연광 아래에서 물체의 색상.

색상 매칭 방법:

• a. 유사 색상: 색조환의 양쪽에 있는 물체 색상의 색상은 함께 사용하면 사람들에게 편안하고 자연스러운 느낌을 줍니다.

• b. 보색: 색조환의 색상과 정반대인 색상은 함께 사용하면 사람들에게 강한 임팩트를 줍니다.

• c. 측면 보색 매칭: 색조환의 정반대 색상을 사용합니다.

• d. 분할 보색 매칭: 색조환의 양쪽에 있는 물체 색상과 정반대 색상을 사용합니다.

• e. 삼각형 색상 매칭: 색상환에서 직각 삼각형 위치에 세 가지 색상을 사용하면 사람들에게 임팩트감을 줄 수도 있지만 보색보다 더 화려할 것입니다.

• f. 직사각형 색상 매칭(사각형 색상 매칭): 색상환의 직사각형 위치에 있는 네 가지 색상을 사용하여 색상을 더 화려하게 만들지만 색상 균형에 주의해야 합니다.

【준비작업】

시작하기 전에, 작업을 용이하게 하기 위해 그리는 그림을 최소한 다음 레이어로 나누어주세요:

1. 선화

2. 피부색 음영

3. 눈과 피부색의 언더그라운드 색상(본질적 색상)

4. 메인 섀도우

5. 배경색(본질적 색상)

6. 배경

 

여기서 눈과 피부색은 특별히 분리되어 있는데, 이 두 부분의 색상은 제어하기 어렵기 때문입니다.

또한, 앞면과 뒷면 배경을 캐릭터와 분리하거나, 그림자 레이어를 두 개 이상 두는 등, 자신의 선호도에 따라 세분화할 수 있습니다.

 

 

✧ 샘플 사진

이 샘플 그림의 내용은 "식물에 둘러싸인 선원복을 입은 아시아 소녀"입니다. 캐릭터의 생물학적 특성 색상(예: 검은 머리카락, 검은 눈)과 잎의 고유 색상(녹색)은 결정되어 있으며 마음대로 변경할 수 없습니다.

 

설명을 쉽게 하기 위해 셀(색상 블록) 채색 스타일을 사용했습니다. 하지만 사실 다른 채색 스타일의 일러스트를 사용해도 괜찮습니다.

또한, 일러스트레이션에서 색상을 마음대로 변경할 수 있는 부분이 있는지 알아보세요. 이 부분은 나중에 전반적인 그림 조정 및 버퍼링에 사용할 수 있습니다.

 

예시 그림에서 캐릭터와 잎의 고유한 색상이 고정되었기 때문에 하늘을 색상이 자유롭게 변경되는 부분으로 표시하기로 했습니다.

첫째, 하늘은 파란색 외에도 주황색과 보라색과 같은 다른 색상으로도 변경될 수 있습니다. 둘째, 이 일러스트에서 하늘의 중요성은 캐릭터와 잎의 중요성보다 낮기 때문에 독자는 상대적으로 하늘을 별로 신경 쓰지 않아 주의가 덜 기울어집니다. 아티스트에게 변경할 수 있는 여지를 더 주세요.

 

때로는 이 부분만 변경해도 색상 대비 효과를 얻을 수 있습니다. 아래에서 하늘을 빨간색 배경으로 바꾸었습니다. 그림의 추가 효과를 느끼시나요?

물론, 그림의 테마에 따라 푸른 하늘 배경을 유지하고 싶다면 괜찮습니다. 여러분의 참고를 위해 다양한 처리 방법을 아래에 소개합니다!

1. [채도가 높은 그림자를 사용하세요]

✧ 원래 그림자를 채도가 높은 색상으로 변경합니다.

여기서 그림자를 채도가 높고 명도가 낮은 보라색으로 변경했습니다.

 

그림자 레이어 속성 설정에 대한 정보:

• 그림자 범위에 고유 색상이 하나만 포함된 경우 일반 또는 색상 증가 레이어 속성을 사용할 수 있습니다.

• 그림자 범위에 고유 색상이 두 개 이상 있는 경우 색상 부스트와 같은 레이어 속성을 사용합니다.

예를 들어, 잎의 그림자 레이어는 일반 또는 색상 추가를 사용할 수 있습니다(고유 색상이 "녹색" 하나뿐이기 때문).

옷의 그림자 레이어는 색상 향상을 사용해야 합니다(칼라, 리본 등이 다른 색상이기 때문).

피부 톤과 눈은 다른 위치와 같은 보라색을 사용할 수 없으며 밝기와 채도를 낮춰야 합니다.

 

눈의 그림자 색상은 주요 그림자 색상(보라색)과 색조가 비슷할 수 있지만 채도는 낮을 수 있습니다.

피부 색상의 음영은 자연스러운 색상에 가까워야 합니다.

(또한, 사진과 일치하도록 하늘색의 채도를 높였습니다)

그림자를 추가한 후 본래의 색상이 보이지 않으면 그림자 색상의 채도를 낮출 수 있습니다.

예를 들어 아래 그림에서 빨간색 음영을 사용하면 세일러복의 파란색 칼라가 원래 색상과 구별할 수 없게 됩니다. 그래서 색조는 그대로 유지하면서 대략적인 본래 색상을 알아볼 수 있을 때까지 채도를 낮췄습니다.

✧ 그림자 색상 선택 방법

색조 색상 수:

그림의 통일성을 유지하기 위해 초보자는 하나의 그림자 색조 색상으로 시작한 다음 선택한 색상에 따라 눈과 피부 색상 음영을 미세 조정하는 것이 좋습니다. 특정 부분이 좋지 않으면 해당 부분의 그림자 채도와 밝기를 조정하여 균형 잡힌 효과를 얻을 수도 있습니다.

익숙해지면 비슷한 음영(즉, 두 가지 이상의 색상)을 사용하고 점차적으로 색상 범위를 확장해 보세요!

 

색조를 결정하는 방법:

먼저 그림에서 "가장 큰 부분을 차지하는 자연스러운 색상"을 찾은 다음 자연스러운 색상의 보색 또는 보색에 인접한 색상을 선택합니다.

 

예시 그림에서 가장 큰 비중은 잎의 "녹색" 색상입니다. 따라서 위에서 음영이 작동하는 방식의 예로 빨간색과 보라색을 사용했습니다. 녹색과 같은 비슷한 색상을 사용하면 색상 영향 효과가 빨간색과 보라색만큼 좋지 않습니다.

아래와 같이 청록색이 살짝 들어간 그림자 색상을 사용했는데, 나란히 비교하면 원본 이미지와 매우 비슷한 느낌이고 빨간색이나 보라색 그림자만큼 효과적이지 않다는 것을 분명히 알 수 있습니다.

 

 

채도 결정 방법:

색상을 더 화려하게 만들려면 채도가 더 높은 색상으로 시작한 다음 개인의 요구 사항(예: 눈과 피부 톤)에 따라 미세 조정하는 것이 좋습니다.

 

명도 결정 방법:

초보자는 자연스러운 색상보다 명도가 낮은 색상을 선택하거나 "색상 향상" 레이어를 사용하여 그림자를 추가하여 "그림자는 어두운 곳"이라는 원칙을 유지하는 것이 좋습니다.

숙련되면 간단한 구조의 객체 그림자를 더 밝은 색상으로 변경해 볼 수 있습니다. 기분 좋게 놀라실 겁니다!

 

예를 들어 아래에서 잎의 그림자로 밝은 분홍색을 사용한 다음 하늘을 분홍색 보색으로 변경해 보겠습니다. 어떻게 생각하세요?

2. [원래 검은색이었던 부분을 다른 채도가 높은 색상으로 대체]

✧ 다른 채도가 높은 색상으로 바꿀 부분을 선택하세요

• 선 그리기

• 오클루전 섀도우(즉, 전체 그림에서 가장 어두운 섀도우 위치를 삽입)

• 다른 매우 어두운 위치를 선택할 수도 있습니다

여기의 섀도우와 첫 번째 부분에서 언급한 섀도우의 차이점은 "전체" 섀도우를 선택하는 대신 "가장 어두운" 부분만 선택된다는 것입니다. 물론, 자신의 선호도에 따라 선택할 부분의 수를 결정할 수도 있습니다. 선 그리기 부분만 선택하는 데는 문제가 없습니다.

 

 

✧ 교체할 색상 선택 방법

• 채도가 높은 색상으로 시작할 수 있습니다—[예제 I, II]

• 밝기에 주의하세요. 색상이 너무 밝으면 사람들이 객체의 원래 구조를 볼 수 없습니다(특히 선택한 위치에 그림자가 많은 경우) - [예제 III: 캐릭터의 손에 잡힌 머리카락은 실제로 잘 보이지 않습니다. 무엇입니까?]

• 여러 유사한 색상의 그라데이션을 추가하여 흥미를 더할 수 있습니다—[예제 IV: 보라색~빨간색 그라데이션 추가]

3.【후반작업을 위한 필터 방식 사용】

이 섹션에서는 이미지를 수정하지 않고도 일러스트를 더 다채롭게 만들기 위해 후처리 방법을 사용하는 방법에 대해 중점적으로 설명하겠습니다.

✧ A. 채도 증가

크로마를 높이려면 위에 톤 보정 레이어를 추가합니다. 밝기는 전반적인 효과에 따라 미세 조정할 수 있습니다.

 

이 방법은 그림의 색상을 더 풍부하게 만들 수 있지만 그림에 다른 색조의 색상을 더 추가하지는 않으므로 보조 기능으로 간주하여 아래의 다른 후반 작업 방법과 함께 사용할 수 있습니다.

✧ B. 기존 색상을 다른 다채로운 이미지로 조정

이 소재를 일러스트레이션 상단에 추가하고 레이어 속성을 "실선 오버프린트 혼합"으로 조정했습니다. 투명도는 30%로 설정했습니다.

 

이 일러스트레이션은 색상 블록 채색 스타일을 사용하므로 이 레이어 속성을 사용하여 색상 블록 느낌을 얻었습니다. "밝게 하기" 및 "작은 광원"과 같은 다른 레이어 속성도 좋은 선택입니다.

 

이 작업은 미세한 관점에서 일러스트레이션에 생생한 색상 감각을 추가할 수 있습니다. 이제 잎이 두 가지 이상의 색상을 가지고 있지만 여전히 "녹색" 속성을 유지하는 것을 볼 수 있습니다.

 

 

✧ C. 기존 화면에 다른 다채로운 이미지 추가

이 소재를 일러스트레이션 상단에 추가하고 레이어 속성을 "스크린"으로 조정하고 불투명도를 75%로 설정했습니다.

 

일러스트레이션의 내용이 실외이기 때문에 렌즈가 태양을 굴절시켜 생성되는 광선을 추가하는 것도 좋은 선택입니다.

기성 이미지 픽셀 외에도 무지개색 프리즘 브러시를 사용하고 "오버레이"와 같은 레이어 속성을 사용할 수도 있습니다.

 

이 작업을 통해 그림에 다양한 색조의 색상을 직접 추가할 수 있습니다. 비슷한 색상만 있는 이미지를 사용하더라도 원본 이미지와 다른 색상 시스템이라면 꽤 좋은 결과를 얻을 수 있습니다.

4.【추가 도색 아이템】

기존 아이템의 고유한 색상은 변경할 수 없으므로 색상을 증가시키려면 다른 객체를 추가하세요!

 

 

✧ D. 컬러 프레임 추가

여기서 노란색-주황색 그라데이션이 있는 두꺼운 테두리를 추가하고 레이어 속성을 "작은 광원"으로, 불투명도를 50%로 조정했습니다.

 

 

✧ E. 어떤 색상으로든 채울 수 있는 패턴을 추가합니다.

장식 패턴을 말합니다.

별, 하트, 물방울 무늬, 다이아몬드, 선 패턴 등 어떤 색상으로든 채울 수 있으며, 모두 사용할 수 있습니다. 어떤 패턴이 일러스트 테마와 스타일과 어울리는지에 따라 달라집니다.

 

 

✧ 페인트칠한 아이템의 색상 선택 방법

"일러스트레이션에서 가장 큰 부분을 차지하는 자연색"의 보색 또는 측면 보색을 사용하는 것이 좋습니다.

칠해진 아이템은 유사한 색상을 사용합니다.

이렇게 하면 그림의 색상이 너무 어수선해 보이지 않으면서도 색조의 선명도를 높일 수 있습니다.

 

예시 그림에서 잎의 "녹색" 색상이 가장 큰 비중을 차지하므로 칠해진 아이템의 색상으로 "빨간색"과 이와 유사한 색상인 "노란색-주황색"을 선택했습니다.

 

 

부록: 색상 균형을 달성하는 방법

초보자에게는 색상을 선택하는 방법이 항상 까다로운 질문입니다.

참고할 수 있는 두 가지 지침은 다음과 같습니다.

 

 

1. 색상의 채도와 밝기를 조절합니다.

여러 색조를 선택한 후 서로 잘 맞지 않으면 채도와 밝기를 조정해 보세요.

 

예를 들어, 아래에서 직사각형 색상 매칭 방법을 사용하여 네 가지 색조를 생각해 냈습니다(왼쪽). 하지만 거칠고 예쁘지 않아 보입니다.

그래서 자홍색과 녹색의 채도를 낮추고 파란색의 밝기를 낮추고 빨간색은 그대로 두었습니다.

이런 방식으로 생성된 색상 매칭은 다채로움을 유지하면서 원래 매칭보다 디자인적으로 더 뛰어납니다.

2. 일러스트레이션의 테마 색상을 결정하거나 찾으세요

색상은 다른 시각 예술 분야와 마찬가지로 보기 좋게 하려면 "기본"과 "보조"로 구분해야 합니다.

 

선택한 색상을 캔버스에 균등하게 적용하지 말고 비율을 다소 조정한 후 다시 시도해 보세요.

【결론】

마무리!

색상 버전이 너무 많은데, 어떤 게 가장 마음에 드시나요?

이 교육에 대해 어떻게 생각하세요?

메시지를 남겨서 알려주세요! 이 튜토리얼이 도움이 되길 바랍니다.

 

 

【소재 사용】