일러스트레이터 누끼 자동 - illeoseuteuleiteo nukki jadong

안녕하세요 오늘은 일러스트 알려 드릴려고 해요 ㅋ

일러스트에서 많은 비중을 차지하고있는것중에 하나가

선 따기 인데요 ㅋ 여러 각 디자인에 작업지시서 나

도면작업 등 으로 일러스트로 선을 따는 작업들이 많은데요

그중에서는 일러스트 자동으로 선을 따는 방법을 알려드릴께요.

우선 선 따기 작업을 하고싶은 그림을 선택합니다.

본인이 직접 손으로 스케티해서 핸드폰카메라로 촬영하거나

스캔을해서 가져오면 더욱 뿌듯하겠죠 ?ㅋ

저는 이 사진을 일러스트로 라인을 따려고해요 ㅋ

지금 알려드리는건 일러스트 프로그렘이서

설정되어 있는 값이기 때문에

자세하고 섬세하지 않을수도 있어요

완료가 되고난후에는 직접 손을 보시는게 깔금하고

정교하게 나올수있어요 ㅋ

우선 파일을 열어야겠죠

새창열기는 file-new 단축키로는 (Ctrl - n)입니다.

새 작업창 열기를 누르면 위에 보이는 사진처럼 뜨는데 작업창의 이름과

일러스트 작업창의 크기를 조절할수가 있어요.


다 정했으면 OK 버튼 누르면 되요.

하얀 도화지가 나오죠 ㅋㅋ

이제는 라인을 따야할 사진을 불러오면 되요

이미지 가져오기는 File-place를 누르고 저장되어 있는 파일 위치 경로를 찾아서 불러오면되요.

불러온 이미지 파일은 직각형의 크기에 수정이라고는 크기 위치 각도 조절이 대부분이지요.

색을 넣고해도 저 네모칸안에 뭉탱이로 들어가버리게 되죠 .
 

사진을 클릭하고 위에 작업 툴중에서

image Trace 를 눌러주면 비트맵에서 백터로 사진 이미지를 바꿔줍니다.

만약에 칼라가들어가거나 사진파일을 원한다면!!

우선 손작업끝나고 알려 드릴꼐요 ㅋ

백터로 만든 이미지 파일을 Expand로 라인을 따지게하면 저절로 라인이 따지게 됩니다.

간단하죠?

하지만 일리서트 자동 선 따기는 컴퓨터 안에서 설정되어있는 값으로

라인이 따져있는거이라 세밀하게 원하시면 손을좀 봐야겠죠??ㅋ

그리고 색이 들어가거나 사진파일을 일러스트로 바꾸는 방법은

예시로 친구가 찍어 보내준 사진으로 정할께요 ㅋㅋ

Image trace버튼 옆에 화살표 버튼 누르면 아래 창 이 뜨게되는데요 ㅋ

이건 설명으로 보여드리는것보다

이미지를 보여드릴게요 ㅋ

이렇게 화과가 적용되는데요 ㅋㅋ

집쩝 찍은사진가지고 효과를 줘보는것도

재미있을것같아요 ㅋㅋ

아무리 그래도 버튼 하나 만눌러서 작업에 의지히자말고

수정도 하는 작업되가길 발래요 ㅋㅋㅋ

일러스트 자동 선 따기 여기서 마칠께요 ㅋㅋ

본문 내용들은 필자가 디자인 작업을 하면서 쓰는 테크닉(?)을 정보공유도 하고 정리도 

할겸 작성하는 내용들입니다. 

디자인 툴을 다룬다는 것에 정답은 없다. (어떤 디자인을 하건 작업하는 사람 마음이다.)

하지만 어느정도의 규칙은 있기에 그런 개념들을 설명하는 블로그이니 문제가 있거나 틀린부분은 언제나 

태클 환영하며 피드백 또한 절실 합니다.ㅋㅋㅋ

그럼 첫번째 내용으론 jpg, png 등 모든 이미지 파일의 "라인따기" 혹은 "패스따기" 등을 알아 봅시다.

일러스트 작업을 하다 보면 이미지를 벡터화 시켜야 하는 경우가 발생한다.

펜툴로 하나하나 따기엔 시간이 오래걸리기에 그 시간을 단축 시키는 방법을 적어보려 한다.

우선 샘플 이미지부터 찾아보자.

위 이미지는 샘플이니 오해 없으시길...난 야구를 전혀 좋아하지 않는다.ㅋㅋㅋ

다시 본론으로 위와같은 이미지 파일을 패스따라고 한다면 시간이 제법 걸린다. 

이유를 몇개 찾아보면 

첫번째 폰트가 없다. 

(디자이너에게 폰트란 엄청 짜증나는 존재다. 왜? 작업pc에 폰트가 없으면 구매하거나 비슷한 폰트를 찾아야 하는데 이거 무지 스트레스다. 게다가 일시키는 사람들 중에 10이면 8명은 폰트의 저작권 개념이 없다. 걍 아무거나 비슷한거 쓰란다;;그러다 걸리면 누구 책임? 작업자 책임이다. 회사는 책임져주지 않는다. 모른다고 발뺌하면 되니까~ㅋㅋㅋ) 잡설이 길어졌다;;

두번째 야구공의 실밥!! 

저거 어찌하지? 하나 만들어서 복사하기? 자세히 보기 바란다. 실밥모양이 조금씩 미세하게 다르다~ㅋㅋㅋ 젠장... 모양 다음에 보이는건 실밥의 간격!! 저것 또한 일정하지 않다...ㅠ_ㅠ

이 두가지만으로 이 작업은 충분히 시간이 걸린다고 볼 수 있다.

하지만 빨리 끝내야 하는 작업이라면 다음과 같은 방법으로 해보세요~

1.

일러스트레이터 누끼 자동 - illeoseuteuleiteo nukki jadong

불러온 이미지를 선택한 후 일러스트의 상단에 보면 "Image Trace" 옆에 삼각형 버튼을 누르면 메뉴가 쫘~악 나온다.(각각의 적용 결과는 맨 밑에 있습니다.) 참!! 본인이 사용하는 일러스트 버전은 CS6 입니다.

버전별로 내용이 다르니 참고하세요. 많은 메뉴 중에 첫번째 High 로 시작하는걸 선택하세요.

2.

선택하고 나면 바로 옆에 "Expand" 버튼이 활성화 됩니다. 그걸 클릭!!

3.

짜~잔~

일러스트레이터 누끼 자동 - illeoseuteuleiteo nukki jadong

그러면 놀랍게도 이미지가 벡터화가 되었습니다. 참 쉽죠?? ㅋㅋㅋ

4.

해당 이미지를 선택후 마우스 오른쪽 클릭! 하면 "Ungroup" 이 보이실 겁니다. 이미지가 자동 그룹화 되어있다는 얘기죠~ 수정을 위해서 그룹해제(아래 그림과 같이) 하고 색깔을 바꾸던 내용을 바꾸던 하면 됩니다.

그러나 여기서 잠깐!!!!

일러스트레이터 누끼 자동 - illeoseuteuleiteo nukki jadong

"Image Trace"  이 기능에는 치명적인 단점이 있는데 그게 뭐냐면

잘보일라나 모르겠네~ 표시된 곳의 글씨와 실밥을 보면 뭔가 다르다고 느끼실 겁니다. 보이나요? 안보이면 말구~ㅋㅋ           

보인다고 치고~ 위 이미지가 원본이고 아래 이미지가 벡터화(패스따기) 인데 글씨와 실밥의 모서리 부분이 다름이 느껴지시나요? 흐릿해보이고 선명해 보이는게 핵심이 아닙니다.(그건 그냥 이미지와 벡터이미지의 차이입니다.)

네 맞습니다. 글씨 모양이 살짝살짝 변한게 보이죠? 그리고 실밥 모양도 조금씩 달라졌습니다. 간단히 정리하면 원본이미지를 패스따게 되면 글씨 폰트 자체가 변하고 다른 모양들도 변하게 됩니다. 이게 웹상에서 그냥 보여질 이미지면 괜찮은데 인쇄물로 보여질 파일이라면 얘기가 달라집니다. 이 얘긴 나중에 하는걸로

아무튼 이번 내용은 jpg,png,bmp 등의 이미지 파일을 벡터화 시키기 또는 자동 패스따기, 자동 라인따기 등의 내용을 다룬 것이니 참고하시면 될것 같습니다.~

일러스트 어렵지 않아요~ 저도 모르면 인터넷 찾아보고 그럽니다~ㅋㅋㅋ

그리고 마지막으로 "Image Trace" 의 종류별 변하는 결과물을 보고 마무리 할께요~

나도 그렇고 디자인일 하시는 모든 분들에게 조금이나마 도움이 되길 바라며 이번 포스팅은 여기까지~

일러스트레이터 누끼 자동 - illeoseuteuleiteo nukki jadong