#30_모션 그래픽툴 Phase<스킬업 챌린지>

오늘은 새로운 모션 그래픽툴을 이용해서

간단한 애니메이션을 만들었다

 

직관적인 UI 덕분에 어렵지 않게 제작할 수 있다

 

요즘 시대에 애니메이션은 선택이 아닌 필수!!

 

* 애니메이션을 넣는 이유

: 주목도랑 몰입도, 고객 참여도를 높이기 위해

 

 

 

1. Insert SVG클릭해서

완성된 모습의 SVG를 불러온다

 

 

 

2. 개체를 클릭하고 하단의 Animate mode 활성화하면

프레임을 조절할 수 있는 타임라인이 생성됨

 

 

3. 개체를 클릭하면 오른쪽에 프로퍼티 패널이 활성화됨

상단부터 순서대로

 

- x,y좌표값(위치)

- 개체의 크기

- 로테이션

- 스케일

- 오퍼시티

- 이펙트

 

 

다이아몬드를 클릭하면

키프레임이 해당 시간에 생성됨

 

 

위치, 로테이션, 스케일이 설정된 모습

 

오른쪽하단에 Linear 조절하면

더 뽀용하게 만들 수 있다

 

 

 

 

위치, 스케일, 각도만 조절해서 나온 에니메이션!

꽤나 귀엽잖아? ><

 

좀더 쫄깃하게 만들고 싶어서 만지작했당

아래부터 순서대로 올라오는 느낌을 주고 싶어서

start랑 end타임을 조절해줬다

 

 

 

 

오 만족만족 ~~

조금 더 다이나믹 해진듯!

간단한 아이콘 모션으로도 만들기 편할 것 같다

짱짱 🙌