Adobe XDで作る無限ループアニメーションをマスターしよう
こんにちは!えびです!
Adobe XDには自動アニメーションという、お手軽にアニメーションが作れる機能があります。
今回は、自動アニメーションで作れる無限ループアニメーションの作り方を解説していきます。
無限ループアニメーションとは
先日、以下のようなツイートをしました。
波形が無限ループするアニメーションの作り方です。ただ、かなり駆け足でどのような原理で無限ループを実現しているか、わかりにくかったかと思います。
今回は自動アニメーションの使い方、無限ループの原理の解説から始め、以下のような無限ループアニメーションを作れるようになることが目標になります。
いずれもアートボード2枚だけで作成できます。
シンプルな3種類のループアニメーションですがこれらを覚えることで、前述の波状アニメーションや、以下のようなアニメーションへの応用が可能です。
無限ループアニメーションを覚えると、XDのアニメーションの幅が拡がります。サイトやアプリのデザインだけでなく、スライドなどにも応用できますので、是非覚えてみてください!
以下、有料となりますが詳しい解説の他、サンプルファイルの配信もしますので、気になった方は購入お願いいたします。
ここから先は
4,119字
/
35画像
¥ 200
ここまで読んでいただきありがとうございました! もし気に入っていただければ投げ銭よろしくお願いします🍤 投げ銭でエビフライを食べに行きます