추상 디자인 전체에 블러가 점차 사라지도록 하면서 정밀한 벡터 경계를 유지하려면 블러를 스마트 필터로 적용하고 필터 마스크에 그라디언트를 적용하세요. 벡터 마스크는 별도로 유지하세요. 이 Mac 데스크톱 작업 방식은 윤곽선, 아트워크, 블러를 각각 독립적으로 제어할 수 있게 해줍니다.

아래 예제에서는 여러 사각형과 타원을 겹친 다음, 선명한 타원 안에 넣습니다. 왼쪽의 디테일은 선명하게 유지되고 오른쪽으로 갈수록 흐려집니다. 모든 치수와 필터 값은 시작점으로 참고할 수 있는 예시입니다.

원하는 결과를 제어하는 마스크는 무엇인가요?

Photoshop의 마스크는 서로 다른 역할을 합니다. 벡터 마스크는 패스로 표시 영역을 정의합니다. 레이어 마스크는 회색조 값을 사용해 아트워크의 표시 여부를 제어합니다. 스마트 필터 마스크는 필터 효과가 나타나는 위치를 제어합니다. Adobe는 벡터 마스크, 레이어 마스크 편집, 스마트 필터 마스크 가이드에서 이러한 기능을 각각 설명합니다.

원하는 모양 사용할 제어 기능 변경되는 항목
정밀한 타원 경계 벡터 마스크 표시되는 윤곽선
아트워크가 점차 사라짐 레이어 마스크의 그라디언트 아트워크 표시 여부
디테일이 점차 흐려짐 스마트 필터 마스크의 그라디언트 필터 표시 여부
부드러운 외곽 경계 벡터 마스크 페더링 가장자리 부드러움

주요 예제에서는 첫 번째와 세 번째 제어 기능을 함께 사용합니다. 일반 레이어 마스크에 그라디언트를 적용하면 배경으로 페이드됩니다. Adobe의 점진적 혼합 튜토리얼에서 이 결과를 확인할 수 있습니다. 이 방법으로는 디테일을 흐리게 만들 수 없습니다.

편집 가능한 원본 도형으로 추상 아트워크 만들기

File > New를 사용해 새 문서를 만듭니다. 연습용으로는 캔버스 크기를 1600 × 1000픽셀로 설정하고, RGB Color, 채널당 8비트, 흰색 배경을 선택하세요. 연습 내내 선택 항목을 확인할 수 있도록 Window > Layers와 Window > Properties를 엽니다.

파란색 큰 사각형, 그 위를 가로지르는 폭이 좁은 주황색 사각형, 둘 모두와 겹치는 작은 노란색 타원을 그립니다. Rectangle Tool과 Ellipse Tool을 Shape 모드로 사용하세요. 옵션 막대에서 각 도형의 Fill 색상을 선택하고 획은 적용하지 않습니다. 각 도형을 별도 레이어에 두세요. 필요한 경우 다음 도형을 그리기 전에 배경을 선택해 기존 도형이 연장되지 않도록 합니다. Adobe는 도형, 패스, 픽셀 모드 옵션에서 사용 가능한 그리기 모드와 칠 컨트롤을 설명합니다.

보이게 할 타원보다 구도를 크게 만드세요. 중심을 기준으로 양쪽에 색상 경계가 있도록 배치합니다. 이 경계가 블러를 판단할 디테일을 제공합니다. 색상이 하나뿐이면 내부 블러를 평가하기 어렵습니다.

Layers 패널에서 흰색 배경은 선택하지 않은 채 아트워크 레이어 세 개를 선택합니다. Layer > Smart Objects > Convert to Smart Object를 선택한 다음, 만들어진 레이어의 이름을 Abstract artwork로 지정합니다. Adobe는 이 명령으로 여러 선택 레이어를 하나의 포함된 스마트 오브젝트로 묶을 수 있다고 설명합니다.

여기서 첫 번째 중요한 편집 경계가 생깁니다. 원본 도형은 스마트 오브젝트 안에 있고, 이후의 필터와 마스크는 바깥쪽 레이어에 적용됩니다. 나중에 도형을 수정하려면 Layer > Smart Objects > Edit Contents를 선택하고, 열리는 원본 문서를 편집한 다음 저장해 구도를 업데이트합니다. Adobe의 스마트 오브젝트 내용 편집 지침을 참조하세요.

블러를 추가하고 벡터 경계 안에 제한하기

스마트 오브젝트의 아트워크 썸네일을 선택합니다. 이전 선택 영역이 작업을 제한하지 않도록 필터를 적용하기 전에 Select > Deselect를 선택합니다. Filter > Blur > Gaussian Blur를 선택하고 반경을 18픽셀로 설정해 본 다음 확인합니다. 이 반경은 예시일 뿐 필수 설정은 아닙니다. Adobe는 필터 효과 참고 자료에서 가우시안 블러를 조정 가능한 블러로 설명합니다.

Layers 패널에서 스마트 오브젝트 아래에 필터가 표시되는지 확인합니다. 스마트 필터는 원본 픽셀을 보존하고 효과를 별도로 편집할 수 있게 합니다. Adobe의 스마트 필터 적용 및 관리에서 이 구조를 설명합니다.

이제 바깥 경계를 추가합니다.

  1. Abstract artwork 레이어를 선택합니다.
  2. Ellipse Tool을 선택하고 그리기 모드를 Path로 전환합니다.
  3. 겹친 도형 위에 넓은 타원을 그려 둘레 밖으로 아트워크가 남게 합니다.
  4. Layer > Vector Mask > Current Path를 선택합니다.
  5. 벡터 마스크 썸네일을 선택하고 선명한 경계를 위해 Density를 100%, Feather를 0픽셀로 유지합니다.

Adobe는 벡터 마스크로 레이어 마스킹에서 패스 기반 마스크 생성과 이러한 속성을 설명합니다.

이제 레이어 행의 스마트 오브젝트에 벡터 마스크가 있고, 아래 Smart Filters 옆에 필터 마스크 썸네일이 있는 구성이 완성됩니다. 타원 바깥으로 도형이 연장되어 있어 최종 경계가 표시 영역을 제한하기 전에 블러가 주변 아트워크를 샘플링할 수 있습니다. 이 구성은 문서화된 필터 및 마스크 제어 기능을 실제 작업에 적용한 것입니다.

블러 마스크에 그라디언트 그리기

아트워크 레이어 아래 Smart Filters 옆에 있는 마스크 썸네일을 클릭합니다. 벡터 마스크 썸네일이나 일반 레이어 마스크 썸네일은 선택하지 마세요. Adobe는 스마트 필터를 적용할 때 필터 마스크가 자동으로 만들어지며 흰색은 효과를 표시하고, 검은색은 숨기며, 회색은 두 상태를 혼합한다고 설명합니다. 스마트 필터 효과 마스킹을 참조하세요.

Gradient Tool을 선택합니다. 전경색을 검은색, 배경색을 흰색으로 설정한 다음 사전 설정 선택기에서 전경색에서 배경색으로 이어지는 그라디언트를 선택합니다. Adobe의 레이어 마스크 그라디언트 튜토리얼에 이 사전 설정 사용 방식이 설명되어 있습니다. 선택한 필터 마스크에 적용하는 방법은 필터 마스크에서 페인팅 및 편집 도구를 사용한다는 Adobe의 안내에 따른 것입니다.

그라디언트 유형으로 Linear를 선택하고 Reverse는 끕니다. 타원 너비의 약 3분의 1 지점에서 3분의 2 지점까지 가로로 드래그합니다. 검은색으로 시작하는 쪽은 블러를 억제하고 흰색으로 끝나는 쪽은 블러를 표시합니다. Adobe의 그라디언트 칠 문서에서 그라디언트 유형과 드래그 방향 및 길이가 전환에 미치는 영향을 설명합니다.

효과를 더 추가하기 전에 결과를 확인합니다. 왼쪽에는 식별 가능한 선명한 색상 경계가, 오른쪽에는 부드러워진 경계가 보이고 양쪽 모두 같은 선명한 타원 외곽선을 유지해야 합니다.

블러 양과 전환 폭은 별개의 결정으로 다루세요. 오른쪽이 너무 흐리면 가우시안 블러 설정을 조정합니다. 변화가 너무 급격하면 그라디언트 전환 폭을 넓힙니다. 예를 들어 약 500픽셀에 걸친 전환은 약 150픽셀에 걸친 전환보다 혼합할 공간이 넉넉합니다. 어느 거리도 모든 상황에 더 적합한 것은 아닙니다.

이 방법에는 유용한 한계가 있습니다. 그라디언트 필터 마스크는 필터가 적용된 결과와 적용되지 않은 결과를 혼합합니다. 위치마다 가우시안 블러 반경을 다르게 지정하지는 않습니다. 이는 필터 마스크를 효과 표시 여부를 제어하는 기능으로 설명하는 Adobe의 안내에 따른 것입니다.

아트워크 전체에서 블러 강도를 달리해야 하는 경우

공간에 따라 블러를 점진적으로 바꾸려면 마스크가 있는 가우시안 블러 방식 대신 Field Blur를 사용합니다. 두 효과가 의도치 않게 겹치지 않도록 먼저 가우시안 블러 항목을 제거합니다. 스마트 오브젝트를 선택한 상태에서 Filter > Blur Gallery > Field Blur를 선택합니다. 왼쪽에는 블러 값 0인 핀을 놓고 오른쪽에는 18픽셀처럼 더 높은 값의 핀을 놓습니다. 위치를 조정하고 미리보기를 확인한 다음 적용합니다.

Adobe는 값이 서로 다른 핀 여러 개를 사용해 점진적 블러를 만들 수 있으며, 블러 갤러리 효과를 스마트 필터로 유지해 편집할 수 있다고 설명합니다. 기존 바깥 벡터 마스크는 그대로 두고, 핀만 블러 분포를 결정하게 하려면 필터 마스크를 흰색으로 유지합니다. 블러 갤러리 피사계 심도 효과 사용을 참조하세요.

점진적인 투명도 페이드를 원한다면 어떻게 해야 하나요?

벡터 경계는 유지하고 그라디언트를 적용할 대상으로 일반 레이어 마스크를 선택합니다. 아트워크 레이어를 선택하고 활성 선택 영역을 모두 해제한 다음 Layers 패널에서 레이어 마스크 아이콘을 클릭합니다. 일반 레이어 마스크가 이미 있으면 새 마스크를 추가하지 말고 기존 마스크를 선택합니다. Adobe의 레이어 마스크 추가에서 생성 절차를 설명합니다.

마스크에 흰색에서 검은색으로 이어지는 그라디언트를 그리면 흰색 쪽에서는 아트워크가 유지되고 검은색 쪽에서는 숨겨집니다. 벡터 마스크는 계속 윤곽선을 정의하고 회색조 마스크는 페이드를 제어합니다. Adobe의 마스크 편집 가이드에 따르면 마스크 값을 어둡게 하면 원본 아트워크를 변경하지 않고 투명도가 높아집니다.

최종적으로 배경이 비쳐야 한다면 이 방식을 사용하세요. 최종적으로 블러 처리된 아트워크가 계속 보여야 한다면 스마트 필터 마스크를 사용하세요.

저장하기 전에 결과 진단하기

먼저 마스크 대상이 올바른지 확인합니다. 썸네일 주위의 테두리는 활성 편집 대상을 나타내며, Adobe의 기존 레이어 마스크 편집 및 다듬기에서 이를 설명합니다.

증상 확인할 사항 해결 방법
아트워크가 한쪽으로 갈수록 사라짐 일반 레이어 마스크에 그라디언트가 있을 수 있음 변경을 취소하고 필터 마스크 선택
블러가 반대 방향으로 적용됨 필터 마스크의 검은색과 흰색 끝 확인 해당 마스크를 선택하고 Properties에서 Invert 사용
타원 외곽선이 흐릿함 벡터 마스크의 페더 설정 확인 Feather를 0픽셀로 되돌림
다른 필터도 함께 페이드됨 스마트 필터 스택 확인 필터 마스크는 해당 스마트 오브젝트의 모든 필터를 제어함

Adobe는 스마트 필터 효과 마스킹에서 필터 마스크 반전과 마스크 공유의 한계를 설명합니다. Mac에서 해당 마스크를 직접 보려면 썸네일을 Option 키를 누른 채 클릭하세요. 아트워크로 돌아가려면 다시 클릭합니다.

나머지 편집 경계도 유지합니다. Direct Selection Tool을 사용해 타원을 변경하고, 벡터 편집 기능을 없애는 Layer > Rasterize > Vector Mask는 사용하지 마세요. Adobe는 벡터 마스크로 레이어 마스킹에서 이러한 변환 경계를 명시적으로 설명합니다. 스마트 오브젝트도 그대로 유지하세요. 스마트 필터 적용 및 관리에 따르면 이를 일반 레이어로 변환하면 편집 가능한 필터 연결이 제거됩니다.

File > Save As를 사용해 레이어를 유지한 Photoshop 문서로 마스터 파일을 저장합니다. Adobe의 저장 가이드에서 Layers 옵션과 별도 출력용 Save a Copy 사용법을 설명합니다.

마무리하기 전에 저장된 마스터에서 세 가지를 확인합니다. 윤곽선을 계속 수정할 수 있는지, 블러를 계속 조정할 수 있는지, 원본 사각형과 타원이 스마트 오브젝트 안에 남아 있는지 확인하세요. 이렇게 하면 경계, 디테일, 전환을 독립적으로 수정할 수 있는 재사용 가능한 구도가 완성됩니다.

출처