Adobe XD でパララックスアニメーション

デザイナーの阿形です。 エンジニアとアニメーションのイメージを共有するために 最近はAdobe XDのアニメーション機能をよく使っています。

XDだと手軽に動作イメージが伝わりやすいものが作れるためおすすめです。

たとえばこんなパララックス風のアニメーションや、テキストのマスクスライドなども とても簡単につくることができます。

以前twitterで投稿した際に作り方のリクエストも多かったこともあり、 XDの元データをアップすることにしました。

画像マスクと自動アニメーションを使うことで比較的かんたんに作成することができます。 ぜひ活用してみてください。