일러스트 이미지 벡터화 - illeoseuteu imiji begteohwa

보통의 로고들은 대부분이 라인으로 이루어진 벡터(Vector)로 이루어져 있습니다. 벡터로 이루어진 것들은 해상도에 관계 없이 얼마든지 크기를 늘일 수 있기 때문이죠.. 일러스트레이터(Illustrator)의 'Image Trace'기능을 이용하여 실제사진을 라인으로 이루어진 벡터(Vector)방식으로 바꾸어 보겠습니다. (보기에 앞서, 맥의 command키는 윈도우의 ctrl키와 같으며, PC 버전에서는 이미지를 클릭하면 큰 화면으로 보실 수 있습니다)

▲ 실제 안경 사진

위의 사진처럼 보통 안경모양을 벡터 방식으로 일러화 시킬려면, 일러스트레이터에 위의 사진을 띄워놓거나 또는, 직접 손으로 그린 그림을 스캔을 떠서 따라 그리기 마련입니다. 하지만 저처럼 손재주가 그리 뛰어나지 않다면, 사진을 이용하여도 얼마든지 로고로 사용하는 벡터(Vector)방식으로 바꿀 수 있습니다. (단, 벡터화 시킬 이미지는 배경과 객체의 명암대비가 뚜렷할 수록 좋습니다)

01.배경과 로고가 될부분의 명암대비가 뚜렷한(위의그림처럼)사진을 구한다음 일러스트에 불러 온다. ( File - Place )

02.불러온 이미지를 선택하고, Image Trace버튼을 누른다.(이미지트레이스의 종류가 많으나, 이번에는 기본 이미지 트래이스를 한다)

03.Image Trace를 했다면, 계속하여 Expand를 눌러 벡터(Vector)화 시킨다.

04.Image Trace를하고 Expand를 하였다면, 위의 그림처럼 원래의 사진이 벡터화로 바뀐 걸 볼 수 있다.

05.깔끔하게 분리 시키기 위하여(잔잔한 선들이 남아있음) 마술봉을 활용하여, 검정색 부분 아무곳을 클릭하고(검정부분만 선택 됨), command(ctrl) + C , command + V 를 반복하여 깔끔하게 검정색으로 이루어졌던 안경 부분만 복사시킨다.

06.복사한 안경은 제외하고, 기존의 안경 부분은 전체 선택하여 키보드의 Delete버튼을 눌러 삭제 시킨다.

07.기본적으로 안경사진을 벡터화 시키는 과정은 끝이났다. 이제, 깔끔하게 만들기 위하여 위의 그림처럼 연필툴(Pencil Tool)을 활용하여 튀어나온 라인부분을 제거 한다. (안경의 나머지 한쪽은 삭제하고 복사할 예정이기 때문에 한쪽만 작업하면 된다)

▲ 뾰족한 라인이 제거 된 모습

08. 계속하여, 뾰족한 부분은 제거 했으므로, 울퉁불퉁한 라인을 부드럽게 하기 위하여, 연필툴을 꾸욱 눌러 'Smooth Tool'로 변경하고, 부드럽게 할 라인부분을 방향 대로 쓱쓱 그어 준다.

▲ Smooth Tool툴을 이용하여 울퉁불퉁한 라인을 부드럽게 한 모습.

09.이제, 안경을 정확하게 등분하기 위하여, Line툴을 이용하여 안경의 가운데 부분을 세로로 그어주고 선택툴(V)로 안경과 라인을 두개 다 잡고, 패스파인더(Pathfinder)의 Divide 버튼을 눌러 이등분 시킨다. (패스파인더 팔레트가 없다면 일러스트 상단의 Window - Pathfinder를 체크 하면 된다)

10.패스파인더(Pathfinder)를 이용하여 안경을 이등분 했다면, 나머지 한쪽 부분(라인 정리를 하지않은 쪽)은 직접 선택 툴(A)로 선택하고 키보드의 Delete 키를 두어번 눌러 완전하게  지운다.

▲ 라인 정리를 한 한쪽 부분만 남은 모습.

11.모퉁이 부분의 모양이 보기 싫다면, 위의 그림처럼 도형툴로 구멍난 부분을 덧대고, 역시나 직접 선택 툴(A)로 위의 그림처럼 빨간박스된 부분을 드래그하여 패스파인더의 합치기(Unite)버튼을 눌러, 합친다.

▲ 뚫려있던 모퉁이까지 깔끔하게 합친 모습.

12.안경의 한쪽 부분을 완벽하게 수정을 다했다면, 이제, 똑같이 반대편으로 하나 더 복사하기 위하여 'Reflect Tool'을 선택하고, 키보드의 'alt'키를 누른채 안경의 가운데 부분을 클릭하여, 중심점을 잡아준다. 그리고 위의 그림처럼 세로로 하나 더 복사 한다.

▲ 좌우가 똑같은 안경

13.마지막으로, 직접 선택 툴(A)로 위의 이등분 된 중심부분을 드래그 하여 선택하고 패스파인더의 합치기(Unite)를 하면 완벽하게 한 덩어리로 된 안경모양 심볼을 얻을 수 있다.

▲ 좌우가 일치하고, 한 덩어리로 벡터화된 안경

모두 이어진 라인으로 작업을 끝냈다면, 이처럼 다양한 색상도 쉽게 줄 수 있다.

사진을 이용하여 일러스트레이터에서 벡터(Vector)화 시키는 과정을 알아 보았습니다. 앞서 말했듯이, 벡터화 시키는 이유는 해상도에 관여없이 크기를 늘였다 줄였다 할 수 있는 특징이 있기 때문입니다. 이 이유때문에 거의 모든 로고는 벡터화 된 작업(일러스트레이터)을 합니다.  로고의 심볼을 만드는게 힘들었다면, 위의 방법처럼 배경 대비가 확실한 이미지를 하나 구한다음, 벡터화 시켜 나만의 타이포를 넣는다면, 멋진 로고를 만들 수 있습니다.

아래의 벡터화 시킨 Ai파일을 첨부합니다.