Photoshop 2023에서 라이브 그라디언트를 사용하는 방법

조회수 453

Photoshop 2023의 라이브 그라디언트는 그라디언트를 그 어느 때보다 쉽게 그리거나 편집할 수 있게 해줍니다. 이 단계별 튜토리얼은 라이브 그라디언트를 그리거나 편집하고, 사용자 지정 그라디언트 사전 설정을 저장하고, 이미지에 그라디언트를 적용하는 방법 등을 보여줍니다!

이 튜토리얼에서는 Photoshop 2023에서 라이브 그래디언트를 사용하여 그래디언트를 그리거나 편집하는 것이 얼마나 쉬운지 보여드립니다 .

라이브 그라디언트는 여러 가지 이유로 포토샵의 기존 그라디언트에 비해 크게 개선되었습니다. 첫째 , 그라디언트를 그릴 때의 새로운 라이브 미리보기 입니다. 둘째, 라이브 그라디언트는 편집 가능 하고 파괴적이지 않습니다 . 셋째, 라이브 그라디언트에는 색상, 크기, 그라디언트 각도 등을 조정하기 위한 새롭고 직관적인 캔버스 컨트롤이 포함됩니다 . 그럼 작동 방식을 살펴보겠습니다.

먼저 라이브 그래디언트를 그리거나 편집하는 데 필요한 모든 것을 보여드리고, 그다음 사진에 그래디언트를 사용하는 실제 사례를 살펴보겠습니다.

문서 설정

이 튜토리얼에서는 먼저 흰색 배경을 가진 새 문서를 만들었습니다.

원본 포토샵 문서.

원본 포토샵 문서.

Photoshop에서 라이브 그래디언트를 그리는 방법

Photoshop에서 라이브 그라디언트를 그리는 단계는 다음과 같습니다. 그라디언트를 그린 후에는 색상, 크기, 각도, 불투명도 등을 편집하는 방법을 보여드리겠습니다.


1단계: 그라디언트 도구 선택

먼저 도구 모음 에서 그래디언트 도구를 선택합니다 (또는 키보드에서 G를 누릅니다).

Photoshop 도구 모음에서 그래디언트 도구를 선택합니다.

그라디언트 도구를 선택합니다.

2단계: 그래디언트 모드를 그래디언트로 설정

옵션 막대에서 Gradient Mode (새 옵션) 가 Gradient 로 설정되어 있는지 확인합니다 . 메뉴에서 Classic Gradient를 선택하면 새로운 라이브 기능이 없는 레거시 Gradient가 그려집니다.

옵션 막대의 그라데이션 모드 옵션.

옵션 막대의 그라데이션 모드 옵션.


3단계: 그래디언트 사전 설정 선택(선택 사항)

그래디언트 모드 옆의 색상 견본은 현재 그래디언트 색상을 표시합니다. 기본적으로 그래디언트는 전경색과 배경색(흑백)을 사용합니다.

그라데이션 색상 견본.

그라데이션 색상 견본.

그래디언트를 그린 후 사용자 정의 색상을 선택하는 방법을 보여드리겠습니다. 하지만 Photoshop에는 선택할 수 있는 그래디언트 사전 설정이 많이 포함되어 있습니다.

사전 설정을 선택하려면 색상 견본을 클릭하여 그래디언트 사전 설정 선택기를 엽니다 .

그래디언트 사전 설정 선택기를 엽니다.

그래디언트 사전 설정 선택기를 엽니다.

파란색, 보라색, 분홍색 등 원하는 테마를 연 다음, 사전 설정의 축소판을 클릭하세요.

Purples 테마에서 하나를 선택하겠습니다. Gradient Preset 피커 밖을 클릭하여 닫습니다.

그라데이션 사전 설정 선택

그라데이션 사전 설정 선택



4단계: 그라데이션 스타일 선택

Gradient Picker 옆에는 Gradient Style 옵션이 있습니다. 왼쪽부터 오른쪽으로 Linear , Radial , Angle , Reflected , Diamond가 있습니다 .

선형 및 방사형은 우리가 가장 많이 사용하는 스타일입니다. 선형은 직선으로 그라디언트를 그리는 반면 방사형은 원으로 바깥쪽으로 그립니다. 키보드에서 왼쪽 및 오른쪽 대괄호 키 ( [ 및 ] )를 사용하여 스타일을 순환할 수 있습니다.

기본적으로 선택되어 있는 선형을 사용하겠습니다.

그라데이션 스타일 아이콘입니다.

그라데이션 스타일에 선형을 선택합니다.

5단계: 다른 그래디언트 옵션은 기본값으로 둡니다.

여전히 옵션 막대에서 그래디언트 방향을 반전하고 색상을 바꾸려는 경우가 아니면 반전 옵션 을 선택하지 않은 상태로 둡니다. 필요한 경우 그린 후 언제든지 그래디언트를 반전할 수 있습니다.

또한, 디더링 옵션을 선택된 상태 로 두면 색상 밴딩을 줄이는 데 도움이 됩니다.

Photoshop의 라이브 그래디언트에 대한 반전 및 디더링 옵션.

반전 및 디더링 옵션.

마지막으로 Method 옵션을 Perceptual 로 설정해 두면 우리 눈이 색상을 인식하는 방식과 일치하는 방식으로 색상을 표시합니다. Linear 는 가장 기본적이며 색상 전환을 간단한 직선으로 표시하는 반면 Classic은 이전 Photoshop 버전에서 그래디언트가 나타난 방식과 일치합니다.

대부분의 경우, Perceptual이 가장 좋은 선택입니다.

그래디언트 방법 선택.

그래디언트 방법 선택.


6단계: 그라디언트 그리기

그런 다음 라이브 그래디언트를 그리려면 문서를 클릭하여 시작점을 설정하고 마우스 버튼을 누른 채로 해당 지점에서 멀리 드래그하기만 하면 됩니다. Photoshop은 사용자가 그리는 동안 그래디언트의 라이브 미리보기를 표시합니다.

그라데이션을 직선(수평 또는 수직)으로 그리려면 키보드의 Shift 키를 누른 채로 드래그합니다.

그라데이션을 완성하려면 마우스 버튼을 놓습니다.

캔버스에 생생한 그라데이션을 그립니다.

캔버스에 생생한 그라데이션을 그립니다.

레이어 패널에서 라이브 그래디언트가 자체 그래디언트 채우기 레이어에 나타나서 그래디언트를 분리하고 파괴하지 않는 것을 확인할 수 있습니다.

레이어 패널의 그래디언트 채우기 레이어.

레이어 패널의 그래디언트 채우기 레이어.



캔버스 컨트롤을 사용하여 라이브 그래디언트 편집

라이브 그라디언트의 훌륭한 특징은 그린 후에도 편집이 가능하다는 것입니다. 그리고 그라디언트를 편집하는 가장 쉬운 방법은 새로운 캔버스 컨트롤을 사용하는 것입니다 . 사용 방법은 다음과 같습니다.


규모

캔버스 상의 컨트롤을 사용하여 그래디언트의 크기나 길이를 조정하려면 그래디언트 양쪽 끝에 있는 둥근 색상 스톱 중 하나를 클릭하여 드래그합니다.

Photoshop에서 라이브 그래디언트의 크기를 조정하는 방법.

색상 정지점을 드래그하여 그래디언트 크기를 조정합니다.


각도

색상 정지점을 드래그하여 그래디언트 각도를 회전할 수도 있습니다.

Shift 키를 누른 채로 각도를 15도 단위로 회전합니다.

포토샵에서 라이브 그래디언트의 각도를 조정하는 방법.

색상 정지점을 끌어서 그래디언트 각도를 회전합니다.


위치

캔버스에서 그래디언트의 위치를 변경하려면 색상 멈춤을 연결하는 선을 클릭하여 드래그합니다.

캔버스 내 컨트롤을 사용하여 Photoshop에서 캔버스의 라이브 그라데이션 위치를 변경하는 방법.

선을 끌어서 그래디언트의 위치를 변경합니다.


중간점

그래디언트의 중간점을 조정하려면 선 위에 있는 다이아몬드 아이콘을 드래그하세요.

캔버스 내 컨트롤을 사용하여 Photoshop에서 라이브 그래디언트의 중간점을 조정하는 방법.

다이아몬드를 드래그하여 그래디언트 중간점을 이동합니다.



그라디언트 색상을 변경하는 방법

색상을 변경하려면 색상 정지점을 두 번 클릭합니다. 왼쪽의 색상을 변경하겠습니다.

캔버스 내 컨트롤을 사용하여 Photoshop에서 라이브 그래디언트의 중간점을 조정하는 방법.

색상 정지점을 두 번 클릭하면 색상이 변경됩니다.

그런 다음 색상 선택기에서 새로운 색상을 선택합니다.

Photoshop의 색상 선택기에서 새로운 그래디언트 색상을 선택합니다.

색상 선택기를 사용하여 새로운 색상을 선택합니다.

또는 색상 선택기가 열려 있는 동안 그래디언트를 따라 아무 곳이나 클릭하여 해당 색상을 샘플링할 수 있습니다.

여기서는 오른쪽의 보라색을 샘플링했는데, 이로 인해 그래디언트의 두 색상이 일시적으로 같아졌습니다.

그래디언트의 다른 색상에서 새로운 그래디언트 색상을 샘플링합니다.

그래디언트에서 다른 색상을 샘플링합니다.

그런 다음 색상 선택기에서 색조 슬라이더를 끌어 약간 다른 색상을 선택합니다.

그라데이션은 색상환의 반대쪽에 있는 색상을 사용하는 것보다 전환이 덜하고 비교적 유사한 색상을 사용할 때 가장 효과적입니다.

작업이 끝나면 색상 선택기를 닫으려면 확인을 클릭하세요.

Photoshop 색상 선택기에서 색조 슬라이더를 끌어 그래디언트에 비슷하지만 다른 색상을 선택합니다.

색상 슬라이더를 끌어 다르지만 비슷한 색상을 선택합니다.


그라디언트에 새로운 색상을 추가하는 방법

그래디언트에 새로운 색상을 추가하려면 새로운 색상을 추가하려는 지점의 선 바로 위나 아래에 마우스 커서를 올려놓습니다.

커서 옆에 더하기 기호가 나타 납니다.

Photoshop 색상 선택기에서 색조 슬라이더를 끌어 그래디언트에 비슷하지만 다른 색상을 선택합니다.

새로운 색상 정지점을 추가하려면 선 바로 아래에 커서를 놓습니다.

그런 다음 해당 위치에 새로운 색상 정지점을 추가하려면 클릭합니다.

포토샵은 현재 전경색을 새 색상으로 사용하는데, 제 경우에는 검정색이었습니다.

세 번째 색상이 라이브 그래디언트에 추가되고, Photoshop에서는 이를 현재 전경색으로 설정합니다.

새로운 색상 정지점이 추가되고 현재 전경색으로 설정됩니다.

새로운 색상 정지점을 두 번 클릭하여 색상 선택기에서 색상을 선택합니다.

보기 쉽게 하기 위해 흰색을 선택하겠습니다.

색상 선택기를 사용하여 라이브 그래디언트의 세 번째 색상을 흰색으로 설정합니다.

그라데이션의 세 번째 색상으로 흰색을 선택합니다.

그런 다음 선을 따라 색상 정지점을 끌어서 위치를 변경할 수 있습니다.

라이브 그래디언트에서 색상의 위치를 ​​변경하려면 새로운 색상 정지점을 드래그합니다.

새로운 색상 정지점을 드래그하여 색상의 위치를 변경합니다.

또는 새로운 색상 정지점의 양쪽에 있는 다이아몬드 아이콘을 끌어서 중간점 위치를 변경합니다.

Photoshop의 라이브 그래디언트에서 두 색상 사이의 중간점 조정

다이아몬드를 드래그하여 두 색상의 중간점을 조정합니다.


그래디언트에서 색상을 삭제하는 방법

그래디언트에서 색상을 삭제하려면 색상 정지점을 클릭해 선택합니다.

그런 다음 색상 스톱을 선에서 멀리 끌어서 사라지게 하거나 키보드의 Delete 키를 누릅니다.

색상 정지점을 아래로 끌어서 선에서 멀리 삭제합니다.

색상 정지점을 아래로 끌어서 선에서 멀리 삭제합니다.


속성 패널에서 라이브 그래디언트 편집

Photoshop에서 라이브 그래디언트를 편집하는 또 다른 방법은 속성 패널 에서 편집하는 것입니다 . 여기에서 캔버스 컨트롤을 사용하여 편집할 수 있는 것과 동일한 옵션과 더 많은 것을 찾을 수 있습니다.



사전 설정

속성 패널 상단의 사전 설정 옵션을 사용하여 다른 그래디언트 사전 설정을 선택합니다.

색상 견본을 클릭하여 그래디언트 사전 설정 선택기를 열고, 색상 테마를 열고 축소판을 클릭하여 사전 설정을 선택합니다.

옵션 막대에서 앞서 선택했던 Purples 테마의 동일한 사전 설정으로 그래디언트를 다시 설정합니다.

Photoshop의 속성 패널에 있는 그래디언트 사전 설정 옵션

다른 그래디언트 사전 설정을 선택하려면 사전 설정 옵션을 사용하세요.


스타일

다음으로 옵션 막대에서 본 것과 동일한 스타일 옵션(선형, 방사형, 각도, 반사 및 다이아몬드)이 있습니다. 이를 통해 그래디언트를 그린 후에 그래디언트의 스타일을 변경할 수 있습니다.

저는 선형으로 설정된 채로 두겠습니다.

Photoshop의 속성 패널에 있는 그래디언트 스타일 옵션

속성 패널의 그래디언트 스타일 옵션.


각도

그래디언트 각도를 조정하려면 특정 값을 입력하거나 값 상자 옆에 있는 화살표를 클릭하여 사전 설정된 각도를 선택하면 됩니다.

또한 각도라는 단어를 클릭하고 드래그하여 스크러비 슬라이더를 사용하여 값을 조정할 수 있습니다 . 스크러비 슬라이더를 드래그하는 동안 Alt (Win)/ Option (Mac) 키를 누르고 있으면 더 작은 단위로 값을 조정할 수 있습니다. 또는 Shift 키를 누르고 있으면 더 큰 단위로 조정합니다.

Photoshop의 속성 패널에 있는 그래디언트 각도 옵션

속성 패널에서 그래디언트 각도를 조정합니다.


규모

크기 조절 옵션을 사용 하면 특정 값을 입력하거나 값 상자 옆에 있는 화살표를 클릭하고 슬라이더를 끌거나, 크기 조절이라는 단어를 클릭하고 끌어서 스크러비 슬라이더를 사용하여 그래디언트의 크기나 길이를 조정할 수 있습니다.

작은 단위로 크기를 조절하려면 Alt (Win)/ Option (Mac) 키 를 누른 채로 스크러비 슬라이더를 드래그하고, 큰 단위로 크기를 조절하려면 Shift 키를 누릅니다.

Photoshop의 속성 패널에 있는 그래디언트 스케일 옵션

속성 패널에서 그래디언트 크기를 조정합니다.


역방향 및 디더링

속성 패널에서 반전 옵션을 선택하면 그래디언트 방향이 반전되어 왼쪽과 오른쪽의 색상이 바뀝니다.

Photoshop의 속성 패널에 있는 반전 옵션

반전을 사용하면 그래디언트 방향을 반전할 수 있습니다.

속성 패널에서 디더링을 끌 수도 있지만 , 색상 밴딩을 더 뚜렷하게 하고 싶지 않다면 권장하지 않습니다.

Photoshop의 속성 패널에 있는 반전 옵션

색상 밴딩을 줄이려면 디더를 켜 두세요.


솔리드 또는 노이즈 그래디언트 선택

속성 패널의 유형 옵션을 사용하면 단색 그라데이션(더 전통적인 모양)에서 노이즈 그라데이션 으로 전환 할 수 있습니다 .

유형 옵션을 사용하면 Photoshop에서 단색 및 노이즈 그라데이션 간을 전환할 수 있습니다.

단색 및 노이즈 그라데이션을 전환하려면 Type을 사용합니다.

노이즈 그래디언트는 색상을 무작위로 혼합하여 더욱 질감이 있는 효과를 만듭니다.

Photoshop의 노이즈 그래디언트 예

노이즈 기울기의 예.

거칠기는 소음의 부드러움을 제어합니다.

값이 낮을수록 미리보기 막대의 거칠기 옵션 아래에 보이는 것처럼, 대비가 적고 매끄럽고 부드러운 변화가 나타납니다.

Photoshop에서 더 부드러운 노이즈 그래디언트를 생성하기 위해 거칠기 값을 낮추는 예

거칠기 양을 낮추어 노이즈 경사도를 부드럽게 합니다.

Roughness 값이 높을수록 선 패턴이 더 선명하고 명확해집니다. 기본값은 50%입니다.

Photoshop에서 더 선명하고 들쭉날쭉한 노이즈 그래디언트를 생성하기 위해 거칠기 값을 증가시키는 예

더 날카롭고 갑작스러운 노이즈 변화를 원하면 거칠기 양을 늘립니다.

색상 모델

색상 모델을 사용하면 RGB, HSB, LAB 간에 노이즈 그래디언트를 전환할 수 있습니다.

  • RGB (기본 모델)는 빨간색, 녹색, 파란색 값을 무작위로 혼합하여 색상을 표시합니다.
  • HSB는 색조, 채도, 밝기 값을 무작위로 혼합하여 만듭니다.
  • LAB는 밝기, "a" 값(녹색과 자홍색 사이의 색상 범위) 및 "b" 값(파란색과 노란색 사이의 색상 범위)을 무작위로 혼합하여 사용합니다.
Photoshop의 노이즈 그래디언트에 대한 색상 모델 옵션

색상 모델은 노이즈 그래디언트에서 색상의 모양을 변경합니다.

그런 다음 세 개의 슬라이더를 사용하여 선택한 색상 모델에 따라 노이즈의 색상 범위를 제한할 수 있습니다.

예를 들어, 색상 모델을 HSB로 설정한 경우:

  • H 슬라이더 를 사용하면 가능한 색조 범위를 제한할 수 있습니다.
  • S 슬라이더를 사용하여 채도 값의 범위를 제한합니다.
  • B 슬라이더 는 밝기 값의 범위를 제한합니다.
색상 모델 슬라이더를 사용하여 노이즈 그래디언트의 색상 범위를 제한합니다.

S 슬라이더를 끌어서 색상의 채도를 제한하세요.

색상 제한 및 투명도 추가

노이즈 그래디언트의 색상이 과포화되는 것을 방지하려면 색상 제한을 켜세요 .

또는 투명도 추가 를 켜서 그래디언트 전체에 무작위 양의 투명도를 추가합니다.

이러한 옵션을 찾으려면 속성 패널에서 아래로 스크롤해야 할 수도 있습니다.

Photoshop에서 노이즈 그래디언트를 위한 색상 제한 및 투명도 추가 옵션.

무작위화를 클릭하여 새로운 노이즈 그래디언트를 생성합니다.

무작위화

마지막으로, 무작위화 버튼을 클릭하여 새로운 무작위 색상으로 노이즈 그래디언트를 재생성합니다.

포토샵의 노이즈 그래디언트를 위한 무작위화 버튼.

무작위화를 클릭하여 새로운 노이즈 그래디언트를 생성합니다.

솔리드 그래디언트로 다시 전환

대부분의 경우 기존의 단색 그라데이션을 원하므로 유형을 Noise에서 Solid 로 다시 전환하겠습니다 .

그래디언트의 유형 옵션을 노이즈에서 단색으로 변경합니다.

그라데이션 유형을 다시 단색으로 변경합니다.


방법

이 방법을 사용하면 그래디언트에서 색상이 표시되는 방식을 변경할 수 있으며, 이는 앞서 옵션 막대에서 본 것과 동일합니다.

  • 지각적 (기본값)은 더 자연스럽게 보이는 색상을 표시합니다.
  • 선형은 간단한 직선으로 색상 전환을 표시합니다.
  • 클래식은 이전 버전의 포토샵에서 그래디언트를 표시하는 방식입니다.

대부분의 경우, 해당 방법을 지각적(Perceptual)으로 설정하는 것이 가장 좋은 선택입니다.

그래디언트의 유형 옵션을 노이즈에서 단색으로 변경합니다.

그라데이션 유형을 다시 단색으로 변경합니다.

부드러움

부드러움 값은 그래디언트에서 색상 간 전환의 부드러움을 제어합니다.

더 쉽게 볼 수 있도록 일시적으로 흑백 그라데이션 사전 설정으로 전환하겠습니다.

Photoshop에서 그래디언트를 흑백 사전 설정으로 변경합니다.

그라데이션 사전 설정을 검정, 흰색으로 변경합니다.

기본 부드러움 값은 100%입니다.

Photoshop의 그래디언트에 대한 부드러움 옵션은 기본적으로 100%로 설정되어 있습니다.

부드러움은 기본 100%입니다.

그리고 100%에서는 색상 간 전환이 대부분 중앙에 가깝게 일어나는 것을 주목하세요.

이렇게 하면 대비가 더 높은 그라데이션이 생성되는데, 이는 일반적으로 원하는 바이며 대비가 높은 흑백 사진을 만드는 데 적합합니다 .

Photoshop에서 부드러움을 100%로 설정한 후 검은색에서 흰색으로 그라데이션을 적용한 모습입니다.

부드러움 값이 높으면 대부분의 전환이 중간 지점에 더 가까워집니다.

부드러움을 0%로 낮추면:

매끄러움 값을 0%로 낮춥니다.

매끄러움 값을 0%로 낮춥니다.

전환은 더 균등하게 분산됩니다.

때로는 차이점을 알아차리기 어려울 수도 있지만, 보통은 부드러움을 100%로 두면 가장 좋습니다.

매끄러움을 0%로 설정한 Photoshop에서 검은색에서 흰색으로 그라데이션을 적용한 모습입니다.

부드러움 값이 낮을수록 선형적인 전환이 더 많이 생성됩니다.

보라색 그라데이션 사전 설정으로 돌아가겠습니다.

그래디언트 색상을 다시 보라색 사전 설정으로 변경합니다.

원래의 그래디언트 사전 설정으로 돌아갑니다.

그라디언트 색상 편집

부드러움 옵션 아래에는 현재 그래디언트 색상을 보여주는 기본 그래디언트 미리보기 막대가 있습니다.

여기서는 이전에 캔버스 상의 컨트롤을 사용하여 했던 것과 같은 방식으로 색상을 편집할 수 있습니다.

  • 색상 선택기에서 새로운 색상을 선택하려면 색상 견본을 두 번 클릭하세요.
  • 막대 아래를 클릭하여 새로운 색상 정지점을 추가한 다음, 해당 정지점을 두 번 클릭하여 색상을 변경합니다.
  • 그래디언트에서 색상 정지점을 왼쪽이나 오른쪽으로 드래그하여 위치를 변경합니다.
  • 두 색상 정지점 사이에 있는 다이아몬드 아이콘을 드래그하여 중간점 위치를 변경하세요.
  • 미리보기 막대에서 색상 정지점을 끌어서 삭제합니다.
Photoshop의 속성 패널에서 그래디언트 미리보기 막대를 사용하여 색상을 추가하고 편집합니다.

그래디언트 미리보기 막대를 사용하여 색상을 추가하고 편집합니다.

두 색상 정지점 사이의 중간점을 이동한 후 정확한 중간으로 다시 설정하려면 다이아몬드 아이콘을 클릭해 선택한 다음 위치 값을 50% 로 설정합니다 .

속성 패널의 위치 값은 그래디언트의 중간점 위치를 설정합니다.

위치를 사용하여 특정 중간점 값을 설정합니다.

그래디언트에 불투명도 추가

라이브 그래디언트에 투명도를 추가하려면 캔버스 컨트롤을 사용할 수 없습니다. 대신 속성 패널에서 불투명도 컨트롤을 사용해야 합니다 . 불투명도 컨트롤을 돌려서 열어야 볼 수 있습니다.

Photoshop의 속성 패널에서 라이브 그래디언트의 불투명도 컨트롤입니다.

속성 패널의 그래디언트 불투명도 컨트롤.

미리보기 막대 아래에는 그래디언트 양쪽 끝에 불투명도 스톱이 있습니다(색상 스톱과 유사).

정류장을 클릭해서 선택하세요. 저는 왼쪽에 있는 정류장을 선택할게요.

속성 패널에서 라이브 그래디언트의 불투명도 스톱을 선택합니다.

불투명도 정지점을 클릭합니다.

그런 다음 해당 위치에 투명도를 추가하려면 다음 중 하나를 수행합니다.

  • 불투명도 옵션에 특정 값을 입력하거나
  • 값 옆에 있는 화살표를 클릭하고 슬라이더를 드래그하거나
  • 불투명도라는 단어를 클릭하고 드래그하여 스크러비 슬라이더를 사용하여 불투명도를 조정합니다.

그래디언트 왼쪽의 불투명도를 0%로 낮추겠습니다.

Photoshop의 라이브 그래디언트에서 왼쪽 색상의 불투명도 낮추기

그라데이션의 왼쪽을 투명하게 만듭니다.

캔버스에서 왼쪽이 흰색으로 보이는 것을 주목하세요. 하지만 그것은 투명하기 때문이고, 흰색은 그 아래의 배경 레이어에서 나온 것입니다.

배경 레이어의 흰색이 그라디언트의 투명도를 통해 나타납니다.

배경 레이어의 흰색이 그라디언트의 투명도를 통해 나타납니다.

레이어 패널에서 배경 레이어를 끄면:

Photoshop의 레이어 패널에서 배경 레이어 끄기

배경 레이어를 끕니다.

우리는 체크무늬 패턴으로 표현되는 투명성을 봅니다.

이제 왼쪽은 투명하고 오른쪽은 보라색으로 이어지는 그라데이션이 생겼습니다.

배경 레이어를 끄면 그라데이션의 투명성이 드러납니다.

배경 레이어를 끄면 투명함이 드러납니다.

불투명도 미리보기 막대 아래를 클릭하여 불투명도 스톱을 추가하고, 드래그하여 위치를 변경하고, 각 스톱의 불투명도를 개별적으로 설정하거나, 두 불투명도 스톱 사이에 있는 다이아몬드 아이콘을 드래그하여 중간 지점을 조정할 수 있습니다.

Photoshop에서 라이브 그래디언트에 더 많은 불투명도 정지 추가

그래디언트에 불투명도를 더 추가합니다.

불투명도 스톱을 삭제하려면 미리보기 막대에서 사라질 때까지 끌어다 놓거나, 클릭하여 선택한 다음 휴지통 아이콘을 클릭합니다.

선택한 불투명도 정지를 삭제하려면 휴지통을 클릭합니다.

선택한 불투명도 정지를 삭제하려면 휴지통을 클릭합니다.

왼쪽 스톱의 불투명도를 100%로 재설정하겠습니다.

Photoshop에서 라이브 그래디언트의 불투명도를 100%로 재설정합니다.

왼쪽의 불투명도를 100%로 재설정합니다.

정렬 재설정

빠른 작업 섹션 의 정렬 재설정 버튼 을 클릭하면 캔버스에 맞춰 그라데이션이 다시 정렬됩니다.

이렇게 하면 그라데이션 각도가 90도로 재설정되고 캔버스의 위에서 아래로 그라데이션이 늘어납니다.

Photoshop의 라이브 그래디언트를 위한 정렬 재설정 버튼입니다.

정렬 재설정 버튼.

사용자 정의 그래디언트 사전 설정을 저장하는 방법

마지막으로 사용자 지정 색상으로 그라데이션을 저장하려면 사전 설정 저장 버튼을 클릭합니다.

포토샵에서 그래디언트 사전 설정을 저장하는 방법.

사전 설정 저장 버튼.

새로운 사전 설정에 이름을 지정합니다. 저는 내 사전 설정의 이름을 Transparent에서 Purple로 지정합니다 .

그런 다음 확인을 클릭하여 저장합니다.

새로운 그래디언트 사전 설정의 이름을 지정한 다음 확인을 클릭하여 Photoshop에 저장합니다.

새로운 그래디언트 사전 설정의 이름을 지정한 다음 확인을 클릭하여 저장합니다.

그래디언트가 저장되면 옵션 막대나 속성 패널 상단에서 그래디언트 사전 설정 선택기를 엽니다.

Photoshop의 속성 패널에서 그래디언트 사전 설정 선택기를 엽니다.

그래디언트 사전 설정 선택기를 엽니다.

그런 다음 기본 테마 아래로 스크롤하면 하단에서 새로운 사용자 지정 사전 설정을 찾을 수 있습니다.

저장된 그래디언트 사전 설정을 보여주는 속성 패널.

저장된 그래디언트 사전 설정.

예: 이미지에 라이브 그라디언트 사용

Photoshop에서 라이브 그래디언트를 그리거나 편집하고 저장하는 데 필요한 모든 내용을 살펴보겠습니다.

그러면 사진에 라이브 그라데이션을 사용하는 방법의 예를 살펴보겠습니다.

이 튜토리얼의 이 부분에서는 Adobe Stock에서 이미지를 사용하고 라이브 그래디언트를 사용하여 색상을 빠르게 바꾸고 향상시키겠습니다.

Adobe Stock의 원본 사진

원본 사진


그라디언트 도구 선택

먼저 도구 모음에서 그래디언트 도구를 선택합니다.

Photoshop 도구 모음에서 그래디언트 도구를 선택합니다.

그라디언트 도구를 선택합니다.

그래디언트 사전 설정 선택

그런 다음 옵션 막대에서 색상 견본을 클릭하여 그래디언트 사전 설정 선택기를 열고 Reds 테마에서 사전 설정을 선택합니다.

그라데이션 사전 설정 선택

그라데이션 사전 설정 선택

그라데이션 스타일 선택

지금까지 선형 그래디언트만 살펴보았기 때문에 이번에는 그래디언트 스타일을 Radial 로 설정하겠습니다 .

방사형 그라데이션 스타일을 선택합니다.

방사형 그라데이션 스타일을 선택합니다.

초기 라이브 그래디언트 그리기

그런 다음 이미지를 클릭하고 초기 그래디언트를 드래그합니다.

스타일이 방사형으로 설정되어 있으므로 그라데이션은 시작점에서 바깥쪽으로 확장되는 원형으로 나타납니다.

Photoshop 문서에 방사형 라이브 그라데이션을 그립니다.

방사형 그래디언트를 그립니다.

그래디언트의 혼합 모드 변경

물론, 분명한 문제가 있습니다. 그래디언트가 이미지를 보이지 않게 막고 있습니다. 그래서 이를 수정하려면 그래디언트의 혼합 모드를 변경해야 합니다 .

레이어 패널에서 그라디언트는 이미지 위의 새로운 그라디언트 채우기 레이어에 나타납니다. 따라서 그라디언트 채우기 레이어를 선택한 상태에서 블렌드 모드를 Normal에서 Soft Light 로 변경합니다 .

그래디언트 채우기 레이어의 혼합 모드를 부드러운 빛으로 변경합니다.

그래디언트 채우기 레이어의 혼합 모드를 부드러운 빛으로 변경합니다.

이제 그래디언트의 색상이 이미지와 혼합됩니다.

소프트 라이트 혼합 모드는 대비를 강화하여 효과를 더욱 돋보이게 합니다.

혼합 모드를 변경하면 그래디언트 색상이 이미지와 혼합됩니다.

혼합 모드를 변경하면 그래디언트 색상이 이미지와 혼합됩니다.

라이브 그래디언트 조정

라이브 그래디언트를 사용하고 있으므로 모든 그래디언트 속성을 편집할 수 있습니다.

예를 들어, 색상 정지점을 연결하는 선을 드래그하여 그래디언트를 다시 배치할 수 있습니다. 또는 이것은 방사형 그래디언트이므로 중앙의 색상 정지점을 드래그할 수도 있습니다.

라이브 그래디언트의 중심을 다시 배치합니다.

라이브 그래디언트의 중심을 다시 배치합니다.

또는 바깥쪽 가장자리의 색상 정지점을 드래그하여 그래디언트의 크기를 조절할 수도 있습니다.

색상 정지점을 두 번 클릭하여 색상을 변경하거나, 선 바로 위나 아래를 클릭하여 새로운 색상 정지점을 추가할 수도 있습니다. 그리고 색상 정지점을 드래그하여 색상을 다시 배치하거나 다이아몬드를 드래그하여 중간점을 조정할 수도 있습니다.

하지만 이 경우에는 색상이 있는 그대로인 게 좋습니다.

방사형 그래디언트 크기 조정.

방사형 그래디언트 크기 조정.

캔버스 컨트롤을 숨기거나 표시하는 방법

캔버스 컨트롤을 숨기고 이미지를 더 잘 보려면 툴바에서 다른 도구를 선택하면 됩니다. 저는 Move Tool을 선택하겠습니다.

캔버스 상의 컨트롤을 숨기려면 다른 도구를 선택합니다.

캔버스 상의 컨트롤을 숨기려면 다른 도구를 선택합니다.

이제 캔버스 상의 컨트롤이 방해되지 않고 그래디언트가 어떻게 보이는지 살펴보겠습니다.

캔버스의 컨트롤을 다시 표시하려면 그래디언트 도구를 다시 선택하고 레이어 패널에서 그래디언트 채우기 레이어가 활성화되어 있는지 확인하세요.

캔버스 상의 컨트롤을 숨긴 상태에서 그라데이션 효과를 봅니다.

캔버스 상의 컨트롤을 숨긴 상태에서 그라데이션 효과를 봅니다.

그라디언트의 불투명도 낮추기

마지막으로, 그래디언트 색상이 너무 강하면 레이어 패널에서 그래디언트 채우기 레이어의 불투명도를 낮추기만 하면 됩니다. 저는 60%로 낮추겠습니다.

그래디언트 채우기 레이어의 불투명도를 낮춥니다.

그래디언트 채우기 레이어의 불투명도를 낮춥니다.

다시 한번 원래 색상의 사진을 보여드리겠습니다.

그래디언트 채우기 레이어의 불투명도를 낮춥니다.

원래 색상의 사진입니다.

그래디언트의 불투명도를 낮춘 후의 최종 결과는 다음과 같습니다.

Photoshop의 라이브 그라디언트를 사용하여 만든 그라디언트 색상 효과