어도비 일러를 활용한 일러스트 제작 4. 이미지 트레이스

롤스토리 디자인 연구소 유튜브를 따라 하며 정리해본 학습 내용입니다.

https://www.youtube.com/watch?v=wq_5QBgt5_c&list=PLF3xwVWbSafyR5iqpL7Qqmp16btJj0hgS&index=56

어도비 일러를 활용해서 일러스트를 제작하는 과정을 포스팅 합니다.

네 번째로 이미지 트레이스를 활용하여 이미지를 벡터화 시키고 로고를 만들어 보겠습니다.

오늘 만든 안경 로고

먼저 구글에서 적당한 안경 이미지를 하나 가져 옵니다.

저는 위 사진을 택하겠습니다.

우클릭 - 이미지 복사를 해서 가져 옵니다.

이후 일러스트레이터 캔버스에 Ctrl + V 로 이미지를 붙여주고, Alt를 누른 채 드래그 하여 복사합니다.

복사한 이미지를 선택하고, 벡터화를 하겠습니다.

* 벡터화란?

이미지를 벡터 형태로 만들어 크기를 늘렸다 줄였다 해도 깨지지 않는 형태입니다!

벡터화 되지 않은 왼쪽 이미지, 벡터화 한 오른쪽 이미지

이 때 사용하는 것이 이미지 트레이스 라는 기능입니다.

방법은 다음과 같습니다.

사진을 선택하고 상단 또는 오른쪽의 패널에 Image Trace를 클릭합니다.(한글은 이미지 추적 이라고 되어 있습니다)

Image Trace 이후 오른쪽 달력표시?를 눌러줍니다.

그럼 이 패널이 뜨는데 여기 값들을 조절하면서 적당한 모양을 맞춰보세요~!

저는 패스를 조절하면서 맞춰 보았습니다.

이후 Expand를 눌러주면 벡터화가 완료 됩니다.

저는 확장 이라는 버튼이 있네요.

확장 클릭

이후 Y를 눌러 매직 완드 툴을 이용해 이미지의 흰 배경을 선택한 후 지워줍니다.

캔버스 바깥으로 이미지를 이동시킨 후 지우면 파악하기 좋습니다.

매직완드 이용하여 흰 배경 선택 후 지워주는 모습

이렇게 한 후 아래에 텍스트를 넣어 완성을 시킬 수 있기도 하고, 더 다듬는 작업을 진행한 후 완성을 시킬 수 있습니다.

일러스트 학습하는 것을 정리할 겸 일부러 더 다듬어 보겠습니다.

안경의 왼쪽 부분만 남기고 절반을 잘라주겠습니다.

\를 이용해 선을 그리고 패스파인더의 Divide 기능을 이용해 잘라줍니다.

이후 a를 눌러 Direct Selection Tool을 활성화 한 뒤 안경의 오른쪽 부분을 전부 선택하여 제거해줍니다.

왼쪽 안경의 모양을 좀 더 다듬는 작업을 한 후 오른쪽으로 복사하여 반전 시켜주면 대칭이 되는 안경을 만들어줄 수 있습니다.

이를 생각하며 왼쪽 안경을 다듬는다면 다음과 같은 툴을 사용할 수 있습니다.

Shift + E : 지우개 툴

B : 브러쉬 툴

위 툴 둘 다 대괄호 [ ] 를 이용해 크기를 키우고 줄일 수 있습니다.

이후 아래 사진과 같은 매끄럽게 해주는 도구를 활용하여 안경테 부분의 테두리에 맞춰 슥슥 해주시면 매끄러워 집니다.

매끄럽게 도구(Smooth Tool)를 사용하기 전, Direct Selection Tool을 사용해 해당 오브젝트를 선택해주고 사용해야 하는 점 유의하시면 되겠습니다.