XD「3D変形」を使ってみた
見出し画像

XD「3D変形」を使ってみた

ooooo


画像5

3D変形+アニメーションでタップした要素を横に1回転


画像2

Step.1
アニメーション前と後のアートボードを用意(コピペでOK)

画像3

Step.2
プロパティインスペクター(右側)の変形にあるキューブ型のアイコンを選択、3D変形を有効化。

画像4


Step.3
X軸、Y軸、Z軸の回転を加える

画像5


Step.4
プロトタイプモードに切り替え、
・トリガー:タップ
・アクションの種類:自動アニメーション
・移動先:アニメーション後として作成したアートボード

[完成]
タップすると横に1回転



この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
ooooo
株式会社メンバーズ メンバーズキャリアカンパニー所属 デザイナー 大手メディア企業に常駐し、自社サービスのサイトリニューアルや新規開発などをこれまでに担当。 2019年Adobeアンバサダー就任。