그라디언트 맵에 대한 초보자 가이드

fdsfdsfdsa

이 튜토리얼은 Esra (https://profile.clip-studio.com/en-us/profile/362yzkvzw-o8)와 저 (Toffl)가 이번 달 주제 중 하나 인 "색상 보정"을 위해 공동으로 작성했습니다. 특히, 우리는 그라디언트 맵 보정 레이어에 대해 이야기하고 그것들에 관한 가장 중요한 모든 것들을 다룰 것입니다 – 그것들이 무엇인지, 어떻게 작동하는지, 어떻게 사용하는지 그리고 어떻게 그라디언트를 만드는지. 그라디언트 맵은 매우 다재다능한 도구이므로이 튜토리얼에서도 가능한 것의 표면 만 긁습니다.

또한이 튜토리얼을 YouTube 비디오로 전환했습니다. 비디오와 텍스트 버전 모두 동일한 주제를 다루므로 원하는 것을 선택하십시오. (동영상은 영어 자막과 함께 영어로 제공됩니다.)

이제 더 이상 고민하지 않고 바로 시작하겠습니다. 그러나 그라디언트 맵에 대해 실제로 이야기하기 전에 먼저 보정 레이어가 무엇인지, 왜 그렇게 유용한 지 명확히해야합니다.

수정 레이어

우선 보정 레이어 란 무엇입니까? 간단히 말해서 보정 레이어는 그 아래의 모든 레이어에 특정 효과를 적용합니다. 정확히 무엇을하는지 선택하는 보정 레이어의 종류에 따라 다릅니다. 그리고 그들에 대한 좋은 점은 그들이 비파괴 적이라는 것입니다. 즉, 효과를 되돌 리거나 언제든지 설정을 편집 할 수 있습니다.

레이어 팔레트를 마우스 오른쪽 버튼으로 클릭하여 보정 레이어를 만들 수 있으며 컨텍스트 메뉴에서 "새 보정 레이어"아래에서 선택할 수있는 9 개의 옵션이 있습니다.

거의 모든 보정 레이어에 대해 사용자 정의 가능한 설정이있는 대화 상자가 나타납니다 (지금은 무시하겠습니다).

수정 레이어 자체는 다음과 같습니다.

일반적으로 레이어의 내용을 볼 수있는 곳은 모서리에 작은 아이콘이있는 완전히 회색 상자입니다. 아이콘은 수정 레이어의 유형을 나타냅니다. 새로운 보정 레이어마다 마스크도 자동으로 생성됩니다.

나중에 언제든지 회색 상자를 두 번 클릭하여 설정을 조정할 수 있습니다. 그러면 레이어를 만들 때 본 것과 동일한 대화 상자가 열립니다.

 

 

다음으로, 이러한 모든 보정 레이어는 무엇을 할 수 있습니까? 다음은 간단한 요약입니다.

첫째, 밝기 / 대비; 이름에서 알 수 있듯이이 효과는 이미지의 밝기와 대비를 모두 변경할 수 있습니다.

Hue / Saturation / Luminosity는 색조, 채도 및 광도를 조정할 수 있습니다.

톤 곡선 효과는 그래프의 제어점을 사용하여 이미지의 RGB 채널을 조정합니다.

레벨 보정은 톤 커브와 매우 유사하지만 대신 히스토그램의 슬라이더를 사용합니다.

포스터 화 효과는 이미지의 색상 양을 설정된 수로 줄입니다.

반전 그라데이션은 모든 색상을 반전시킵니다. (추가 설정이없는 유일한 효과입니다.)

색상 균형을 사용하면 각 RGB 색상의 균형을 조정할 수 있습니다.

이진화는 이미지의 모든 색상을 순수한 검정색 또는 순수한 흰색으로 바꿉니다.

그러나 이러한 모든 보정 효과는 그라디언트 맵의 장엄함에 비해 창백합니다. 그래디언트 맵은 아마도이 9 가지 중 가장 복잡 할 것이며, 더 중요한 것은 제가 가장 좋아하는 것입니다. 이것이 우리가이 하나의 보정 레이어 전용 튜토리얼을 만든 이유입니다.

그라디언트 맵 : 정의 및 작동 방식

그래디언트 맵은 그레이 스케일 및 컬러 이미지 모두에 대해 이미지의 색상을 변경하는 간단하면서도 다양한 도구입니다.

다른 보정 레이어와 마찬가지로 "레이어"팔레트를 마우스 오른쪽 버튼으로 클릭하고 "새 보정 레이어"를 클릭 한 다음 "그라디언트 맵"을 클릭하여 그라디언트 맵 레이어를 만들 수 있습니다. 그 후에 다음 창이 나타납니다.

상단에는 캔버스에 적용될 그라디언트를 표시하는 색상 막대가 표시됩니다. 왼쪽 하단에는 선택할 수있는 더 많은 그라디언트가 있습니다. 그라디언트를 두 번 클릭하여 색상 막대에 복사합니다.

이 그라디언트 그룹을 그라디언트 세트라고합니다. 다른 그라디언트 세트에 액세스하려면 현재 그라디언트 세트의 이름을 클릭하십시오. 사전 설치되었거나 직접 생성했거나 이전에 다운로드 한 그라디언트 세트가있는 드롭 다운 메뉴가 열립니다.

다음 예에서는 사전 설치된 "Sky"그라디언트 세트에서 "Sunset (purple)"그라디언트를 선택했습니다.

추가 설정을 변경하지 않고 확인을 누르면 이미지에 다음과 같은 효과가 나타납니다.

왼쪽에는 편집되지 않은 버전이 표시됩니다. 오른쪽에는 동일한 이미지가 표시되지만 "일몰 (보라색)"이 적용되어 있습니다.

보정 레이어의 블렌드 모드 또는 불투명도를 변경하면 효과가 달라 지므로 이후 섹션에서 자세히 설명하겠습니다.

기본적으로 그라디언트 맵 보정 레이어는 이미지에있는 각 픽셀의 회색조 값 (즉, 색상이 얼마나 어둡거나 밝은 지)을 읽습니다. 그런 다음 각 픽셀에 그라디언트에 따라 새 색상이 지정됩니다. 순수한 흰색 영역은 그라디언트의 맨 오른쪽에있는 색상으로 변경되고 순수한 검정은 맨 왼쪽에있는 색상이됩니다. 중간 범위 색상은 그래디언트 중간을 따라 색상으로 변경됩니다.

대부분의 그라디언트는 왼쪽의 어두운 색상에서 오른쪽의 밝은 색상까지 다양합니다. 그러나 이것이 그래디언트 맵에서 가능한 모든 것이 아닙니다. 예를 들어, 그래디언트에 부드러운 전환이 반드시 필요한 것은 아닙니다. 어두운 곳에서 밝은 곳으로 전환 할 필요가 없으며 원하는만큼의 색상을 가질 수 있습니다.

그라디언트 맵 편집 및 만들기의 기본 사항

색상 막대 아래에는 여러 개의 작은 화살표가 있습니다. 이러한 노드는 각각 특정 색상을 정의합니다. 그라디언트의 다른 모든 색상은 이러한 색상을 혼합하여 만들어집니다.

이러한 노드를 드래그하여 다른 위치로 이동하거나 오른쪽 하단의 "위치"상자에 다른 번호를 입력 할 수 있습니다. 새 노드를 만들려면 그라디언트의 빈 곳을 클릭합니다. 오른쪽 하단의 쓰레기통 아이콘을 클릭하면 현재 선택된 노드가 삭제됩니다.

노드에 다른 색상을 지정하려면 "지정된 색상"에서 색상이 지정된 사각형을 클릭합니다. 색상 선택기가 열립니다. (대신 "기본 그리기 색상"또는 "보조 그리기 색상"을 선택할 수도 있습니다. 이름에서 알 수 있듯이 현재 선택한 기본 또는 보조 색상으로 색상이 변경됩니다. 도구 용 그라디언트를 만드는 데 유용하지만 우리는 이겼습니다. 이 튜토리얼의 주제가 아니기 때문에 그것에 대해 더 깊이 들어 가지 마십시오.)

 

중요 : 색상 막대에 대한 변경 사항은 그라디언트 세트에 자동으로 저장되지 않습니다. 그라디언트를 세트에 저장하려면 그라디언트 세트 아래에있는 버튼을 사용해야합니다.

1. 첫 번째 버튼은 현재 강조 표시된 그라디언트를 색상 막대의 그라디언트로 바꿉니다. 다른 그라디언트를 강조하려면 한 번 클릭하십시오 (두 번은 색상 막대를 덮어 씁니다).

2. 두 번째 버튼은 강조 표시된 그라디언트를 두 번 클릭하는 것과 동일합니다. 색상 막대의 그라디언트를 대체합니다.

3. 세 번째 버튼은 그라디언트 세트에서 강조 표시된 그라디언트의 복사본을 만듭니다.

4. 네 번째 버튼은 색상 막대의 그라디언트를 새 그라디언트로 저장합니다.

5. 마지막으로 쓰레기통 아이콘은 세트에서 강조 표시된 그라디언트를 삭제합니다.

이제 의도하지 않은 그라디언트를 실수로 덮어 쓰거나 삭제 한 경우 걱정하지 마십시오! "확인"대신 "취소"를 클릭하면 모든 변경 사항이 취소됩니다. 하지만 여기에는 그래디언트 맵 창을 연 이후로 변경 한 모든 내용이 포함되므로 염두에 두십시오.

 

우리가 아직 언급하지 않은 인터페이스의 마지막 영역은 혼합 속도 곡선입니다.

각 노드의 혼합 속도 곡선은 해당 색상이 오른쪽에있는 다음 노드의 색상과 혼합되는 방식을 결정합니다. 따라서 가장 오른쪽에있는 können 노드에는 혼합 속도 곡선이 없습니다. 혼합 속도 곡선은 노드 간의 모든 색상이 혼합되는 방식을 결정하므로 그라디언트의 모양을 결정하는 가장 중요한 요소 중 하나입니다.

x 축은 왼쪽 노드의 위치에서 오른쪽 노드의 위치까지의 위치를 나타냅니다. 반면에 y 축은 주어진 위치에서 오른쪽 색상과 왼쪽 색상이 혼합되는 비율을 결정합니다.

 

아래 이미지는 기본 혼합 속도 곡선 (오른쪽 검은 색 노드)을 보여줍니다. 혼합 속도 곡선 확인란이 선택되어 있지 않으면 위에 표시된 기본 곡선과 동일하게 작동합니다.

이 그래프는 완벽하게 선형이 아닙니다. 즉, 두 노드 사이의 기울기가 완벽하게 부드럽 지 않습니다. 선형 그라데이션을 만들려면 두 개의 중간 제어점을 그래프에서 멀리 드래그하여 삭제합니다.

 

아래와 같은 곡선은 색상 혼합없이 한 색상에서 다음 색상으로 직접 전환됩니다.

 

한쪽 끝은 검은 색이고 다른 쪽 끝은 흰색을 사용하여 기본 곡선과 유사한 S- 커브를 만들면 매우 어두운 회색과 매우 밝은 회색이되고 중간 톤 범위에서는 회색이 줄어 듭니다.

 

반면에 역 S- 커브는 중간 톤의 회색을 더 많이 만들고 매우 어둡거나 매우 밝은 회색은 적습니다.

 

또한 왼쪽과 오른쪽 색상 사이를 여러 번 앞뒤로 이동할 수도 있습니다.

 

세트의 그라디언트를 편집 할 수있을뿐만 아니라 완전히 새로운 그라디언트 세트를 만들 수도 있습니다. 그라디언트 세트 이름 옆에있는 공구 모양 아이콘을 클릭합니다. 여기에는 그라디언트 세트를 만드는 옵션 만있는 것이 아닙니다. 세트 또는 단일 그라디언트의 이름을 변경할 수도 있습니다.

그라디언트 맵의 가능한 용도

물론 아래에 나열된 용도로만 제한되는 것은 아닙니다. 작업에서 그라디언트 맵을 활용하는 방법에 대한 무한한 가능성이 있습니다! 이 예제는 제가 개인적으로 많이 사용하는 방법뿐만 아니라 가장 일반적이고 잘 알려진 용도 중 일부입니다.

1. 그레이 스케일 아트웍 색상 지정

100 % 불투명도 Normal로 이전에 표시된 그라디언트 맵을 사용하여 스케치 또는 단색 아트웍에 색상을 추가 할 수 있습니다. 이렇게하면 실제로 색칠하지 않고도 소셜 미디어에 게시하기 전에 간단한 낙서를 훨씬 더 흥미롭게 만들 수 있습니다.

그러나 한 단계 더 나아가 현지 색상을 추가 할 수도 있습니다. 로컬 색상은 오버레이 레이어 또는 오버레이 폴더에 있어야합니다. 이렇게하려면 오버레이 레이어의 색상이 순수한 흰색으로 표시되지 않기 때문에 용지 색상을 중간 톤 회색으로 변경하는 것이 좋습니다.

아래 이미지에는 왼쪽 및 오른쪽 버전 모두에 보라색 오버레이가 적용되어 있습니다. 보시다시피 왼쪽 버전의 백서 영역은 완전히 흰색으로 유지되었습니다.

 

일부 지역 색상을 맨 위에 칠한 후 이전의 동일한 그림이 다음과 같습니다.

위 버전에서는 단순하고 따뜻한 색조의 세피아 그라데이션을 사용했습니다. 하지만 보정 레이어는 비파괴 적이므로 그래도 돌아가서 그래디언트를 변경할 수 있습니다. 단 두 번의 클릭만으로 작품은 완전히 다른 분위기를 얻을 수 있습니다.

2. 불투명도로 선화 색칠하기

선화에서 다양한 불투명도로 작업하려는 경우 그라디언트 맵은 수동으로 색상을 지정하지 않고도 선을 훨씬 덜 흐릿하게 보이게하는 간단하면서도 효과적인 도구입니다.

먼저 선화 레이어를 폴더에 넣습니다. 선 아래에 다른 레이어를 추가하고 순수한 흰색으로 완전히 채 웁니다. 선화 위에 원하는 그라디언트로 그라디언트 맵 보정 레이어를 만듭니다.

그래디언트의 오른쪽 끝은 순수한 흰색이어야합니다. 그렇지 않은 경우 그라디언트 맵은 선화뿐만 아니라 그 아래의 모든 색상에 영향을 미칩니다. (그게 당신이 원하는 것이라면 유리하게 사용할 수 있지만,이 경우 선화 아래의 색상 레이어가 영향을받지 않기를 원합니다.)

선화는 지금까지 다음과 같이 보일 것입니다.

 

마지막 단계 : lineart 폴더의 블렌드 모드를 Multiply 또는 Linear Burn으로 변경합니다. 이 두 가지 혼합 모드를 사용하면 흰색 영역이 투명 해 지므로 아래의 색상이 다시 표시됩니다.

 

아래 이미지는 이전과 이후를 보여줍니다. 이전 방법보다 미묘한 효과이지만 멋진 마무리 터치를 만듭니다.

 

이 방법을 사용하여 명심해야 할 한 가지는 평면 색상이 충분히 깨끗하지 않고 선화가 상당히 밝 으면 평면 색상의 가장자리가 표시된다는 것입니다. 선화가 전반적으로 상당히 어두우면 문제가되지 않습니다.

3. 오버레이로 대비 조정

이것은 컬러 아트웍에 마무리 터치를 추가하는 또 다른 빠르고 간단한 트릭입니다. 그라디언트 맵은 대비를 높이거나 낮출뿐만 아니라 색 구성표도 조화를 이룹니다.

평소처럼 그라디언트 맵 레이어를 추가합니다. 대비를 높이려면 그라디언트가 왼쪽의 어두움에서 오른쪽의 밝음으로 전환되어야합니다. 반면에 밝은 곳에서 어두운 곳으로 변화하는 그라디언트는 이미지의 대비를 감소시킵니다.

 

그라디언트 오른쪽에있는 버튼을 사용하여 그라디언트 맵의 방향을 뒤집을 수 있습니다.

 

 

그라디언트 맵 수정 레이어는 다른 모든 레이어 위에 있어야합니다. 다음으로 보정 레이어의 혼합 모드를 오버레이로 설정하고 필요한 경우 불투명도를 줄여야합니다.

이 경우에는 어둡거나 밝은 그라디언트 맵 (대비 증가)을 사용했습니다. 왼쪽에는 그라디언트 맵 오버레이가 100 %로 표시되고 오른쪽에는 불투명도가 50 %로 낮아집니다.

 

4. 이미지를 그레이 스케일로 전환

그라디언트 맵 보정 레이어를 사용하는 것이 이미지를 그레이 스케일로 정확하게 전환하는 가장 쉬운 방법입니다. 기술적으로 Hue / Saturation / Lightness 레이어를 추가하고 채도를 0으로 설정하는 것이 기술적으로 더 쉽기 때문에 "정확하게"는 여기서 중요한 단어입니다. 저는 후자를 사용하여 내 작품의 값을 확인했습니다. 그것에 대해 갈 방법. 내가 한 똑같은 실수를하지 마십시오.

그 이유에 대해 자세히 설명하지는 않겠지 만, 직접 확인하실 수 있듯이 결과는 매우 다양합니다.

채도가 0 % 인 버전은 다른 두 버전과 다르게 보입니다. 노란색은 원래보다 훨씬 더 어둡고 파란색은 너무 밝습니다.

 

예제에서 사용 된 것과 같은 회색조 그라디언트 맵을 만들려면 한쪽 끝에 검은 색을 추가하고 다른 쪽 끝에 흰색을 추가 할 수는 없습니다. 블랙 노드의 혼합 속도 곡선은 선형이어야합니다. 혼합 속도 곡선을 기본값으로두면 이미지의 대비가 약간 증가합니다.

그라디언트 맵을 다운로드하는 방법

직접 만들지 않고 더 많은 그라디언트 맵을 사용하려면 CLIP STUDIO Assets에서 그라디언트 맵을 다운로드 할 수 있습니다.

(이 튜토리얼에서 사용 된 많은 그라디언트는 Assets에서 무료로 다운로드 할 수 있습니다. 내 사용자 이름 "toffl"을 검색하거나 내 프로필을 방문하십시오)

먼저 다른 브러시 또는 재질과 마찬가지로 자산으로 이동하여 원하는 그라디언트 세트를 찾은 다음 오른쪽 상단의 다운로드 버튼을 클릭해야합니다. 다음으로 그라디언트 맵 레이어를 만들고 그라디언트 세트 이름 옆에있는 렌치 아이콘을 클릭 한 다음 "Import material set"을 클릭합니다. 다운로드 한 그라디언트 세트가있는 새 창이 열립니다. 하나를 선택하고 확인을 클릭하면 그라디언트 세트 목록에 추가됩니다.

(이 튜토리얼에서 사용 된 많은 그라디언트는 Assets에서 무료로 다운로드 할 수 있습니다. 내 사용자 이름 "toffl"을 검색하거나 내 프로필을 방문하십시오)

프로세스 연습 : 진정한 가치 그라디언트 맵 만들기

제 작업에서는 거의 독점적으로 "진정한 가치"그라디언트를 사용합니다. (내가 그 용어를 직접 만들었습니다. 다른 일반적인 용어가 있는지 모르겠습니다.) 자, 그게 정확히 무엇을 의미합니까?

처음에 설명했듯이 그라디언트 맵은 값에 따라 이미지의 모든 색상에 새 색상을 할당합니다. true to value 그래디언트 맵은 새 색상의 값이 기본 색상의 값과 일치하는지 확인합니다. 즉, 새 색상은 이전 색상과 다른 색조 또는 채도를 가질 수 있지만 값은 동일하게 유지됩니다.

즉, 그라디언트가 이미 선택한 값을 변경하는 것에 대해 걱정할 필요가 없습니다.

 

다음으로 그래디언트를 만드는 방법에 대해 설명하겠습니다.

1 단계 : 그라디언트 끝에 순수한 검정 및 순수한 흰색 노드를 배치합니다.

2 단계 : 그라디언트를 구성 할 색상을 추가합니다. 색상은 원하는만큼 많거나 적을 수 있지만 더 많은 색상을 사용할수록 그라디언트를 완료하는 데 더 오래 걸립니다.

이 경우 짙은 녹색, 남색, 라벤더 및 노란색으로 4 개의 노드를 추가했습니다.

각 색상 노드의 위치 값은 색상의 HLS 밝기 값과 일치해야합니다 (적어도 지금은). 이렇게하면 각 색상이 가치에 대한 진실로 간주 될 수있는 적절한 위치에 있어야합니다.

예를 들어 노란색의 HLS 밝기가 90이면 위치 90으로 이동하고 모든 노드에 대해 반복합니다.

3 단계 : 모든 노드의 혼합 속도 곡선을 선형으로 설정합니다. 이렇게하려면 "혼합 률 곡선"상자를 선택하고 두 개의 중간 제어점을 그래프에서 멀리 끌어서 삭제합니다.

4 단계 : 마지막 단계는 값을 조정하는 것입니다. 이렇게하려면 먼저 다음과 같이 캔버스를 설정해야합니다.

먼저 완벽하게 매끄러운 검정색에서 흰색 그라디언트로 레이어를 만듭니다. 편집하려는 그라디언트 맵은 그 위에 있어야합니다. 마지막으로 맨 위에 회색조 그라디언트 맵이있는 또 다른 그라디언트 맵 레이어가 있어야합니다.

우리가 작업해온 그라디언트 맵을 켜고 끄면 결과가 약간 변경되는 것을 알 수 있습니다.

이제 목표는 이전과 이후가 최대한 비슷하게 보이도록 새 그라디언트 맵을 변경하는 것입니다. 색상의 HLS 밝기를 변경하거나 색상을 다른 위치로 이동하면됩니다. 그런 다음 그라디언트 맵을 켜고 꺼서 값을 다시 확인해야합니다. 결과에 만족하기 전에이 과정을 여러 번 반복해야 할 것입니다.

일반적으로 파란색과 보라색은 왼쪽 (어두움)쪽으로 더 가깝게 이동해야하는 반면 노란색과 주황색은 오른쪽 (밝은)쪽으로 밀어야합니다.

(새 그라디언트 맵과 그레이 스케일 그라디언트 맵이 모두 켜져있을 때 제거 할 수없는 일부 아티팩트가 그라디언트에 나타날 수도 있습니다. 왜 그런 일이 가끔 발생하는지 모르겠으므로 무시하기로 선택했습니다. )

결론 및 소셜 미디어

그리고 그것은 이미 그라디언트 맵의 세계에 대한 우리의 짧은 여정의 끝입니다.

이 튜토리얼이 어떤 식 으로든 도움이 되었기를 바랍니다. 그라디언트 맵을 적용하는 몇 가지 기본 방법 만 다루었으므로 탐색 할 수있는 가능성이 더 많습니다!

처음에 언급했듯이이 튜토리얼은 두 명의 아티스트가 만들었습니다. Esra는 비디오를 편집하고 애니메이션을 적용했으며 I (Toffl)는 튜토리얼을 작성하고 음성을 녹음했습니다. 이 튜토리얼에 사용 된 모든 그림, 애니메이션 및 비디오는 우리 중 한 사람이 제작했으며 사용 된 모든 그라디언트는 CLIP STUDIO PAINT에 사전 설치되었거나 제가 직접 제작했습니다.

인스 타 그램, 트위터 또는 아트 스테이션에서 팔로우하여 더 많은 아트 및 기타 콘텐츠를 확인하세요.

 

에스라 : esra_arts (twitter, Instagram)

(클립 스튜디오 프로필 : https://profile.clip-studio.com/en-us/profile/362yzkvzw-o8)

 

Toffl : ktoffl (인스 타 그램, 아트 스테이션)