[디자인 꿀팁 ✏️]일러스트레이터로 스티커 칼선 만들기

조회수 41

딱 맞춰서 잘라주시면 되지 여백이 왜 필요한가요?
이 파스텔 색상은 왜 인쇄가 안되나요?

전문디자이너가 아닌 고객들도 간편하게 툴을 다루고 디자인을 하고, 인쇄물을 접수하는 세상이 왔습니다.
툴은 점점 쉬위지고, 인쇄를 쉽게 접할 수 있게 되었고, 점점 더 유용한 소스들을 공급하는 회사와 콘텐츠들도 많아지고 있어요!

네모난 디자인유치원에서는,
정식으로 배우지 않았기 때문에 알 수 없었던 다양한 쉬운 디자인기초상식과 디자인 정보들을 공유합니다.



스티커 칼선 어떻게 만드나요? 스티커 칼선 만드는 방법

스티커를 만들다보면, 칼선이 필요한 경우가 있습니다.
어떤 때에는 직사각형으로 작업이 되지만,
어떤 때에는 글씨 모양대로 오려져야 할 때가 있어요.


꼭 스티커 뿐만이  아니라 이런 로고들의 폼보드를 만들고 싶을 때에도, 이런 모양의 칼선은 필요합니다.
이런 모양 칼선은 어떻게 만들면 좋을까요?

출처 : SOPOONG 페이스북 - 모양칼선 폼보드 (네모연구소 제작)


하나씩 찬찬히 살펴봅시다!


로고가 이미지 파일이어도, 칼선 쉽게 만들기

이미지 추적 (Image Trace) 기능을 이용하면 가능합니다. 


우선 어느정도 해상도가 높은 이미지 파일을 준비하여 선택하고,
[이미지 추적] 오른쪽에 위치한 화살표를 누릅니다.
(16 색상, 또는 다른 값으로 설정해서 이미지 내의 비슷한 색상끼리 모아 벡터화 합니다.)

이미지 추적이 적절하게 완료되었다면, → 확장을 클릭해주세요.
벡터로 변환된 것을 볼 수 있고 여기에서 우리에게 필요한 벡터만 얻어낼 수 있습니다.

이렇게 얻어낸 벡터는 완벽할 필요는 없습니다. 윤곽을 떼기 위해 필요한 거라
칼선을 만드는 용도이기 때문에 색상이 좀 변형 됐더라도 괜찮고, 보기 편하게 색상 없이 윤곽선으로만 보셔도 됩니다.



오프셋 (Adobe Illustrator 일러스트레이터)

오프셋 기능 (object > path > offset)

일러스트레이터의 오프셋 기능은 여러모로 유용합니다.
칼선을 벡터가 확보되었다면, 이 벡터 선을 기준으로 오프셋을 클릭해봅니다.

미리보기글 보면서 Offset과 Joins의 값을 적절히 조절하고 - 원하는 칼선을 만들어냈으면, 확인!
예쁜 구름 모양의 칼선이 만들어 졌습니다! 이 중 안쪽에 있던 벡터를 제외하고 칼선으로 사용하시면 됩니다.

(Tip! 

 그룹 안에 있는 벡터 path를 일부만 선택해서 지우고 싶을 때는 Ctrl을 누른 채 클릭해보세요.
 그룹 안쪽의 path도 각각 선택됩니다. 불필요한 벡터 하나씩 선택해서 Delete!)



패스이동은 Offset은 안쪽으로도 기능합니다.

예를 들어 여백을 두고 2mm씩 안쪽으로 스티커 칼선을 만들고 싶으면 "-2mm"를 기입하여 Offset하면 됩니다. 






이미지의 칼선을 만들어내는 기본적인 원리는 위에 보여드린 것과 같습니다.

여기에서 더해서, 발생할 수 있는 다양한 경우에 대처방법을 안내합니다.





벡터를 합쳐요. (PathFinder)

이미지 추적(Image Trace)와 패스디오(Offset)을 했더니 이런 다양한 색깔의 모양과 패스가 나왔다면,
패스파인더로 합쳐줄 수 있습니다. (PathFinder - Merge)


패스파인더 기능으로 이 모든 면(path)들을 한데 합칠 수 있습니다.  

패스파인더 기능은 겹쳐있는 패스들을 가장 겉부분의 윤곽선만 남기고 모두 합쳐버리는 기능입니다.
(윈도우 > 패스파인더에서 패스파인더 탭을 열고, -> 합치기 버튼 클릭!)




패스 단순화 (Path Simplify) & 매끄럽게 도구

위의 예제와 같이 해상도가 낮은 이미지 파일을 선택하면, 이미지 추적이 매끄럽지 않아 굴곡이 심하게 형성됩니다. 

이럴 때 유용한 도구가 바로 "단순화" 와 "매끄럽게 도구"인데요. 둘은 성격이 조금 다릅니다.

"패스단순화"는 변곡점의 수를 줄여주는 역할을 하고,
"매끄럽게 도구"는 굴곡이 심하거나 각진 부분을 조금 더 부드럽게 다듬어주면서, 변곡점이 오히려 더 생길 수 있습니다.


패스단순화 

오브젝트 - 패스 - 단순화를 클릭하여, 

아래와 같은 Bar가 나오면, 동그라미 부분을 왼쪽-오른쪽으로 드래그하면서,
어느정도 단순화 시킬지를 결정하시면 됩니다.


매끄럽게 도구 
매끄럽게 도구는 Shaper 도구 하위항목으로, 아래와 같은 모양을 하고 있습니다.
이 도구를 클릭해서 매끄럽게 하고 싶은 부분을 "문지르면" 됩니다. ("문지르다" 말고 달리 설명할 방법이 없어요 ^^:)

매끄럽게 만들고 싶은 path 선택한 후, 매끄럽게 도구를 선택한 후,
→ 위와 같이 각지거나, 굴곡이 많은 부분을 이리저리 문질러보세요. 마법같은 일이 벌어집니다!




예제는 해상도가 낮은 이미지 파일로 수행하였는데, 

해상도가 높은 이미지파일을 활용하거나 벡터 로고를 활용하면 더 깔끔한 칼선을 얻으실 수 있습니다. 

스티커 칼선 만들기 어려우실 때 한번씩 보면서 따라해보세요!


스티커 주문제작은 네모연구소에서! =)

또 다른 디자인 팁을 가지고 찾아올게요.