見出し画像

XDを使った簡単なアニメーション

こちらの方のTwitter投稿からインスピレーションを受け、同じようにAdobe XDで簡単なアニメーションを作成してみました。

▼参考 コンセプトと動きが明快でいいですよね!

ハロウィン中のちょっとした遊びがコンセプト

僕はハロウィン中にダークモードに変えたら、こんなマイクロインタラクションが起きたら面白そうだなと思って作成しました。
ツール:Adobe XD (自動アニメーション)
所要時間:30分くらい。

説明するほどではないですが、電気を消したらそこにお化けがいた!という設定のアニメーションになっています。

微妙に親子の距離感がずれていたり、太陽から満月、さらに三日月になったり、ほとんど気づかれないと思いますが、XDならサクッとアニメーションが作れます。

まとめ

XDはえらい!

この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
ありがとうございます!
8
株式会社つみきで色々とやってます。https://dribbble.com/yousukeshimizu

こちらでもピックアップされています

TSUMIKI Designers
TSUMIKI Designers
  • 70本

つみきのデザイナーの記事をまとめました。 UIデザイン、インタラクションデザインなどお気軽にご相談ください。 https://uid.tsumikiinc.com/

コメントを投稿するには、 ログイン または 会員登録 をする必要があります。