일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

일러스트이미지따기(이미지추적) 간단 튜토리얼

일러스트이미지따기(이미지추적) 간단 튜토리얼

안녕하세요, 오늘도 팁쟁이가 되어 돌아왔습니다.
저번엔 포토샵이미지분할에 대하여 포스팅했었는데요!
이번 포스팅은 간편하게 일러스트이미지따기에 대한
포스팅이 될 것 같습니다.

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

일러스트는 다룰줄 알면 생각보다
편하고 쓰일 곳이 많은것 같습니다.

포토샵이 비트맵(도트를 한올한올 찍어 점선면을 만든다.)
방식이라면 일러스트는 벡터(선과 선사이의 궤적을 연산)
방식으로 차용하여 아무리 이미지를 쭉쭉
늘려도 그림이 깨지지 않아 다용도의 디자인 작업에
사용되고 있습니다.

오늘 소개시켜드릴 일러스트이미지따기는
기존에 있던 이미지를 간단하게 레이어별로
분리시키는 방법입니다.

[ 이미지추적 ]

간단히 말하면 이 이미지를 벡터값이 유추(추적)해서
레이어 선을 따줄게!(분리시켜줄게) 라고 보시면 됩니다.

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

Que sera sera = 될대로 되라 라는 뜻이라는데 마음에 드네요.

저는 오늘 'Que sera sera' 라는 문구를
이미지 분리하여 벡터레이어로 변경시킬 것 입니다.

깔끔하게 이미지를 따기위해선 이미지가 서로
색상 혹은 명도 대비가 선명한게 편하기 때문에
처음엔 포토샵의 힘을 약간 빌리도록 할게요.

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

명도를 조절하여 글씨와 종이부분을 분리시킬
수 있도록 레벨값을 조정해줍니다.

단축키는 Ctrl + L 혹은
레이어 하단에 보이는 효과를 눌러 레벨을 선택하면
수치조절 창이 뜹니다.
수치를 입력하여 원하는 만큼 값을 조정해주세요.

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

레벨값을 조정한 레이어를 사용할 영역만
남겨두고 크롭하여 저장합니다.
포토샵이 할일은 여기까지!

이제 일러스트를 켜주세요.

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

레이어를 분리시킨 이미지를 불러온 뒤
해당 이미지를 선택해주세요.
그럼 상단에 이미지추적창이 활성화됩니다.
글씨 옆에 작은 ▼ 화살표를 누르면
다양한 옵션이 뜹니다.

저같은 경우는 까만 글씨를 흰 배경에서
때내기 때문에 정교한 작업이 필요하지 않아
회색 음영 혹은
3색상
(이미지를 3개의 색상으로 분리시켜주겠다.)
충실도가 낮은 사진
(어느정도 같은 선상의 색들을 한레이어로 합쳐버리겠다)

등을 사용했는데 컬러가 많은 이미지를
작업하실 땐 아무래도 충실도 높은 사진이나 16색상을
선택하시는 것이 좋을것 같습니다.

때고 싶은 이미지에 따라 맞는 필터가 따로 있으니
눌러보고 결정하는 것도 좋은 방법입니다.

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

추적결과가 떴습니다.
추적 결과는 이미지추적을 눌렀을 때
적용되는 이미지들을 미리보기로 보여주는
것 입니다. 해당 이미지가 마음에 들면
추적 결과 옆에 확장을 눌러주시고 마음에 들지
않으시다면 Ctrl + Z로 뒤로가셔서 다시
원하는 필터를 골라주시면 됩니다.

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

확장을 눌러서야 비로소 완전히
이미지추적이 적용되었습니다.
레이어창을 보면 분리된 이미지레이어들이 잔뜩
보이실 것 입니다.
이제 저 이미지들은 뚝뚝 떨어지는 하나의
객체들이 되는 겁니다.

(자 이제 이대로 사용해볼까?)
O
o

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

다 끝난줄 알았지만 끝나지 않았다.

저는 이미지들이 구멍이 뚫린 부분들이 있기 때문에
추가로 패스파인더를 사용하여
교차영역제외 (혹은 나누기) 효과
적용시켜줄 것 입니다.
패스파인더 기능은 아래와 같습니다.

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

이미지 추적후는 대부분 패스파인더 미적용
알파벳 a와 같은 상태입니다.

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

레이어가 각각 분리되긴 했지만 분할이 되진 않은
상태인 것이죠.
a는 구멍이 있어야 a이겠지요?
그런고로 패스파인더로 구멍을 뚫어주도록 하겠습니다.

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

패스파인더를 키는 방법은 [윈도우]-[패스파인더]
경로로 켜주시면 됩니다.

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

레이어가 전체 선택된 상태로
패스창에 왼쪽 맨 아래 '나누기'를 눌러주면
레이어가 분리됩니다.

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

저는 맨 위 오른쪽 '교차영역제외'를 사용하여
아얘 겹쳐진 부분의 레이어를 삭제시켰습니다.

이제 이 이미지를 그대로 저장해두면 일러스트이미지따기 끝★

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

일러스트 이미지 선 추출 - illeoseuteu imiji seon chuchul

일러스트이미지따기를 사용하여 뜯은
이미지로 적용해본 굿즈이미지 입니다.

어떠신가요? 일러스트이미지따기 많이 어렵진 않지요?

일러스트로 이미지를 뜯어두면 해당 이미지가
벡터레이어가 되어 아무리 쭉쭉 크게 레이어를
늘려도 깨지지않는 큰 장점이 있기에
굿즈디자인이나 물품, 패브릭디자인등
다방면에 이용이됩니다.

저는 간단하게 글자를 이용하였지만 캘리그라피라던가
귀엽거나 독특한 그림을 사용해 나만의
티셔츠나 가방을 만드는 등 다양한
영역으로 활용 가능하니
재밌고 유용하게 사용하시길 바랍니다 :)