menu

自動アニメーションで目を左右に動かしてみる(Adobe XD)

バージョン13.0から搭載された「自動アニメーション」を使って、
イラストの目をボタンで左右に動かすコンテンツを作成しました。

トリガー:タップ
アクション:自動アニメーション
イージング:バウンス
継続時間:0.6秒

※XDのプレビュー上ではスムーズに動くのですがネット上では動きがスムーズではありません。

▽サンプル
live-preview

xd001バージョン13.0になって、ようやく取り組む(Adobe XD)

dimension001コーヒーカップを作る(Adobe Dimension CC)

関連記事

  1. Filmora031-01-01

    26種類のフレームオーバーレイ(前半)(Filmora)

    26種類のフレームオーバーレイ(前半)(Filmora) from yasuo kishioka…

  2. webflow007-01

    地図の設置(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はの紹介になり…

  3. text-and-particle

    テキストとパーティクル(After Effects)

    text-and-particle from yasuo kishioka on Vimeo.…

  4. webflow002-01

    スライドショーの設置(webflow)

    サイト制作を進めながら学習したことを書いていきます。今回はスライドショー設置の紹介になります。…

  5. webflow016-01

    フレックスボックスの設定2(webflow)

    ◎「Reverse Layout」の選択でブレークポイントでレイアウトを逆にする必要がある場合などに…

  6. webflow017-01

    フレックスアイテムの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はフレックスア…

  7. dimension003

    チョコレートのパッケージを作る(Adobe Dimension …

    Adobe Dimension CCを使って、チョコレートのパッケージを作りました。パッケージの…

  8. webflow012-01

    不透明度の設定(webflow)

    ◎不透明度を設定した箇所を選択した状態でEffects/Opacityの%を設定する。※ただし、…

PAGE TOP