[애프터이펙트 초급] ① 애니메이션기초(#포지션position#Motion Blur모션블러#이펙트)

애니메이션에 대해 알아보려고 한다. 

 

 

 

 

1. 애니메이션

애니메이션의 뜻? 움직임이 없는 오브젝트에 움직임을 부여하는 것 즉 생명을 넣어주는 것

텍스트나 이미지 또는 영상 등의 움직임을 줘서 모션 그래픽을 만드는  애프터 이펙트 애니메이션에서 가장 중요한

세 가지

1. position 애니메이션- 상하좌우 등 위치를 이동하는 애니메이션

2. rotation 애니메이션-회전하는 애니메이션

3. scale 애니메이션-크기를 조절하는 애니메이션 

이 세가지만 해도 그럴싸한 인트로 부분 정도는 꾸밀 수 있음 그러나 그 외에도 

4.opacity 애니메이션- 투명도를 이용한 애니메이션

5. masking 애니메이션-지정한 부분을 가려주는 애니메이션

 

2. 애니메이션 준비

 

모션그래픽 시작하기 위해 

파일/뉴/새 컴포지션/ 사전 설정-HDTV1080 29.97 설정/1920*1080 지정/확인

 

TYPE TOOL -ctrl+T로 컴포지션 패널 클릭하여 Topjung 입력/ 오른쪽 문자 속성에서 글자 폰트(두꺼운 견고딕류 텍스트가 잘 보임) 색상 지정/ 아래 타임 패널 컴포지션을 클릭/ ctrl+D (복사)/ 글자 수만큼 복사 (총 7개 복사)

 

/ 셀렉션 툴 단축기 V를 이용해서 이동시켜준다/

글자를 하나씩 하나씩 분리하는 작업을 한다- shift(수직, 수평으로 스냅 역할) 누르고 셀렉션 툴 이용해서 이동하면 일정한 비율로 이동 가능하다.

 

글자를 처음 모습과 비슷하게 배열해준다 

이렇게 하면 애니메이션 준비과정은 끝났다. 

 

3.position 애니메이션 

 

타임 패널의 분리된 각자의 글자 shift(다중 선택 기능)를 누른 후 Topjung을 모두 선택 후 P를 누르면 포지션이 나온다./

그리고 인티 케이트(파랑 색선)를 1초에 가져다주고 / 왼쪽 시계 모양의 스톱워치 아이콘을 클릭하면 애니메이션 할 수 있는 키프레임이 생성됨 /

 

 

글자 전체 선택 해제 후 / T부터 적용하기 위해 선택 후/ 인디케이트를 0초로 옮겨준다. 

 

 

 

셀렉션 툴(이동 툴)을 선택하고/ shift를 누르며 화면 밖으로 빼준다/그러면 키프레임(파란색 줄 위 다이아몬드 모양) 이 자동으로 생긴다. 좀 전에 스톱워치에 자동으로 키프레임을 만들어 줬기 때문이다. 

 

 

o는 위로 당겨주고 /똑같이 키프레임(파란색줄 위 다이아몬드 모양)이 생기고/p는 아래로 당겨주고 /똑같이 키프레임(파란색줄 위 다이아몬드 모양)이 생기고/ 이렇게 각각의 글자 jung 왼쪽, 위, 아래, 오른쪽 당겨주고 키프레임 생성된 걸 확인하고 인디케이트를 움직여 보면 포지션이 바뀌는 애니메이션이 적용됨을 볼 수 있다. 

 

work area- 프리뷰나 렌더 영역을 지정해 줌

인디케이트를 3초에 옮겨주고 /단축기 N(프리뷰나 렌더 영영을 지정) 누르면 work area가 조절 된다. /

여기 넘버 패드 0번 누르면 프리뷰(preview)가 된다. 프리뷰가 되고 나서 녹색선이 깔끔하게 메워지면 애니메이션도 자연스럽게 끊김 없이 깔끔하게 된다. 

 

 

4. 애니메이션에 완성도 높이기 (1)

1초에 있는 인디케이트 위 키프레임을 선택 툴로 드래그해서/ 마우스 우측 클릭 keyframe assistant /easy easy/t (여기 키프레임이 들어올 때 부드럽게 만들어줌)/ 그러면 키프레임 아래 모양이 모래시계 모양으로 바뀜

프리뷰 해 보면 훨씬 부드러워지는 것을 알 수 있음 

 

 

5. 애니메이션에 완성도 높이기 (2)

 

인디케이트를 1초에서 앞으로 5 프레임 앞으로 이동시켜준다.

 

 

맨 앞쪽 파랑 다이아몬드를 모두 드래그하여 켜줘서 키프레임을 만들어 준다 그러면 모래시계 모양이 또 만들어짐을 볼 수 있다 여기까지 포지션 애니메이션을 준 결과라 할 수 있다. 

 

 

이 상태에서 키프레임을 전부 10 프래임으로 옮겨준다 /프리뷰 하면 빠르게 그 동작으로 들어왔다가 텍스트가 느슨하게 완성된다. 즉 시작은 빠르고 천천히 들어오는 애니메이션이 완성된다- 이 방법은  아주 자주 사용됨 중요!!

 

 

Topjung 텍스트의 움직임을 좀 더 심심하지 않게 하기 위해서 빨강 패널을 순차적으로 3칸씩 뒤로 옮겨준다 .

 

4. 애니메이션에 완성도 높이기 (3) Motion Blur

 

 

화살표 겹쳐있는 원 아이콘 클릭해서 아래로 모두 드래그해서 파랗게 켜준다.

 

 

이것이 모션 블러 효과! 텍스트가 들어오거나 나갈 때 흐린 잔상 느낌을 줘서 속도감을 느끼게 함