Xdでアニメーション作ってみた (Xdファイル付き)

最近攻殻機動隊にハマっているのでタチコマのアニメーションを作ってみました。

いつもはAfter Effectsで作っているのですが、Adobe Xdの自動アニメーション機能が充実していることもあり、もしかしたらXdでもアニメーションを作れるのではないかと思ってやってみたら意外と使えそうな感じだったので、作り方を簡単に残しておくことにします✨

Xdでのアニメーション作り方

・アードボード上に動かしたいオブジェクトを置く (僕は今回イラレでまずデザインを作ってXdにインポートしてきました)

・アートボードを複製しつつコマ撮りのようなイメージで、オブジェクトを少しずつ動かしたものを作っていく (別のアートボード上にあっても、オブジェクトの名前が同じであればXdがいい感じにつなげてくれる)

・プロトタイプ機能の「自動アニメーション」で各アートボードをつなげていく

・トリガーを「時間」にすることでアニメーションぽく動いてくれる

参考

①作ってみたXdのデザインデータ

https://drive.google.com/drive/folders/1dDKRgs6KOaBkZUGPUbgNfVyFHqP7TXRq?usp=sharing

②時限トランジションを用いたアニメーションについて

https://helpx.adobe.com/jp/xd/help/create-timed-transitions.html

https://note.com/yasuy/n/n4ffa1d7ec804

ストック

0人が追加済み

関わったメンバー