무료 모션그래픽 툴 Phase 사용후기

Phase 후기

🔥 Phase란 무엇인가

Phase는 5월 2일날 한국에 런칭한 따끈 따끈한 애니메이션 툴입니다.
직접 사용해보니 어도비의 에펙, 일러스트레이터, 피그마를 합친 느낌이었습니다 😳
 
 

🔥 Phase 인상 깊었던 기능

페이즈는 계속해서 새로운 기능들이 추가되고 있는 중!
현재는 기능이 부족하지만 웬만한 건 거의 다 있긴 하다.
아무튼 개인적으로 인상 깊었던 건 animate 기능

 

1. Animate

 
이게 진짜 편하다고 느꼈는데 Animate 버튼을 누르면 화면이 스윽 위로 올라가면서 타임라인 ui가 구성된다.
이게 디자인 작업과 영상 작업을 딱 분리해주는 느낌이라 After Effects만 해본 입장에서 정말 좋다고 느꼈다.
 
작업자마다 다르겠지만 나 같은 경우는 After Effects 안에서 디자인 작업 하는걸 안좋아하는 편이라 (이상하게 불편하다) Illustrator에서 작업을 한 후에 벡터 파일을 그대로 After Effects에 가져오는 식으로 작업을 하는데 중간에 디자인이 변경이 되면 정~말 귀찮아졌는데 그런 갈증을 딱 해결해줄 수 있는 기능이었다. 
 

2. Key Frame

모션 작업(움직임을 주는 작업)을 할 때도 편하다고 느꼈다.

현재 오브젝트, 타임라인, 키프레임
정말 직관적이다. 
모션 작업도 단순하다.
 

원하는 타이밍에서 원하는 움직임을 주면 끝
 

속도 제어도 별도의 ui가 있어서 편하게 할 수 있었다.
내가 알기론 After Effects에선 다른 플러그인을 가져와서 사용하던 기능을 여기선 기본으로 제공한다니.. 😭
 

3. Json 파일로 추출이 가능

WEB으로한 작업물이 GIF나 MP4 파일로 추출될 수 있는 것도 놀라웠지만 ... 무려 lottie 포맷으로도 추출이 된다.
Lottie는 json기반의 파일인데 애니메이션을 code로 변환했다고 보면 된다.
 

출처 : lottiefiles

 
lottie의 장점으론 용량, 벡터 기반으로 인해 화질이 깨질 일이 없다는 것이지만... 개인적으로 code를 통해 상호작용(Interaction)을 줄 수 있다는 것이 가장 큰 장점이라고 생각한다.
 
▼ lottie를 활용한 모션 구현
https://taylog.tistory.com/149

인터랙티브 아트 | 이모티콘 모션 구현 😄 (Lottie.js 활용)

 
전에 Lottie를 처음 배웠을 때 작업해본 건데 click 이벤트를 통해 애니메이션이 동작하도록 구현했었다.
나는 개초보 개발자라 고작 click으로 상호작용을 구현했지만 ... 실제로 구현할 수 있는건 정말 무궁무진하다
뭐 스크롤이 될 수 있고 3d 까지 접목해서 키보드를 통해 움직이게 해서 공간을 표현할 수 도 있고 ...
 
아! 에펙도 lottie 포맷으로 추출할 수는 있지만 ... 바디무빈 플러그인 설치 오류도 겁나 많고;  실무에서도 정말 디자이너들이 바디무빈을 사용하나? 불안할 것 같다는 느낌이 많이 들었었다. 나야 이걸 쓰는 실무 환경을 모르니까 하는 말이지만 ... 최근에 나온 Phase가 훨씬 안정적일 것 같다...
 
▼ 사용하면서 어금니 깨물었던 After Effect에서 바디무빈을 통한 lottie 추출 후기
https://taylog.tistory.com/212

Lottie.js로 웹에서 모션그래픽 구현하기 🌈 바디무빈 composition 리스트 안나옴 해결법 | Render 네트

 
아무튼 이렇게 세 개가 개인적으로 인상깊었고 내가 Phase를 앞으로도 계속 쓸 이유가 될 것 같다.
 
 

🔥 Phase 사용후기

일단 엄청 쉬웠다. 튜토리얼도 안보고 작업을 했는데 UI가 엄청 직관적이라 전혀 어려움이 없었다. 만약 에펙이나 다른 어도비 툴을 다를 줄 안다면 금방 적응할 것 같다. 그리고 최근에 피그마를 잠깐 배웠기에 피그마를 첨언하기엔 자격이 없지만 ... 그냥 느꼈던 거로는 피그마와 되게 비슷한듯? 웹 기반 툴인것도 그렇고 공동 작업을 할 때도 피그마와 비슷할 거라 예상합니다. (사실 피그마 많이 안써봐서 잘모름ㅜ)
 
아쉬운건 기능 부족... 텍스트를 못쓴다니 ...  loop 설정하는 것도 아직 없는 것 같아서 키프레임 한땀 한땀 다 땄다. 그래도 뭐 간단한 마이크로 인터랙션을 만들기에는 충분한 것 같고 다른 기본적인 기능들은 금방 추가될 것 같다.
 
아무튼 제 생각에는 웹 기반의 직관적인 UI와 배우기 쉬워서 모션그래픽 툴로 많이 쓸 것 같은데 단순 영상 제작 용도로 쓰기보다 뭔가 협업용으로 발전할 것 같은 느낌,,, 그리고 지금 당장은 아이콘 모션이나 작은 그래픽들 위주로 사용하기에 제격일 듯

아무튼 끝

 
https://www.phase.com/ko

Phase - 제품 디자이너를 위한 애니메이션

 
------------------

👇phase 활용해서 만들었어요

https://taylog.tistory.com/m/239

캠핑카 모션그래픽 (phase 툴 활용)