에프터이펙트 키프레임 안움직임 - epeuteoipegteu kipeuleim an-umjig-im

애펙에서 반복적인 애니메이션을 적용시킬때가 있습니다. 가령 사람의 경우는 걷기나 뛰기의 표현이 그것입니다. 날씨에서는 해가 쨍쨍 내리쬐는 모습이라던지, 비가 내리는 표현 등등도 여기에 해당이 됩니다. 그러면 일일히 프레임을 계속 반복해서 생성해줘야 할까요? 그렇게 해도 되지만 엄청 번거로운 작업이 될 겁니다. 그래서 어도비 개발진들은 "표현식" 이라는 기능을 애펙에 추가했습니다. 표현식은 쉽게 말해서 코딩 작업이고 이는 곧 명령어를 의미합니다. 하지만 자주 표현되는 명령어는 아예 애프터이펙트에서 기본적으로 추가가 되어 있습니다. 지금부터 알아볼 무한 반복 키프레임 표현식도 기본으로 들어있는 옵션입니다. 어떻게 사용하는지 알아봅시다.

에프터이펙트 키프레임 안움직임 - epeuteoipegteu kipeuleim an-umjig-im

빗방울이 떨어지는 애니메이션을 만들기 위해서 선을 작게 만들고 위치(Position)에 애니메이션을 만들어 줍니다. 첫번째 키프레임은 빗방울의 처음 위치이고 두번째는 떨어진 이후의 위치, 마지막 키프레임은 두번째 키프레임의 복사입니다. 이유는 낙하 이후 딜레이를 만들어 주기 위해서 입니다.

에프터이펙트 키프레임 안움직임 - epeuteoipegteu kipeuleim an-umjig-im

애니메이션 미리보기 모습입니다. 이런식으로 빗방울이 떨어지고 있습니다.

에프터이펙트 키프레임 안움직임 - epeuteoipegteu kipeuleim an-umjig-im

이제 빗방울 애니메이션 키프레임 3개를 무한 반복되게 표현식을 넣어줍니다. 적용시키고자 하는 스탑워치에서 Alt + 마우스 왼쪽 클릭을 합니다. 포지션(위치)에 무한반복을 만드는 것이니까 포지션 스탑워치에서 작업해야 합니다.

에프터이펙트 키프레임 안움직임 - epeuteoipegteu kipeuleim an-umjig-im

알트 클릭 하면 숨겨진 기능들이 아래에 나타납니다. 여기에서는 맨 오른쪽 재생버튼처럼 생긴 아이콘을 눌러줍니다. 그리고 나타난 메뉴에서 Propety > LoopOut(type = "cycle", numKeyframes = 0)으로 들어갑니다. 즉 사용하고자 하는 표현식이 바로 LoopOut(type = "cycle", numKeyframes = 0) 인 것 입니다.

에프터이펙트 키프레임 안움직임 - epeuteoipegteu kipeuleim an-umjig-im

그러면 이렇게 입력창에 자동으로 무한반복 표현식이 입력됩니다. 여기에서는 수정할게 없습니다. 이제 해당 영역 외의 아무 곳에나 마우스 왼쪽 클릭을 하여 입력창을 비활성화하면 끝 입니다.

에프터이펙트 키프레임 안움직임 - epeuteoipegteu kipeuleim an-umjig-im

이제 미리보기를 해봅니다. 보시는 것 처럼 인디케이터가 키프레임 구간을 벗어나고 계속 진행되고 있어도 미리 생성해둔 키프레임의 애니메이션이 반복되고 있음을 알 수 있습니다. 이렇게해서 무한루트 애니메이션은 순식간에 완성이 됩니다. 끝.

[에프터이펙트(에펙) 키 프레임 애니메이션 생성 방법]

▶ Animation 이란?
가만히 정지되어 있는 클립에 움직임을 주는 작업이라고 이해하시면 될 거 같습니다
모든 Animation 작업은 키 프레임으로 만들어집니다

Key frame 사용법과 Animation 생성 방법을 한 번 알아보도록 하겠습니다
사용 프로그램: Adobe After Effects CS6

에프터이펙트 키프레임 안움직임 - epeuteoipegteu kipeuleim an-umjig-im

[에프터이펙트(에펙) 키 프레임 애니메이션 생성 방법]

먼저 컴포지션을 하나 만드신 후 텍스트를 생성하여 아무 글자를 입력합니다.
텍스트를 통해 Animation 작업을 진행해보겠습니다

그리고 빨간 네모 부분 도형을 클릭하시면 만드신 소스에 대한 정보가 열립니다

→컴포지션 설정방법 참고 바로가기

[에프터이펙트(에펙) 키 프레임 애니메이션 설정 방법]

소스를 열어보시면 Transform라고 항목이 있습니다 이 안에 5가지 항목은 정말 많이 사용하는 항목들입니다
각 항목마다 시계 모양의 도형이 붙어있습니다
시계 모양을 클릭하면 노란 도형이 생기는데 그 도형이 키 프레임입니다


클릭하시면 오른쪽 타임라인에 노란 도형이 생성되시는 걸 확인할 수 있습니다

[에프터이펙트(에펙) 키 프레임 애니메이션 설정 방법]

보시면 빨간 네모 안에 생성된 도형이 키 프레임입니다
저는 Scale에 키 프레임을 생성해보겠습니다
0초에 스케일 100% 키 프레임을 생성하였습니다

※ Scale는 크기 조절 키 프레임이죠 0초에 100%는 0초 부분에 즉 100% 크기 원본으로 보이게 설정하였다는 말입니다

[Scale Key frame 설정]

0초에 Scale 100% 키 프레임을 생성한 뒤

2초로 이동하여 Scale 0% 키 프레임을 다시 생성해 보겠습니다

※키 프레임은 삭제, 복사, 이동 등이 전부 가능합니다

0초 부분에 크기 100% 2초 부분에 크기 0% 

즉 0~2초 영상이 진행되면서 크기가 100%에서 0%로 줄어드는 애니메이션이 발생하겠죠?

▶ Key frame 삭제 방법

키 프레임을 한 번에 제거하고 싶으시면 시계 모양 도형을 한 번 더 클릭하시면 키 프레임이 전부 삭제가 됩니다
(해당 항목만 삭제 ex:Scale 시계 클릭 시 Scale 라인 키 프레임 전부 삭제)

전체 삭제 말고 단일 삭제를 원할 시 노란 도형 단일 개체만 클릭하고 Delete 키를 누르시면 됩니다  

모든 애니메이션이 Key frame에서 나온다 생각하시면 될 정도로 핵심적인 부분입니다

하단의 영상은 위 내용을 작업한 영상과 여러 가지 효과를 넣어본 영상 2가지입니다