일러스트레이터 칼선 - illeoseuteuleiteo kalseon

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(Tip! 

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

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

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

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

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

벡터를 합쳐요. (PathFinder)

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

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

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

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

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

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

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

패스단순화 

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

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

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

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

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

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

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

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

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

이번 포스팅에서는 스티커를 제작할 때 필수 요소인 칼선을 만드는 방법을 알아보겠습니다.

칼선이란 스티커를 떼어내기 위해 미리 컷팅된 선으로, 칼선이 없다면 가위나 칼로 스티커를 직접 오려야 합니다.

스티커 제작 업체마다 다르겠지만, 필자가 자주 이용하는 업체에서는 스티커 바깥쪽으로 2mm의 간격을 두고 0.5pt의 스트로크(Stroke)에 색상은 Magenta 100%로 만드므로, 이 조건에 따라 칼선을 만들어 보겠습니다.

예제로 사용하기 위해 일러스트레이터의 로고 이미지를 준비했습니다.

이 이미지를 스티커로 제작한다고 가정하고 칼선을 만들어 보겠습니다.

우선 스티커를 인쇄할 것이기 때문에 CMYK 모드로 새 문서를 생성합니다.

일러스트레이터 로고 파일을 아트보드로 드래그합니다.

로고 파일 위에 있는 X자 표시를 없애기 위해서는 화면 상단의 [Embed]를 선택합니다.

[Ctrl + C]와 [Ctrl + F]를 눌러서 레이어를 제자리에 복사합니다.

원본 레이어는 잠시 숨기도록 하겠습니다.

복사한 레이어를 선택하고 화면 상단에서 [Image Trace]를 선택합니다.

일러스트레이터 로고가 검게 변했습니다.

다음으로 화면 상단에서 [Expand]를 선택합니다.

일러스트레이터 로고에 패스(Path)가 생긴 것을 알 수 있습니다.

화면 왼쪽의 툴 패널에서 [채우기(Fill]]를 [없음]으로 설정합니다.

일러스트레이터 로고가 아래와 같이 바뀌었습니다.

화면 좌측의 툴 패널에서 [채우기(Fill)] 대신 [스트로크(Stroke)]를 선택합니다.

다음으로 [Stroke] 옵션에서 스트로크의 두께(Weight)를 0.5pt로 지정합니다.

화면 왼쪽의 툴 패널에서 [Stroke]를 더블클릭합니다.

칼선의 색상을 CMYK에서 Magenta 100%로 지정합니다.

칼선이 생겼지만 일러스트레이터 로고의 모서리가 둥근 정사각형이 아닌 정사각형 안에 둥근 정사각형이 포함된 모습입니다.

화면 왼쪽의 툴 패널에서 도형 구성 도구(Shape Builder Tool)를 선택합니다.

둥근 정사각형을 제외한 나머지 뾰족한 모서리 부분을 [Alt]를 누른 채 마우스를 해당 부분에서 바깥쪽으로 드래그하여 제거합니다.

이제 칼선이 거의 다 완성되었습니다.

다음으로는 화면 상단에서 [Transform]을 선택한 다음, 가로(Width)와 세로(Height) 길이를 2mm씩 늘립니다.

이제 원본 이미지가 다시 보이도록 합니다.

일러스트레이터 로고의 2mm 바깥쪽에 칼선이 생겼습니다.

다음 포스팅에서는 다른 예제로 칼선을 만들어 보겠습니다.

* 이 글은 Adobe Illustrator CS6 버전을 기준으로 작성하였습니다.