본문 바로가기

기초학습

일러스트 기초, 흔들리는 글씨표현

안녕하세요.
농이의 일상입니다.
글씨를 표현하다 보면 가끔은 생동감 있는 글씨를 표현하고자 할 때가 있습니다.
그래서 오늘은 일러스트로 글씨가 흔들려 보이는 방법을 알려드리려고 합니다!

 

끝까지 진행하는 동안 일러스트에서
중요하게 알아두어야 할 기능들도 함께 이야기

할 예정이니
눈 크게 뜨고 따라 해 보시기를 바랍니다!!

 

자 출발합시다!!

 

가장 먼저 생각해볼게요!
흔들려 보이는 글씨를 어떻게 만들 것인가?
글씨가 약간 왔다 갔다 하는 모양을 가지면 흔들려 보이지 않을까요?
아하! 일단 머리속에 저장!

 

그리고 그 과정을 위해
가장 먼저 필요한 것이 무엇일까?

 

바로

..................................

 

"글씨"

글씨가 있어야 다음으로 자신이 원하는 표현이 가능하겠죠?

이렇게
먼저 원하는 글씨를 적어줍니다.
글씨를 적고 색도 바꿔보고, 크기도 조절해 보시는 센스 필요하겠죠?!

 

* 이해를 돕기위해 검은 바탕에 흰색 글씨를 메인으로 선택했답니다!

 

이제 글씨를 수정해야 됩니다.

 

이 작업은 많이 들어보셨을 것 같은데요.
글자를 도형으로 인식하도록 글자를 깨 주는 작업이에요.

 

글자 깨기는 어떻게 할 수 있나요?! 간단하게 알려드리도록 할게요!!

1. 간단한 글자 깨기
- 글자를 선택한 상태에서 "오른쪽 우클릭 후 > 윤곽선 만들기 (Create Outlines)" 클릭

2. 간단한 글자 깨기
- 글자를 선택한 상태에서 키보드 단축키 "Ctrl + Shift + O" 함께 누르기!

 

이렇게 쉬운 방법으로 글자를 깰 수 있으니 꼭 기억해 주세요!

 

이제 글자가 움직이는 효과를 내보려 하는데요.
위에서 약간 왔다 갔다 하는 모양을 가지면 흔들려 보이는 것처럼 보일 것이라고 상상을 해 보았어요.
지지직~ 하는 것처럼 말이지요!

 

이제 이 표현을 함께 따라 해 보도록 할 거예요.

 


사각형 툴을 선택해 주세요.
그리고 자신이 글을 쓴 부분 위에 전체적으로 네모로 쭈~욱 그려주세요.
저는 참고로 네 개로 구성했답니다 :-)
두께도 자연스럽게 마음대로 구성하셔도 됩니다!!
마음대로 구성하셨다면 다음 단계로 가야 할 준비를 마친 것인데요.

 

여기서 일러스트의 또 하나의 가장 중요한 기능 "패스파인더" 기능이 나오게 됩니다.
간단하게 설명드리자면
"패스파인더(Pathfinder)"는 오브젝트들을 합치거나 나눌 수 있는 기능을 가지고 있습니다.

 

패스파인더가 어디 있는지 궁금하실까 봐 적어드립니다!
윈도우(Window) - 패스파인더(Pathfinder)에 있습니다 :-)

 

자세한 사항은 나중에 따로 다루도록 하겠습니다.

 

이제 글자와 사각형 박스 모두를 선택합니다.
그 후 패스파인더 - 나누기를 선택하여 겹쳐진 부분을 모두 분할합니다.

 

패스파인더를 누른 다음 단계로 들어가도록 합니다!
모든 것이 분할되어있는 상태입니다.

 


사진 3과 같이 꼼꼼하게 레이어 안으로 들어가
꼼꼼하게 빈 공간이 없이 모든 패스를 지워줍니다.
저도 뒤늦게 보니 3번째 N에 실수를 하나 했네요^^;; 이러시면 안 됩니다!ㅎㅎ

 

이렇게 모든 작업을 끝마쳤다면 이제 흔들리게 보이게 하는 작업만 남겨둔 상태입니다.

 

사각형 도구로 자른 가로라인을 쭈~욱 선택해 보실까요?
무슨 말씀인지 모르신다고요?
사각형 도구를 그렸던 라인만 선택해 보자는 거예요!
사진 예제 보고 따라 해 볼게요!

 


보이시나요?
사각형으로 그렸던 부분들을 단순히 키보드로 움직여 준 것뿐이에요.
그런데 아직까지는 2% 덜 부족함이 느껴지는 부분이 있어요.

 

그래서 조금 더 가다듬어 완벽하게 만들어보는 작업을 해보도록 할게요!

 

위에 보이는 사진을 하나의 개채로 그룹화하는 작업을 해야 해요.

그룹화는 Ctrl + G 또는 개채 선택 오른쪽 마우스 클릭 후 그룹(Group) 선택

 

개채들이 따로 움직이는 것이 아니라 하나로 묶이게 되었어요.

 

개채들을 복사해 주도록 할게요! ( Ctrl + C -> Ctrl + Shift + V )
색상까지 마음에 드는 색으로 변경해 주도록 해요.


이후, 개체의 배열을 뒤로해주세요! ( Ctrl + [ , Ctrl + Shift + [ )
그리고 뒤의 글씨가 보이도록 상하좌우 움직여 보세요.

 


저는 두 번을 복사하여 상하좌우를 움직여 배열했어요.
하나만 있을 때보다 훨씬 풍성한 모습이지 않나요?

 

어떤 글자 모양을 가지냐에 따라 또 다른 모습을 가질 수 있고
기울기를 어떻게 주느냐에 따라 다른 느낌을 가질 수 있고,
색상을 어떻게 주느냐에 따라 또 다른 느낌을 줄 수 있는 것 같아요!

 

이렇게 오늘은 농이가
일러스트에서 흔들리는 글씨에 대해 설명해 드렸는데요.
중간중간 패스파인더와 글자 깨기와 함께요!
천천히 따라 하면 쉽게 따라 하실 수 있으니
나만의 시그니처 글자 한 번씩 꼭 만들어 보기를 바랍니다!