앱 내 아이콘 애니메이션 구현 방법이 궁금합니다. 검색엔 실패 ㅠㅠ

Question

안녕하세요.
요새 안드로이드 앱들을 보면
이런식의 애니메이션이 들어가는데요.
이게 어떻게 구현되는 것인지 궁금합니다.
 

공식 사이트에도 디자인 가이드로서 나와는 있는데, 만드는 방법을 모르겠습니다.
https://www.google.com/design/spec/animation/delightful-details.html 

제가 개발자가 아니라서 뜯어보질 못하겠네요.
포맷이 무엇일까요? (설마 gif 애니메이션일까요? 그렇다면 해상도별로 리소스를 제작?!)

검색이 될 줄 알았는데 제가 발검색을 했는지 알아내질 못했어요.
도움 주시면 너무너무 감사하겠습니다 @_@ 

 

Answer 1

영어가 약해서... 링크 내용은... 어... 음... 아름답네요...

일반적인 트렌스폼 애니는 아닐꺼 같구... 프레임애니메이션이 아닐까 싶습니다.

말 그대로 각 프레임별 이미지를 만들어서 연속해서 보여주는거죠...

Comments

아 그렇군요!! 고맙습니다!!!!
그냥 한장한장 만들어야 하는군요 ;ㅅ;

---

안녕하세요, 아래 링크되어 있는 블로그의 주인입니다 (http://blog.naver.com/appifystudio/)

정확히 누가, 어떤 목적으로 사용하는지는 잘 모르겠지만
1) 디자이너가 포트폴리오 목적으로 애니메이션을 만든다고 하면 어도비 프로그램들이나 프로토타입 프로그램을 사용해서 애니메이션을 만들고

2) 개발자가 구현해야 하는 애니메이션이라면 svg나 각종 애니메이션을 활용해 직접 제작하거나, 디자이너가 구현한 gif를 삽입하는 방식이 될 듯 싶습니다..

3) 해당 화살표 애니메이션은 안드로이드 skd에 들어있으니 그냥 사용하시면 됩니다. (개발자 보여주시면 될듯)
http://stackoverflow.com/questions/26468634/how-animate-burger-to-arrow-with-appcompat-v7-21-toolbar-and-drawerlayout

화살표 애니메이션을 어떻게 만들 수 있는지 svg 애니메이션 관련 글도 링크합니다
http://chrisrenke.com/drawerarrowdrawable/

Answer 2

http://blog.naver.com/appifystudio/220417549316