본문바로가기
시리즈 알려드려요, 깨알정보

에프터이펙트 애니메이션 효과

안녕하세요, 소이정입니다.

오늘은 에프터이펙트 기초 강좌 두 번째!
애니메이션 효과를 알아보도록 하겠습니다.

영상의 타이틀을 만들기에도 적합하고
자막에도 활용할 수 있는 텍스트 애니메이션입니다!


1. 컴포지션 생성하기

에프터이펙트를 켜고 새 프로젝트를 클릭해 줍니다.

새로운 컴포지션을 만들어줍니다! 새 컴포지션 누르기, Ctrl +N 혹은 프로젝트 패널 우클릭 - 새로운 컴포지션 클릭하기.


2. 단색 레이어 생성

이렇게 새로운 컴포지션 즉, 새로운 파일을 생성했으면 이제 종이를 대고 그림을 그려야겠죠?

컴포지션의 종이 같은 역할을 하는 것이 단색 레이어인데요. 단색 레이어를 생성하는 방법은 두 가지입니다. 첫 번째는 레이어 패널에서 마우스 우측 클릭을 하고 새로 만들기 - 단색을 클릭하여 단색 레이어를 생성하기,

두 번째는 상단 메뉴바에서 레이어 - 새로 만들기 - 단색으로 만들어주셔도 됩니다.

어떤 색의 종이를 깔지 정하면 되는데요. 아래 Color 을 선택해 봅시다! 원하는 색으로 선택했으면 단색 레이어 만들기 끝!


3. 텍스트 레이어 만들기

자, 이제 애니메이션 효과를 입혀줄 텍스트를 써야 하는데요. 텍스트 레이어 만들기도 단색 레이어 만들 때와 마찬가지로 레이어 패널에서 마우스 우클릭을 통해 진행하거나, 상단 메뉴바에서 레이어 - 새로 만들기 - 텍스트로 진행하면 됩니다.

아니면 상단 툴바에 있는 T를 누르고 컴포지션 패널을 선택해도 텍스트가 생성된답니다!


4. 텍스트 작성 및 수정하기

편한 방법을 선택해 텍스트 레이어를 생성해 주세요. 저는 에프터이펙트라는 텍스트를 작성해 보았어요.

일단 텍스트를 쓰고 크기 및 간격을 맞추는데요. 제일 처음 생성한 텍스트 레이어를 선택한 뒤 Ctrl + D를 누르면 복사 & 붙여넣기가 한 번에 돼요. (누르고 드래그 드롭 아님)

저는 한 줄씩 효과를 넣을 것이기 때문에 아래 에프터이펙트 텍스트를 ①애니메이션 적용이라고 따로 수정해 줬어요. 텍스트 크기와 색도 수정해줬는데요. ②텍스트 패널에서 수정 가능합니다.

혹시나 효과 패널이 안 보인다면! 상단 툴바에 창을 클릭해 주세요.
그럼 다양한 패널들이 나오고, 없는 패널은 앞에 체크 표시를 눌러 활성화시켜주면 된답니다!


5. 애니메이션 적용하기

효과를 넣어줄 레이어를 먼저 클릭한 후 애니메이션 메뉴에서 애니메이션 사전 설정 적용을 눌러줍니다. 그전에 먼저 Adobe Bridge가 깔려있다면 Browse Presets 을 눌러주세요. 브릿지는 적용할 효과를 미리 보여주는 프로그램이에요. 애니메이션 이름을 보고 무슨 효과인지 정확히 알 수 없기 때문에 웬만하면 브릿지를 깔고 확인해서 불러오시는 걸 추천드려요 :)

애니메이션 사전 설정 적용을 누르면 아래와 같은 창이 나타나는데요. 처음에 저와 같은 창이 보이지 않고 빈창만 보일 수 있는데요. 그럴 때 아래 경로로 이동해 주세요!

[ 바탕화면 > 내PC > 로컬디스크(C:) > Program Files > Adobe > Adobe After Effects 2023(본인이 깔려있는 에펙버전 파일) > Support Files > Presets > Text > Animate In ]

차근차근 따라오면 저와 같은 화면이 보일 거예요!


Adobe Bridge도 마찬가지로 효과가 안 보이면 위에 경로 순서대로 이동해 주시면 됩니다. 그리고 보면 가운데 영역에서 직접 효과를 확인할 수 있어요.


6. 애니메이션 효과 조절하기

저는 애프터이펙트와 애니메이션 적용 레이어에 각각 다른 애니메이션을 적용해주었는데요.
그전에 잠깐!! 오른쪽 타임라인에 마름모꼴(혹은 동그라미 도형)이 보이시나요? 지금 그 타임 구간에 효과가 적용되었다는 뜻이에요. 마름모꼴의 도형들 사이에요. 만약 동그라미 형태라면 현재 그 레이어가 접혀진 상태라 움직이지 않아요. 그럴 땐 레이어를 열어주어야 하는데요. 단축키 U를 누르면 간단하게 열린답니다.

보통 저 마름모꼴을 타임라인에서 옮겨가며 수정을 하기 때문에 이 구도와 꼭 친해지시는 게 좋아요.
저는 에프터이펙트에 서서히 페이드 온이라는 효과를, 애니메이션 적용에는 문자 단위로 슬라이드 업이라는 효과를 적용했습니다.


한번 재생을 해보세요. 타이밍이 맞지 않는다면 아까 펼쳐둔 레이어의 마름모꼴을 옮겨가며 수정해 주시면 돼요. 너무 빠르다 싶으면 타임라인의 뒤쪽으로 너무 느리다 싶으면 타임라인의 앞쪽으로 이동시키면 되겠죠?

저는 에프터이펙트 글씨가 조금 더 빨리 보였으면 좋겠어서 기존의 마름모 위치를 이동시켜줬답니다!
위와 아래의 간격 차이가 보이시나요?

그러고 나서 애니메이션 적용이라는 텍스트도 앞에 수정한 에프터이펙트 텍스트 위치에 맞추어 조절해 줬답니다!


7. 부드러운 효과 추가하기

이동이 끝나고 재생을 해봐도 약간 딱딱한 느낌이 드실 거예요. 부드럽게 적용하는 방법은 세세할수록 좋지만 가장 간단한 방법을 알려드릴게요. 아까 그 마름모꼴을 모두 선택한 후 F9를 눌러보세요. 사진과 같이 모래시계 모양으로 변하면서 부드러운 동작이 표현된답니다.


완성!

왼쪽은 속도 조절을 하지 않은 영상입니다. 오른쪽은 속도를 조절한 영상입니다.
확실히 빠른 게 보이시나요?


이렇게 에프터이펙트의 애니메이션 효과를 가지고 손쉽게 텍스트 효과를 적용해 보았는데요.
생각보다 어렵지 않으시죠?

제가 사용한 효과 외에도 다양한 것들이 많으니 이것저것 적용해 보시기 바랍니다!

감사합니다~!