Photoshop 및 Illustrator를 사용하여 실제 텍스처를 벡터로 변환하는 방법

디자인 작업에 실제 견본을 추가하면 과포화 상태일 수 있는 디지털 시장에 사실적인 요소가 추가됩니다. 안타깝게도 텍스처 견본을 스캔하거나 촬영하면 일반적으로 과도하게 편집하면 픽셀화되는 확장 불가능한 래스터 이미지가 생성됩니다.

다행스럽게도 Photoshop 및 Illustrator를 사용하여 수채화, 페인트 또는 마커 펜과 같은 실제 질감의 확장 가능한 벡터를 만들 수 있습니다. 방법은 다음과 같습니다.

실제 텍스처를 벡터로 변환하는 방법

텍스처를 직접 만들거나 온라인에서 견본을 찾아 벡터로 만들 수 있습니다. 펠트 펜, 인도 잉크 또는 페인트 방울과 같은 질감이 있는 미술 매체를 사용할 수 있습니다.

1단계: Photoshop에서 텍스처 견본 열기

텍스처를 직접 만든 경우 300 DPI로 컴퓨터로 스캔해야 합니다. 이것은 최상의 결과를 산출하는 최고의 품질을 보장합니다.

Unsplash 에서 수채화 견본 사진을 다운로드하여 벡터로 만들었습니다. 동일한 사진을 다운로드하여 직접 따르거나 자신의 견본 이미지에 대한 가이드로 지침을 사용할 수 있습니다.

Photoshop에서 이미지를 열고 사용 중인 견본에 가깝게 자릅니다. 이미지가 아직 300DPI가 아닌 경우 300DPI여야 합니다. 이미지 > 이미지 크기 로 이동 하고 해상도 상자 에 300 을 입력 합니다. 확인을 선택 합니다 .

이제 나중에 자세한 벡터로 렌더링할 고품질 이미지를 얻었습니다. Photoshop을 사용하지 않는 경우 다른 프로그램에서 DPI를 변경할 수도 있습니다.

2단계: 배경 정리

견본 자체는 배경에서 격리되어야 합니다. 견본을 스캔했거나 평범한 흰색 또는 단색 배경의 사진을 사용한 경우 이 작업이 훨씬 쉬울 것입니다.

레이어 팔레트에서 새 레이어를 만든 다음 이미지 레이어 아래로 드래그합니다. 이미지 레이어를 선택합니다.

선택 > 색상 범위 로 이동합니다 . 대화 상자에서 스포이트 를 선택 하고 이를 사용하여 아트보드의 배경 부분을 선택합니다. Fuzziness 슬라이더를 사용 하여 견본에 대해 선택 항목이 타이트한지 확인하십시오. 그런 다음 확인을 누릅니다 .

아트보드로 돌아가면 색상 범위 영역에 개미가 실행되어 선택 항목을 표시합니다. 삭제 를 눌러 배경을 제거합니다. 그런 다음 Cmd + D (Mac) 또는 Ctrl + D (Windows) 를 눌러 선택을 취소합니다 . 배경이 그림자나 질감 없이 단순하다면 그것으로 충분합니다.

배경이 여러 색상이거나 그림자 또는 기타 텍스처가 있는 경우 이 프로세스를 몇 번 반복해야 할 수 있습니다. 색상 범위 대화 상자 에서 스포이드 를 사용하여 배경의 다른 부분을 선택 하고 퍼지 슬라이더를 사용하여 최대한 많은 배경을 선택합니다 . 확인 을 선택 하고 삭제 를 누르 십시오 .

Cmd + D (Mac) 또는 Ctrl + D (Windows)를 눌러 선택을 취소합니다 . 배경이 더 남아 있으면 색상 범위 프로세스를 다시 수행하고 지우개 도구( E )를 사용하여 완고한 픽셀을 제거하거나 올가미 도구( L )를 사용하여 견본 주변을 단단히 선택한 다음 선택 항목을 삭제 합니다.

제거해야 하는 추가 픽셀을 노출시키기 위해 견본 레이어 아래 에 사각형 도구( U ) 를 사용하여 대비되는 색상 사각형을 배치합니다 . 지우개 로 제거하십시오 . 이미지를 저장하기 전에 사각형을 삭제해야 합니다.

완료되면 주변이 투명한 배경으로 격리된 페인트 견본을 갖게 됩니다. 견본을 PNG로 저장합니다.

Photoshop이 없는 경우 이미지 배경을 투명하게 만드는 다른 방법이 있습니다. 그런 다음 해당 이미지를 Illustrator로 바로 가져와 여기에서 계속할 수 있습니다.

3단계: Illustrator에서 이미지 열기

Illustrator에서 새 견본 PNG를 엽니다. 아트보드에서 이미지를 선택하고 드래그하여 배경이 여전히 투명한지 확인할 수 있습니다. 그러나 다음 단계에서는 그대로 유지되지 않습니다. 이 시점에서 견본은 여전히 ​​래스터이므로 크기를 조정하면 픽셀화됩니다.

하나의 프로젝트에 Photoshop과 Illustrator를 결합하는 것은 Adobe Creative Cloud를 활용하는 좋은 방법입니다. Creative Cloud에서 시도해 볼 수 있는 다른 많은 기능이 있습니다.

4단계: 이미지 벡터화

창 > 속성 으로 이동하여 속성 패널을 엽니다 . 오른쪽 세로 도구 모음에서 패널을 선택하여 패널을 최대화하거나 최소화할 수 있습니다.

이미지를 선택한 다음 속성 패널 하단으로 스크롤하고 이미지 추적 > 고화질 사진 을 선택 합니다. 개체 메뉴에서 이미지 추적을 선택하면 기본적으로 견본의 질감을 유지하지 않는 흑백 추적이 됩니다. 이미지 추적 기능을 다양한 방법으로 사용하여 Illustrator에서 이미지를 벡터화할 수 있습니다.

5단계: 배경 정리 및 제거

속성 패널에서 이미지 추적 드롭다운 옆에 있는 아이콘을 선택하여 이미지 추적 패널을 엽니다. 색상 아래 에서 슬라이더를 오른쪽으로 85%에서 98% 사이로 이동합니다. 이렇게 하면 텍스처 견본의 색상 세부 정보가 증가하여 보다 사실적인 결과를 얻을 수 있습니다.

고급 설정을 열고 경로 슬라이더를 오른쪽으로 이동합니다. 다시 말하지만 85%에서 98% 사이로 설정하는 것이 이상적입니다. 경로가 많을수록 벡터에 더 자세히 그려집니다. 경로가 적으면 이미지가 고르지 않고 만화처럼 보입니다.

이미지 추적 및 속성 패널을 최소화하면 견본이 파란색 경로 선으로 덮입니다. 견본 벡터를 이동하려면 선택 도구( V )를 사용하여 전체적으로 이동해야 합니다. 그러나 필요한 경우 직접 선택 도구 를 사용하여 개별 패스를 이동할 수 있습니다 .

직접 선택 도구 ( A )를 선택하고 아트보드를 클릭하여 이미지를 선택 해제합니다. 그런 다음 견본을 둘러싼 흰색 배경을 선택합니다. 투명한 배경을 다시 가져오려면 키보드에서 Delete 키를 누르 십시오 . 견본 아래에 색상이 있는 사각형을 추가하여 투명도를 확인할 수 있습니다.

6단계: 견본 벡터 사용

이제 텍스처 견본이 완성되었습니다. 튜토리얼처럼 수채화 작품을 만들기로 결정했든 색연필 견본을 만들었든 이제 완전히 확장 가능한 실제 텍스처 견본을 갖게 되었습니다.

불행하게도 모든 복잡한 경로 때문에 견본을 다시 칠하는 것은 어렵지만 불가능하지는 않습니다. 벡터를 사용하려면 색상을 동일하게 유지해야 합니다. 색상을 다시 지정하려면 견본을 Illustrator로 가져오기 전에 먼저 Photoshop에서 색상을 지정해야 합니다.

다른 벡터와 마찬가지로 벡터를 사용할 수 있습니다. 크기를 늘리거나 줄이고 디자인에서 계층화된 요소로 사용하고 기울이기 및 왜곡과 같은 필터를 적용할 수도 있습니다.

투명하게 유지하려면 벡터를 PNG로 저장하십시오. 자세한 내용은 Illustrator에서 투명한 배경 만들기 가이드를 참조하세요.

Photoshop 및 Illustrator를 사용하여 실제 텍스처에서 벡터 만들기

디자인 작업에 벡터를 사용하면 최종 디자인의 생산성과 품질이 향상됩니다. 이 하나의 벡터는 여러 용도로 사용할 수 있을 뿐만 아니라 래스터 그래픽이 아닌 벡터 그래픽을 사용하면 다시는 픽셀화에 대해 걱정할 필요가 없습니다.

실제 텍스처를 벡터화하면 모든 디자인 요소에 페인트 견본을 추가하여 실제처럼 보이게 만들 수 있습니다. 실제 텍스처를 디지털 벡터로 변환하려면 이 안내서를 다시 참조하십시오.