공부하는 반백수

자유로운 삶을 위한 준비 ☆


IT·인터넷/포토샵·일러스트

일러스트 이미지 트레이스(image trace)와 expand 활용하기

자유로운 수짱 2022. 11. 23. 16:12

 

 

사이즈 정보 이미지 완성본 (이미지 트레이스, 면처리)

 

쇼핑몰 상세페이지 제작 시 해당 기능을 사용하여 상품 사이즈표를 만들었습니다.

(사이즈표 제작 시 손그림과 같은 효과를 원했음)

시간을 꽤 절약하게 해 준 유용한 기능입니다 ^^

 

① 일반적인 제품 사진을 이미지 트레이스 image trace (벡터화)

② expand 기능으로 윤곽선 따기 (면, 선처리 진행)

③ 제품 사이즈 기재

와 같은 순서입니다.

 

 

 

 

1. 일러스트에서 제품 사진을 불러옵니다.

일러스트 버전은 CS6 기준입니다.

 

 

 

 

2. Image Trace 우측 삼각형을 눌러서 > Silhouettes 를 클릭하여 사진을 벡터화합니다.

 

 

 

 

3. 벡터화하면 이미지가 위와 같이 변합니다.

 

 

 

4. 선택한 상태에서 Expand 버튼을 눌러줍니다.

 

 

 

 

5. 사진 속 이미지 외곽으로 점이 생성되면서 면처리가 완료됩니다.

 

 

 

 

6. 면처리된 도형을 두 번 클릭하여 선택해주고,

도구창 swap fill and stroke (단축키 shift + x) 클릭하여 선형태로 변경해주면 위와같은 모양이 됩니다.

 

 

 

 

7. 선 굵기를 원하는 굵기로 설정하고

 

 

 

 

8. 마지막으로 사이즈를 집어넣어 제품 사이즈 정보를 만들면 됩니다.

 

디테일한 부분까지 그려지지는 않지만 조금씩 보정을 해주시면 굿!!

생김새가 복잡한 제품인 경우 손으로 하나하나 따는 것보다 시간이 절약되어 좋더라고요 ^^