포토샵 패스 일러스트레이터로 가져오기, 이미지 벡터화 하기

포토샵 패스를 일러스트레이터로 가져오는 방법을 공유합니다. 추가로 포토샵 이미지를 가져오고, 픽셀로 이루어진 래스터 이미지를 간단히 벡터로 변환하는 방법도 소개합니다.

 

포토샵은 아무래도 일러스트레이터보다 이미지를 자유롭게 편집하기가 좋아서, 시안 작업을 할 때 편리합니다.

 

그렇지만 벡터 이미지로 완성하기 위해서는 일러스트레이터에서 마무리를 해야해서 일러스트레이터로 리소스를 옮겨갈 필요가 있습니다.

 

이럴 때 포토샵에서 작업한 패스나 이미지를 일러스트레이터로 불러오면, 작업 시간이 훨씬 줄어듭니다.

포토샵 패스 일러스트레이터로 가져오기

 

저는 포토샵에서 폰트를 패스로 깨서 형태를 수정했기 때문에, 이 패스를 일러스트레이터로 불러와보겠습니다.

 

1. 보시다시피 패스로 된 리소스가 있습니다.

 

2. 포토샵 2020버전 기준으로 File - Export - Export As를 선택합니다.

 

(다른 버전에서는 File - Export - Paths to Illustrator로 나오기도 합니다.)

 

 

3. 팝업창에서 File Settings - Format을 SVG로 하고 저장합니다. SVG는 벡터이미지라서 일러스트레이터에서 불러올 수 있습니다.

 

 

4. 이제 일러스트레이터를 실행하고, File - Open을 눌러 앞서 저장한 SVG파일을 열어봅니다.

 

 

 

 

5. 아래와 같이 포토샵에서 SVG로 내보내기한 패스가 일러스트레이터에서 불러와졌습니다. 

 

 

 

래스터 이미지 일러스트레이터로 가져오기

 

1. 아래와 같이 이미지 영역을 선택한 후(컨트롤 + 레이어 썸네일 클릭) Ctrl + C를 눌러 복사합니다.

 

 

2. 일러스트레이터에서 Ctrl + V를 누르기만 하면 됩니다.

 

래스터 이미지 벡터로 변환하기

 

1. 일러스트레이터(2019버전 기준)에서 래스터 이미지를 선택하면, 상단 툴바에 Image Trace라는 메뉴가 나옵니다. 클릭합니다.

 

2. 래스터 이미지가 벡터화 되긴 했지만, 패스로 표시되지 않았습니다. 상단 툴바에서 Expand를 눌러줍니다.

 

 

3. Expand를 누르면 아래와 같이 패스로 변환된 것을 확인할 수 있습니다.

 

벡터화(이미지 트레이스)가 안된다면?

 

처음에 검정색이 아닌, 밝은 노란색으로 했을 때는 벡터로 변환이 되지 않았습니다.

 

포토샵 이미지를 일러스트레이터에서 벡터화할때는 연한 색보다는 진한 색이나 검정색으로 불러와보세요.

 

색상은 벡터화를 마친 후에, 포토샵에서 작업한 이미지를 붙여놓고 스포이드로 찍으면 됩니다.

 

 

이상으로 포토샵에서 작업한 패스, 이미지를 불러오고 벡터화하는 방법을 간단히 알아보았습니다. 읽어주셔서 감사합니다.