본문 바로가기
카테고리 없음

일러스트레이터 물결 모양 글자 만드는 방법(illustrator wave text effect)

by 몽글구름빵 2023. 11. 11.

일러스트레이터에서는 여러 가지 물결 모양의 그래픽 효과를 낼 수 있는데요, 오늘은 Make with mesh(Alt+Ctrl+M) 기능으로 텍스트를 변형하여 물결 모양 글자를 만드는 빠르고 쉬운 방법에 대해서 알아보겠습니다.

 

일러스트레이터 물결 텍스트 만들기 썸네일

Mesh 기능이란?

작업하기 앞서 Mesh 기능에 대해 간략히 알아보겠습니다. Mesh는 일러스트레이터에서 그래픽 디자인을 할 때 사용되는 기능으로 복잡한 그러데이션과 텍스처를 적용하기 위한 그리드를 생성합니다. 이 그리드는 오브젝트의 모양과 크기에 맞게 조정할 수 있고, 그리드의 각 포인트를 컨트롤하여 변형이 가능합니다. Mesh를 이용하면 오브젝트의 다양한 색상과 효과를 부여하여 디테일한 그래픽 표현을 할 수 있습니다. Mesh 기능의 사용은 조금 다양하고 복잡할 수 있지만 익숙해진다면 그래픽 디자인을 하면서 다양하게 응용을 하실 수 있습니다.

 

Mesh 기능을 이용하여 물결 모양 글자 만들기

그러면 이제 일러스트레이터에서 위와 같이 물 위에 자연스럽게 일렁이는 텍스트 효과를 만들어 보겠습니다.

저는 Adobe Photoshop 2024 버전으로 작업했습니다.

 

아트보드 위에 텍스트 기재
Shift+Ctrl+O를 눌러 Create Outlines 적용

 

Step 1. 텍스트를 Outline으로 만들어주기

일러스트레이터 새 아트보드를 생성해 주시고, 물결 효과를 줄 텍스트를 적어줍니다. 저는 FLOW로 적어줬습니다. 텍스트를 선택한 상태에서 오른쪽 우클릭 > Create Outlines 또는 단축키 Shift+Ctrl+O를 눌러 텍스트를 Outline으로 만들어 줍니다.

 

 

텍스트 세로 사이즈 늘려주기

 

Step 2. 텍스트 세로 사이즈 늘려주기

텍스트를 Outline으로 만들어 주셨으면 세로 사이즈를 살짝 늘려줍니다. 물결 방향을 가로로 넣을 거 기 때문에 텍스트 세로 길이를 늘여주면 물결 효과를 좀 더 많이 낼 수 있습니다.

 

 

일러스트레이터 Make with Mesh 경로
Envelope Mesh 행과 열 수치 설정

 

Step 3. Make with Mesh 적용해 주기

상단 메뉴에 Object > Envelope Distort > Make with Mesh...(Alt+Ctrl+M) 경로로 들어가 주세요. Envelope Mesh 설정창이 뜨면 Rows(행)와 Columns(열)의 수치를 설정해 줍니다. 행은 원하는 수치로, 열은 1로 설정해 주세요.

 

 

그리드 행 양 끝 포인트 잡아주기
그리드 행 양 끝 포인트 잡아주기 확대샷

 

Setp 4. 그리드 행 양끝 포인트 잡아주기

행과 열 수치를 설정해 주시고 OK 버튼을 눌러주면 이렇게 그리드가 생기는데요, 그리드 양 끝의 포인트 부분을 Shift를 눌러준 상태로 마우스로 한 행씩 건너뛰면서 잡아줍니다. 잡아준 포인트 부분을 움직여줄 겁니다.

 

 

잡아준 포인트 부분을 가로방향으로 움직이기

 

Setp 5. 포인트 방향 이동해주기

그리드 양 끝에 잡아준 포인트를 가로방향으로 키보드 방향키로 움직여줍니다. 글자가 구불구불해지는 것이 보이시죠?

 

 

일러스트레이터 물결 모양 글자 만드는 방법 완성본

Step 6. 완성하기

마지막으로 배경을 추가하고 컬러를 변경하여 이미지를 완성해 줍니다. 그냥 텍스트를 얹혔을 때보다 좀 더 물결 효과가 잘 표현된 것 같습니다.

 

마치며

지금까지 Make with mesh(Alt+Ctrl+M) 기능을 이용하여 일러스트레이터에서 물결 모양 글자를 만드는 방법을 배워보았습니다. 다양한 텍스트와 Envelope Mesh에서 디테일한 설정을 하여 자유로운 물결 모양의 텍스트를 만들어 보시길 바랍니다. 감사합니다.