[에펙레시피]텍스트가 멀어지는 애니메이션 튜토리얼

안녕하세요 에펙 레시피입니다.

위 이미지처럼 글자가 멀어지는 튜토리얼! 시작합니다!

 

 

우선 새로운 컴프를 만들어 줄게요, 전 위 이미지와 같은 사이즈인 [FHD] 크기 컴프를 만들어 주었습니다. 

만드시는 분들의 맞게끔 설정해 주시면 될 것 같아요. 

 

 

단축키 [Ctrl+Y]로 배경은 솔리드로 깔아주었습니다.

색은 필요하신 색상으로 선택하시면 됩니다. 

 

 

그리고 먼저 카메라를 꺼내 줍니다. 작업창에 마우스 오른쪽 버튼으로 열어주세요.

설정은 기본적으로 하셔도 괜찮습니다.

 

 

어떤 경고창이 뜰 건데 이건 3D 레이어가 없어서 뜨는 내용이라 무시하고 OK 누르시면 됩니다!

 

이제 단축키 [Ctrl+Alt+Y]로 Null을 만들어줍니다.

 

 

그리고 이렇게 카메라를 Null에 종속시켜주세요 꼬부랑을 드래그로 연결시켜주시면 됩니다.

 

 

위 이미지처럼 1,2,3을 적어주고 높이만 맞춰주시면 됩니다. 텍스트 내용은 보기 편하기 위해 숫자를 사용하였습니다.

 

그리고 3D 레이어 활성을 해주셔야 합니다. 

 

3D 레이어화를 설정한 숫자들을 이제 1을 제외한 2,3의 Z 축 값을 설정해주어야 합니다. 

 

2는 -4000, 3은 -8000 값을 설정해 주었습니다. 

 

 

 

이제 작업 바를 옮겨가면서 널 애니메이션을 줄 건데 1,2,3, 이 각각 0 -4000, -8000 위치에 있기 때문에

 

카메라를 움직여서 숫자들이 보이는 위치로 이동할 거예요. 아까 Null에 카메라를 연결시켰기 때문에 이제 Null이 

카메라의 '손잡이'라고 생각하시고 Null에 애니메이션을 주시면 됩니다.

 

위 스샷 같은 경우 0 프레임에 z값 0, 20 프레임에 -100, 1초 20 프레임에 -4100으로

영상이 멈춰 보이는 것을 피하기 위해 카메라 움직임이 조금씩 움직이도록 키를 잡았습니다.

 

 

 

마지막 부분까지 애니메이션 키 작업을 해주었습니다.

키값은 위 이미지처럼 z축 수치를 주었습니다.

 

이제 숫자 위치는 X축 으로 마음에 두는 곳에 배치하시고 

 

지금까지 작업한 걸 확인하시면 좀 뚝뚝 끊기는 분들도 계실 거고 앞뒤로

왔다 갔다 이상하게 움직이시는 분도 있을 겁니다.

 

이제 이걸 정리해주도록 하죠

 

 

그리고 메뉴 중에 Keyframe Interpolation을 클릭 해줍니다.

 

 

이렇게 화면이 뜰 텐데 여기 옵션은 보통 오토 베지어로 돼있을 거예요.

 

전체 옵션을 만져주신 분들은 리니어로 되어있을 수 있습니다.

 

 

 

 

이걸로 꼭 선택해주세요. 움직임이 이상하게 튀는걸 싹 정리해 줄 수 있습니다. 

기본적으로 이상하게 움직이는 이유가 그래프 모양 때문인데, 그래프를 한번 정리해주고 다시 주는 개념입니다.

 

 

 

 

이제 딱딱하게 움직임을 부드럽게 하기 위에서 다시 한번 베지어로 바꾸어 줍니다. 키를 전부 선택하고 

[Ctrl+더블클릭]을 해주시면 위 이미지처럼 키가 동그마리로 변할 거예요.

 

 

 

그래프 보이는 버튼

 

그리고 그래프를 보시면 이런 모양이 되는데 이 모양을 노란색 키부는 핸들러를 이용해서  

 

 

이 모양으로 바꿔줍니다. 경사가 급할수록 빠르게 완만할수록 느려집니다.

 

 

 

최종적으로 이런 모양이 되는데 이런 모양에서 램 프리뷰를 확인하면

 

 

이런 애니메이션이 나오게 됩니다. 

 

이번에는 키값을 설정하는걸 조금 더 들어갔는데 나중에 기회가 되면

애니메이션에 리니어, 베이저의 차이랑 쓰이는 방법에 대해서 설명하는 내용이을 올려도 좋을 것 같네요 :)

 

 

혹시 포스팅으로 알기 어려우신 분들은 아래 유투브 영상을 참고 하시면 좋으실것 같습니다! 

 

감사합니다

 

youtu.be/y7xTBwQuGAs