일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

안녕하세여
오늘은제가 일러스트레이터 기능중에 하나를 소개할려고 합니다
망으로 만들기라는 기능인데

우선완성작부터 보시져

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

만드는 과정은 유튜브로도 해놨습니다

포토샵에서는 어떤형태든 컨트롤 티를 누르면 자유변형이라고해서 자유롭게 변형을 할수가 있는데

일러스트레이터는 제가 그 기능을 잘 모르겠더라구요

그런데 실무에서 사용이 없었기때문에 필요가 없었는데 이번에 딱 저 변형가능이 필요해진거에여..

그래서 네이버 지식인도 찾아보고 카페도 가보고
구글도 가보고 했는데
찾지 못했습니다 ㅠㅠ

그래서 포토샵에서 변형해가지고 일러스트로 가져와야하나 하고 고민했는데

드디어 그 기능을 발견해서 공유할려고 이글을 씁니다

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

다시 완성작부터 보고간다면
저렇게 원기둥형태에

글씨를 곡선으로 원기둥 형태에 맞게 곡선을 넣어주는것입니다 ㅠㅠ 포토샵에서는 저 쉬운기능을 일러스트에서는 찾을수가 없다니...

아무튼 제가 이것때문에 네이버 지식인에 검색했을때
알려줬던 방법을 말해보자면

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

이렇게 원기둥이 있구요

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

넣고싶은 글자가 있습니다

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

원기둥에 넣어놓으면 당연히 어색합니다
투시가 안맞거든요

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

우선 제일먼저할 작업은 윤곽선 만들기

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

그러면 더이상 글자를 수정할수 없습니다

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

이건 네이버 지식인에서 알려줬던 방법입니다

효과>왜곡과 변형>자유왜곡
뭔가 이름이 포토샵의 자유변형과 비슷한느낌이져..

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

자 이렇게 자유 왜곡 창이 뜨고 왜곡할 수 있습니다

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

근데 이건 곡선보다는 직선으로 한쪽을 크게
아니면 한쪽을 작게할때 사용하면 좋을거같은 기능이네여

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

이렇게 기울이기 같은것도 됍니다

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

하지만 이런식으로 원기둥과는 맞지않는 효과같습니다

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

우리는 글씨가 원기둥으로 곡선으로 제작이되야하는데 말이죠

-----------------

여기에서 이제 제가 알아낸 방법입니다

오브젝트>둘러싸기 왜곡> 망으로 만들기

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

망으로만들기 기능입니다

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

둘러싸기 망의 행과 열을 설정할수 있는데
그냥간단하게3으로 할게요

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

그러면 이렇게 글자안에 라인이 생깁니다
포토샵처럼 생기죠?

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

원기둥의 형태에 따라 곡선을 만들어주세요

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

곡선을 자연스럽게 만들어줘야합니다

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

자이렇게 곡선을 자유롭게 해줬다면 다됐습니다

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

오른쪽 마우스를 클릭하고 선택한 그룹분리를 하면
글자의 색깔도 변형할수 있습니다

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

이렇게 완성했습니다

저처럼 곡선 왜곡변형을 원하시는 분들에게
도움이됐으면 좋겠네요

과거 일러스트 강좌 중 글씨를 도형에 적용시켜 왜곡시키는 방법에 대해 언급한 바 있습니다. 해당 댓글에는 적용 완료된 글씨를 외곽선만 딸 수 있는지에 대한 문의가 있었고 이 방법에 대해서 한 번 다루면 좋을 것 같아서 이렇게 글을 작성하게 되었습니다. 먼저 일러스트레이터의 기능 중 하나인 envelope distort에 대해서 살펴보시기 바랍니다. 아래에 링크를 남겨놓았습니다.

 

일러스트레이터 도형 모양대로 글자 적용시키는 envelope distort 사용 방법

 

일러스트레이터 도형 모양대로 글자 적용시키는 envelope distort 사용 방법

일러스트레이터에서 도형 안쪽에 글자가 꽉차게 적용되는 방법입니다. 일반적으로 도형 안쪽에 글자를 빼곡히 채우는 방식이랑은 다릅니다. 말그대로 텍스트 모양을 도형안에 왜곡시켜 적용하

rgy0409.tistory.com

어떤 기능인지 확인하셨다면 이제 다음 과정으로 넘어가겠습니다.

 

항상 변형 뒤에는 Expand로 확정을 짓는다고 생각할 것

그렇습니다. 폰트든, 도형이든 모든 오브젝트에 대해서 변형 및 왜곡 완료 후 이제 이 모양 그대로를 사용하겠다고 결정했다면 반드시 Expand를 진행해야 합니다.

 

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

방법은 간단합니다. 먼저 오브젝트를 선택 후 Object > Expand (또는 Expand Appearance)를 실행하면 됩니다.

 

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

그러면 익스팬드 옵션창이 뜨는데 Expand 항목에 모두 체크가 되어있는지 확인 후 OK 버튼을 눌러주기면 하면 됩니다.

 

결과 확인

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

그러면 이렇게 변형된 텍스트가 그대로 하나의 도형이 됩니다. 이제 면 및 선 색상 변경을 자유롭게 할 수 있는 상태가 되었습니다. 또한 텍스트 하나 하나가 도형이므로 각 글씨별 색상 변경도 가능합니다.

 

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

서로 붙어있지 않는 자음/모음은 각 개별로 하나의 오브젝트입니다. 따라서 현재 이 상태는 그룹화가 되어있습니다. 개별로 수정을 원한다면 마우스 우클릭 후 언그룹(Ungroup) 하거나 개별(간접)선택툴로 따로 선택해서 수정하면 됩니다.

 

일러스트 레이터 글자 왜곡 - illeoseuteu leiteo geulja waegog

이제 텍스트가 하나의 도형처럼 인식되므로 이렇게 선만 남기고 면은 삭제해서 외곽선만 남길 수 있습니다. 또한 선 굵기 변경도 가능합니다. 색상 변경도 가능하구요. 자유롭게 수정하는 일만 남았습니다. 끝.