에프터 이펙트 로딩 애니메이션 만드는 방법

” 에프터 이펙트 로딩 애니메이션 기본을 만드는 방법을 정리 “

영상 편집을 하다 보면 중간에 로딩하는 장면을 만들어야 할 때가 있습니다. 막대 로딩도 있지만 원으로 돌아가면서 로딩하는 것을 많이 쓰기 때문에 제가 하는 방법으로 소개를 할려고 했는데 더 편하게 에프터 이펙트 로딩 애니메이션 만드는 방법이 없나 찾아보았는데 발견해서 정리를 해볼까 합니다.

저는 포토샵으로 로딩 모습을 만들고 키프레임을 적용해서 하나 하나 애니메이션을 주는 방법으로 만들었는데 발견한 강좌를 보니 Shape Layer으로 원을 만들고 Repeater 기능을 이용하여서 아주 쉽게 로딩 모습을 만들었습니다. 그러면 에프터 이펙트 로딩 애니메이션 강좌를 최대한 알기 쉽게 설명을 드려보겠습니다.

Shape Layer 추가

먼저 New Composition(단축키 Ctrl + N)으로 Composition 설정해서 만들어 주신 후에 작업 창 빈 공간에서 마우스 우 클릭을 해서 New > Shape Layer로 추가하거나 상단 메뉴에서 Layer > New > Shape Layer를 추가해주시면 됩니다.

Shape Layer 조정

Shape Layer을 추가했다면 상단에 옵션이 나오게 되는데 여기서 Add를 눌러서 Ellipse 선택해서 원 모양을 만들어주고 다시 Add를 눌러서 Fill를 선택해서 색을 채워주시면 됩니다.

색을 채우게 되면 원하는 색으로 채워지지 않을 것입니다. 그래서 좌측에 Fill에서 색상표를 열어서 원하는 색으로 선택해서 바꿔주시면 됩니다.

원 모양 만들고 원하는 색으로 채우셨다면 이제 위치와 크기를 조정해야 하는데 모니터 창에서 움직이거나 크기를 변경하셔도 되고 Ellipse Path 1을 열어서 Size, Position 수치를 조정하셔도 됩니다.

Repeater 추가

원 모양 조정을 했다면 이제 Contents 옆에 있는 Add를 눌러서 Repeater를 추가해주시면 됩니다. Repeater은 모양 레이어의 복제를 만들어 일관된 패턴으로 조작할 수 있는 기능입니다.

Repeater를 추가했다면 옵션을 열어서 Trasform에서 Position은 0,0으로 만드신 후에 Rotation을 +30˚ 로 설정을 해주시면 됩니다. 이것은 모니터 창에서 위치와 간격을 보면서 수치를 조정해주시면 됩니다.

위치와 각도를 조정해주셨다면 이제 Copies 수치를 12로 조정해주게 되면 위에 보이는 것처럼 원이 360도 늘어가게 됩니다.

Copies 키프레임

Copies 수치를 이용해서 원을 360도로 나오게 했다면 왼쪽에 있는 시계 모양을 클릭해서 키 프레임을 활성화하신 후에 0초에는 수치를 0으로 2초에는 수치를 12로 하게 되면 원이 서서히 나오는 애니메이션을 만들 수 있습니다.

지금까지 과정으로 만들어진 중간 결과로 원이 360도로 로딩하는 애니메이션이 만들어졌습니다. 이제 투명도를 조정해서 서서히 나타나는 애니메이션을 만들어보겠습니다.

시작 투명도 조정

현재까지 과정으로는 원이 선명하게 나오기 때문에 로딩하는 화면처럼 보이지 않습니다. 그래서 Transform > Start Opacity 값을 0.0%로 조정하게 되면 서서히 나타나는 애니메이션을 만들 수 있습니다.

Start Opacity 값을 0.0%로 조정하게 되면 위에 보이는 것처럼 서서히 잘 보이는 애니메이션을 만들 수 있습니다. 첫 번째 원이 안 나오는 것이 이상하게 보이신다면 Start Opacity 값을 10~20%로 조정하시면 됩니다. 이제 원이 한번 회전을 하는 모습을 만들어보겠습니다.