로고 모션그래픽 (2) - 메인 글씨 애니메이팅-

로고 모션그래픽 (2) - 메인 글씨 애니메이팅-

 

 

 

 

 

 

 지난 포스팅에서 배경 Solid 레이어를 깜빡깜빡 하도록 만들었다. (wiggle)

 

깜빡이 배경을 프리 컴포지션(ctrl +shift + c )한 뒤에 메인 로고 컴포지션을 위에 깔자.

 

 

 

1. 컴포지션 불러오기

 

 

 

-> 밑에는 배경 컴포지션을 깔고, 그 위에 메인 로고 컴포지션을 얹는다.

 

 

 

 

 

 

 

 

 

2. 모션 준비과정

 

 

-> main로고 컴포지션(사진에선 storyLogo컴포지션) 에서 3D 레이어 기능, collapse transformation 두가지 기능을 켠다.(사진 표시)

 

-> storyLogo 컴포지션을 더블클릭해서 7개의 일러스트 파일의 collapse transfomation, motion blur, 3D layer 기능을 켠다. (사진 표시) 

 

 

 

 

 

 

-> collapse transfomation (태양 모양)은 3D 레이어를 활성화했을 때, 컴포지션이 평면으로 되는 현상을 방지하고, svg가 jpg,png처럼 확대,축소 시에 픽셀변질현상을 막아준다.

 

-> motion blur(동그라미 여러개 모양)는 모션이 있을 경우 잔상이 보이도록 만들어주는 효과이다. (랜더링 시간 많이 잡아먹음)

 

-> 3D 레이어 기능은 Z축을 활성화해서 3D 공간을 만들어준다.

 

 

 

 

 

 

 

 

3. 간판 레이어 키 설정

 

 

 

-> 글씨가 새겨진 칠판만 활성화 한다.( 아래 사진처럼, 눈알 옆의 동그란 표시 클릭 )

 

 

 

 

 

 

 

 

-> 총 3개의 키를 설정한다.

 

Scale 항목에서,     " 0프레임: 0%    ||    8프레임: 105%  ||    10프레임:100% "  키 설정

 

-> 단축키 ' shift + pageDown or pageUp ' : 타임라인 10프레임씩 이동

 

-> 단축키 ' pageDown,Up 선택' : 타임라인 1프레임씩 이동

 

-> 8프레임에 스케일을 105% 설정한 이유는, 관성의 법칙에 따라 계속 커지려는 힘을 표시하기 위해서다.

 

 

 

 

 

 

 

 

-> 키 선택 => 마우스 우클릭 : 키프레임 도우미 => Ease In, Out으로 자연스러운 모션가능

 

 

 

 

 

 

 

 

 

 

4. 메인 글씨 키 설정

 

 

-> THREE STEPS라는 글씨 레이어 시작점을 잘라준다. ( 단축키 : ' Alt + [ '  )

 

-> 간판의 스케일 모션이 끝나는 10프레임부터 글씨 모션이 시작된다.

 

글씨 모션은 명패가 앞뒤로 왔다갔다하며 간판에 정지하는 상황이다.  

 

 

 

 

 

 

 

-> 명패가 앞뒤로 흔들리는 모션을 위해서 3가지 사항을 설정한다.

 

 

1) 앵커포인트(회전 축)를 THREE STEPS 상단으로 이동한다. (앵커포인트 단축키: a )

 

2) 글씨가 앞뒤로 흔들릴 때 사라지지 않도록, 간판을 z축에서 뒤로 이동시킨다.

 

3) 3D 회전축을 x축 기준으로 키를 설정한다.

 

 

 

 

 

 

 

 

5. 글씨 x 회전축 키 설정하기

 

 

-> 글씨는 수평 상태에서 회전축을 기준으로 크게 뒤로 갔다가 다시 앞으로 왔다가 제자리로 돌아가야한다.

 

->정해진 키설정 법칙은 없지만, 한번 움직인 키값의 2/1을 나눠서 후속키에 설정하는 방식으로 프레임을 구성한다.

 

(사진에 프레임 표시)

 

 

 

 

 

 

 

 

 

 

6. 간판+글씨, 첫번째 모션.

 

 

 

-> 회전을 크게 하거나 좀더 역동성을 강조하려면 그래프 에디터를 편집하거나 키설정을 과감하게 설정할 수 있다.

 

특히, 모션그래픽 분야는 환경과 주관의 개입에 따라 아웃풋이 천차만별이다. 따라서, 여러가지 키 설정 조합으로 자신만의 로고 타입모션을 만들어보자.