Photoshop에서 라이브 그라디언트를 사용하여 이미지를 배경색으로 빠르게 흐리게 만드는 방법

텍스트나 다른 디자인 요소를 위한 공간을 추가하기 위해 이미지를 배경색으로 바꿔야 하나요? 이 튜토리얼에서는 Photoshop에서 이미지를 배경색으로 페이드 처리하는 가장 새롭고 쉬운 방법인 라이브 그라디언트를 사용하는 방법을 살펴보겠습니다.

라이브 그라디언트에는 그라디언트 효과에 대한 모든 정보(색상, 각도 등)가 포함되어 있으며, 그라디언트 효과가 적용된 후에도 이를 변경할 수 있습니다. 그리고 그 효과를 포토샵의 전경에서 투명으로 그라데이션 효과를 결합하면, 이미지를 원하는 색상으로 페이드 아웃하는 빠르고 쉬운 방법이 생깁니다. 이 효과가 어떻게 작동하는지 살펴보겠습니다!

1단계: 새 Photoshop 문서 만들기

먼저, 새로운 문서를 만들어 보겠습니다. 메인 화면에 있다면 새 파일 버튼을 클릭하세요 .

또는 Photoshop의 기본 인터페이스에서 파일 메뉴로 가서 새로 만들기를 선택합니다 .

새 문서 대화 상자에서 문서에 대한 설정을 입력합니다.

이 가이드에서는 다음을 설정합니다.

• 너비는 3000픽셀입니다
• 높이는 1600픽셀입니다
• 해상도는 300픽셀/인치입니다
• 배경은 흰색입니다

그런 다음 만들기 버튼을 클릭하세요 .

새 문서가 나타납니다.

필요한 경우 보기 메뉴로 가서 화면에 맞춤을 선택하여 문서를 확대합니다 .

2단계: 문서에 이미지 넣기

파일 메뉴로 가서 내장된 이미지 가져오기를 선택하여 문서에 이미지를 추가합니다 .

컴퓨터에 이미지가 저장된 위치로 이동한 후 이미지를 클릭하여 선택하고 ' 배치'를 클릭합니다 .

포토샵은 이미지를 캔버스에 배치합니다. 또한 이미지 주위에 자유 변형 컨트롤을 추가하여 필요한 경우 이미지 크기를 조절하고 올바른 위치로 옮길 수 있습니다.

3단계: 캔버스에서 이미지 위치 변경

색상을 위한 공간을 확보하려면 이미지를 캔버스의 왼쪽이나 오른쪽으로 이동하세요. 드래그하는 동안 키보드의 Shift 키를 누르면 이미지를 수평으로 쉽게 이동할 수 있습니다.

예를 들어, 캔버스의 오른쪽에 피사체가 나타나고 왼쪽으로 갈수록 색상이 희미해지도록 설정할 수 있습니다. 그러면 이미지가 오른쪽으로 끌리게 됩니다.

그런 다음 옵션 막대에서 체크 표시를 클릭하여 자유 변형을 적용하고 닫습니다.

레이어 패널에서 이미지는 배경 레이어 위의 별도 레이어에 나타납니다.

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

이미지를 원하는 색상으로 페이드 아웃하려면 도구 모음에서 그래디언트 도구를 선택하세요.

그런 다음 옵션 막대에서 도구 모드가 그래디언트 로 설정되어 있는지 확인하세요 . 그러면 라이브 그래디언트를 그릴 수 있습니다. 클래식 그래디언트 로 설정하면 라이브 그래디언트 기능 없이 기존 그래디언트 스타일을 그립니다.

5단계: 전경에서 투명으로 그라데이션 선택

옵션 막대에서 그래디언트 견본을 클릭합니다.

그런 다음 기본 폴더를 돌려서 열고 전경 에서 투명으로 그라데이션을 선택합니다 . Mac에서 Enter 또는 Return을 눌러 수락하세요.

그라데이션을 직선으로 그리려고 하므로 그라데이션 스타일을 선형 으로 설정 해야 합니다 . 또한 반전이 꺼져 있고, 디더링이 켜져 색상 밴딩을 줄이는 데 도움이 되며, 방법이 지각 으로 설정되어 있는지 확인하세요 .

6단계: 이미지를 흐리게 만들 색상 선택

도구 모음에서 전경색 견본을 클릭하여 그래디언트 색상을 선택합니다.

이미지가 희미해지는 색상입니다. 라이브 그라디언트를 그리므로 나중에 언제든지 돌아가서 색상을 변경할 수 있습니다.

이 예제에서는 지금은 흰색을 선택합니다(모든 R, G, B 값을 255로 설정). 그런 다음 확인을 클릭하여 색상 선택기를 닫습니다.

7단계: 이미지에 그라데이션 그리기

그라데이션의 시작점을 설정하려면 이미지를 클릭한 채로 유지하세요. 이 예제는 이미지의 왼쪽 가장자리 근처에서 시작됩니다.

그런 다음 마우스 버튼을 누른 채로 해당 지점에서 멀리 드래그를 시작하세요. 드래그할 때 키보드의 Shift 키를 누르면 더 쉽게 직선으로 드래그할 수 있습니다.

라이브 그래디언트가 클래식 그래디언트에 비해 좋은 점 중 하나는 그리는 동안 그래디언트를 미리 볼 수 있다는 것입니다.

지금 당장 그래디언트를 정확하게 맞춰야 한다고 걱정하지 마세요. 초기 그래디언트를 그린 다음 마우스 버튼을 놓으세요.

레이어 패널에서 그래디언트는 이미지 위의 자체 그래디언트 채우기 레이어에 추가되어 그래디언트와 이미지가 분리됩니다.

8단계: 페이드 효과의 시작점과 끝점 조정

이제 그라디언트를 편집하는 데 사용할 수 있는 캔버스의 컨트롤에 주목하세요.

그래디언트의 양쪽 끝에 있는 색상 정지점을 클릭하고 끌어서 변화가 시작되고 끝나는 위치를 조정할 수 있습니다. Shift 키를 누른 채로 드래그하면 색상 정지점이 직선으로 이동합니다.

색상 정지점을 연결하는 선을 클릭하고 드래그하여 캔버스에서 그래디언트를 다시 배치할 수도 있습니다.

해당 선 위에 다이아몬드 아이콘이 표시됩니다. 일반적으로 이 아이콘은 양쪽 색상 사이의 중간점을 제어합니다. 하지만 전경에서 투명으로 그라데이션을 작업하고 있기 때문에 아이콘을 드래그해도 아무런 효과가 없습니다.

9단계: 페이드 중간점 조정

하지만 속성 패널로 가서 아래로 스크롤하여 불투명도 컨트롤을 찾으면 색상과 투명도의 중간 지점을 조정할 수 있습니다 .

그런 다음 미리보기 막대 아래에 있는 다이아몬드 아이콘을 끌어 중간점을 색상이나 투명도에 더 가깝게 이동합니다.

중앙으로 재설정하려면 위치를 50 으로 설정하세요 .

10단계: 페이드 조정

그라데이션에서 색상과 투명도 사이의 전환이 매끄럽지 않아 보입니다. 대부분의 색상은 왼쪽에 집중되어 있다가 오른쪽으로 갈수록 매우 빠르게 희미해집니다.

때로는 옵션 막대에서 그래디언트를 다른 방법으로 전환하면 작업이 더 매끄러워질 수 있습니다.

기본 방법은 지각적 입니다 . 이는 일반적으로 그래디언트 작업을 할 때 원하는 대로, 우리 눈이 자연스럽게 보는 방식으로 색상을 그립니다. 하지만 Perceptual은 항상 이런 효과를 내는 데 가장 좋은 선택은 아닙니다.

클래식 이라는 또 다른 방법은 포토샵에서 그래디언트를 그리는 방식과 같은 방식으로 그래디언트를 그리는 것입니다.

그리고 이제 전환이 더 부드럽고 점진적으로 보인다는 점에 주목하세요. 여러분의 이미지에 가장 잘 어울리는 방법을 선택하면 되지만, 예시에서는 클래식이 더 잘 어울립니다.

11단계: 흐리게 처리할 다른 색상 선택(선택 사항)

이미지가 희미해지는 색상을 변경하려면 해당 이미지의 색상 정지점을 두 번 클릭합니다. 투명도가 아닌 색상에 대한 정지점을 선택해야 합니다.

그러면 색상 선택기에서 다른 색상을 선택하는 방법이 있습니다.

또는 색상 선택기가 열려 있는 동안 이미지에서 직접 색상을 샘플링할 수 있습니다.

하지만 색상을 샘플링하기 전에 옵션 막대 에서 샘플 크기 옵션으로 가서 포인트 샘플 에서 5 x 5 또는 11 x 11과 같이 더 큰 크기로 변경하세요. 이렇게 하면 특정 픽셀의 색상 대신 클릭한 영역의 평균 색상을 샘플링하게 됩니다. 예를 들어 5 x 5를 선택해보겠습니다.

그런 다음 이미지의 색상을 클릭해 샘플링하세요. 이 예제에서는 오른쪽 상단 모서리에서 회색 음영을 선택합니다. 작업이 끝나면 색상 선택기를 닫으려면 확인을 클릭하세요 .

12단계: 페이드 효과에 대한 최종 조정을 합니다.

이 시점에서 색상 정지점을 드래그하여 그래디언트 효과의 시작점과 끝점을 최종적으로 조정할 수 있습니다.

작업이 끝난 후 캔버스 컨트롤을 숨기려면 레이어 패널에서 그래디언트 채우기 레이어가 아닌 다른 레이어를 선택하면 됩니다.

그래디언트 채우기 레이어를 다시 선택하면 캔버스 컨트롤을 다시 불러올 수 있지만, 도구 모음에서 그래디언트 도구를 활성화해야 합니다.

배경색에 맞춰 이미지를 흐리게 처리한 최종 결과물입니다. 왼쪽에 텍스트나 다른 디자인 요소를 추가할 준비가 되었습니다.