애프터 이펙트 기초! 공튀기는 애니메이션 영상 만들어보기!

안녕하세요.

냉칠이입니다.

오늘은 모션그래픽에서 기본이라고 할수있는

공튀기는 애니메이션입니다!

그럼 에프터이펙트를 켜봅시다!

---

컴포지션세팅은 GIF를 올리기 위해

1000X1000 사이즈로 했고

간단하게 공처럼 보이는 동그라미 하나 /

그리고 땅처럼 보이는 사각형 하나만들어주었습니다!

앵커포인트는 공의 아래에 해주세요!

---

그리고 대략 1초쯤 넘어가신다음에

공을 땅과 맞닿게 위치하신다음에

Position 키프레임을 넣습니다!

그 다음 0초로 돌아와서

떨어질 위치로 올려주세요!

그럼 이런식인 영상이 하나 만들어집니다!

---

그런 다음

다시 공이 올라가겠죠!?

근데 여기서 

공이 다시 원래 높이로 돌아갈까요?

아니면 조금 더 높이까지 올라갈까요?

* 바로 원래 자리로 돌아가지는 않습니다!

** 왜냐하면 탄성때문에 원래 자리 상태로 돌아가지는 않죠

*** 그러면 두번째 올라갈때는 처음높이보다 살짝 낮은 높이로 옮겨주세요.

---

그럼 이런식으로 키프레임을 찍을 수 있습니다!

* 만약 키프레임을 일정한 간격으로 찍게 되면

속도가 일정하게 유지가 되면서 

실제 공튀기는 모습처럼 보이지가 않습니다.

어떤가요?

키프레임을 일정한 간격에 두었을때의 공튀기는 느낌입니다.

뭔가 두둥실 떠다니는 느낌이 나지않나요?

---

---

이제 여기에 키프레임을 모두 선택하신뒤

Easy Ease (F9)를 눌러주세요!

---

아까보다는 괜찮은거같은데

무엇인가 어색하죠?

그럼 이제 키프레임 그래프에디터를 한번

만져봅시다!

---

그래프를 보시면

하나의 키프레임으로 넘어갈때

천천히 올라갔다가 천천히 내려오죠?

그래프 속도가 점점 내려가야되는데

눈대중으로하다보니 이상하네요.

---

그럼 그래프를 한번 만져보도록 하겠습니다!

그래프를 만져 보았습니다!

그래프 설명을 간단하게 하자면

* 실제 공을 하나 잡고 위에서 떨어뜨리면 가장 빠르게 떨어지고 가장 빠르게 올라오죠.

** 그 다음은 바닥에 부딪혀 에너지를 손실하기 때문에 공이 처음보다는 빠르지 않죠.

*** 이거를 머릿속으로 기억하신다음에 그래프를 만지실때

처음 그래프의 높이보다는 뒤로 갈수록 점점 낮아져야 됩니다!

그래프를 어떻게 저런 모양으로 만들까?는

1번과 2번은 오른쪽으로 당겨주시고 / 3번과 4번은 왼쪽으로 당겨주시면

이런식의 모양이 만들어지는데 

빨강색으로 동그라미친 부분이 높이가 동일하게 만드셔야됩니다!

이런식으로 나머지 키프레임도 노가다를 마무리 해주신다면...

 

이런식의 공튀기는 영상을 하나 만들수있습니다!

(GIF 파일로 올리면 공이 제대로 땅에 닿지않는 것처럼 보여서

영상으로 올렸습니다!)

---

사실 여기서 마무리해도 딱히 상관은 없습니다.

하지만 더욱 디테일을 살려주자면

이 부분에 Scale 애니메이션을 넣도록 하겠습니다!

---

왜 Scale 애니메이션을 넣을까?

* 공이 바닥에 닿으면 상태가 유지되는게 아니라

찌그러지겠죠?

** 그래서 Scale 애니메이션을 넣어서 바닥에 닿을때 살짝 찌그러지는 애니메이션을

넣어서 디테일을 살려주는 것입니다! 

---

0초에서는 Scale 값 100을 넣어주고

땅에 닿는 부분은 Y축만 90을 넣었습니다.

이 키프레임은 뭐냐?

공이 땅에 닿을때 늘어나는 듯한 표현을 하기 위해 

땅에 닿기 바로 전에 Scale Y축값을 110으로 넣었습니다!

이 작업을 이제

계속해서 반복하시면 되는데

높이가 낮아질수록

Scale Y값이 100을 향해 가겠죠?

* 만들다 보니 처음 땅에 닿는 값을 90으로 해서 뒤로갈수록

값이 부족했네요

** 넉넉하게 80정도 잡으면 될거같습니다!

---

 

이렇게 완성이 되었습니다!

간단한거 같지만

노가다가 많이 필요해요ㅠ

---

더 자세한 설명이나 영상을 보시려면

유투브에 [공튀기는 모션그래픽] 이라고 검색하시면

다양한 유투브 채널이 있으니

한번 보시는것도 추천해드립니다!!

---

포스팅 봐주셔서 감사하고

이 글을 보시는 분들

모두 행복하세요!