애프터 이펙트 / 키네틱 타이포그래피(Typography Stretch) 두번째 영상을 만들어 보자!

안녕하세요!

냉칠이입니다.

이번 포스팅은 저번에 만들었던 Typography Stretch의

두 번째 영상을 만들어 보겠습니다!

*오늘 포스팅에는 사진이 많이 포함될 거 같습니다.

이점 유의해주셔서 보시면 감사하겠습니다!

---

우선 하는 법은 

지난 포스팅과 동일합니다!

[2D Motion Graphic] - Typography Stretch 첫 번째 영상을 만들어 보자! (2D 모션그래픽)

Typography Stretch 첫번째 영상을 만들어 보자! (2D 모션그래픽)

만약 어떤 방식으로 하는 건지 알고 싶으시다면

포스팅했던 곳 들어가셔서 한번 봐주시기 바랍니다!

---

여기서 Tip 하나 드리자면

Create Shapes from text로 만드신 다음에

남은 안 쓰는 찌꺼기들은

레이어를 선택하신 뒤 해골바가지(?) 문양을 클릭해주시고

동그라미 친 해골바가지를 눌러주시면 

안 보이게 됩니다.

이거는 사라진 게 아니라

잠깐 안 보이게 한 것이니

만약에 keyframe 작업을 하다가 망치시면

다시 해골바가지 누르셔서

보이게 한 다음에 다시 하시면 됩니다!

---

---

0초에서

Path를 다 스톱워치 눌러주시고

처음 어떤 글자를 Keyframe Animation을 줄 건지 생각하신 다음에

나머지는 자물쇠로 묶어주시기 바랍니다.

그러면 글자를 제외한 다른 글자들은

클릭이 되지 않아서

편하게 작업하실수 있습니다.

저는 일단 [StudiO]라는 글자에 먼저 작업을 해보겠습니다!

 

---

우선 0초에서 u 글씨의 짝대기 부분만 이렇게 끌어 댕겼습니다.

그다음 1초로 가셔서

다시 i 글자를 늘렸습니다!

이번엔 d의 기둥을 당겼습니다

* 이때 만드실 때

이렇게 움직인 부분을 제외하고는

빈 키프레임이 생기 실 텐데

이 부분은

저 부분을 누르셔서 키프레임을 삽입해주셔야 됩니다!

---

 

만약에 저는 다음 애니메이션을

d 가 줄어들면서 StudiO라는 글자를 딱 만들건대

중간에 키프레임 삽입을 안 해주시면

이런 식으로 돼버립니다...

그래서 이미 키프레임을 찍은 다음에

중간에 다시 키프레임을 찍어서 하면 되지 않나?

라고 생각하실 수 있을 텐데

이미 끝 프레임이 움직이게 해 놓은 상태라

중간에 키프레임을 찍어도 똑같이 따라서 움직이게 됩니다.

---

그래서 이 영상을 만들 때는 1초에서 하고 싶은 부분 하시고

모든 키프레임 애니메이션 넣어주시고

하셔야 됩니다!

그럼 아까 하던 작업마저 하겠습니다!

사실 작업 자체는 다했습니다.

맨 마지막 3초에서는

0초에서 찍었던 키프레임들을 복사해서 붙여 넣으면 끝입니다!

---

* 만들다 보니 Loop 영상이 돼버렸네요!

[2D Motion Graphic] - 두 번째, Infinite Loop 영상 만들어보자! (2D 모션그래픽)

두번째, Infinite Loop 영상 만들어보자! (2D 모션그래픽)

Loop 영상이 뭔지 궁금하신 분들은

제가 만들었던 Loop 영상 포스팅 들어가셔서 구경 한 번씩 해보세요!

---

* 여기에 이제 자기가 원하는 대로

키프레임 그래프 조절만 해주시면 완성됩니다!

---

위에 했던 방법으로 다른 글자도 다

만들어 넣어 주시면 됩니다!

저는 다른 글자도 똑같이 

만들고 오겠습니다!

5

 

4

 

3

 

2

 

1

완성이 되었습니다!

하나를 완성하실 줄 아시면

나머지 글자는 감이 잡혀서

하시기 편하실 겁니다!

---

어제의 Typography Stretch에 이어서

다른 디자인으로도 만들어 보았는데요

어떠신가요?

---

다음 포스팅 때도 

괜찮은 영상으로 찾아뵙겠습니다!