menu

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

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

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

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

▽サンプル
live-preview

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

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

関連記事

  1. webflow011-01

    ブレークポイントで画像のサイズを変更する(webflow)

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

  2. filmora-pho024-03

    ビューティーコレクション/オーバーレイ9種(Filmora)

    ビューティーコレクション/オーバーレイ9種(Filmora); from yasuo kishi…

  3. webflow002-01

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

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

  4. filmora-pho025-04

    ビジネスコレクション/テキスト29種(Filmora)

    ビジネスコレクション/テキスト29種(Filmora); from yasuo kishioka…

  5. okakishi-chaya_img01

    架空のサイトを制作開始(webflow)

    前回まで、制作方法を紹介するようなページを掲載してきましたが中々、これが飽いてきまして(笑)、や…

  6. filmora-pho003-01

    テキスト「タイトル編」(Filmora)

    テキスト「タイトル編」(Filmora); from yasuo kishioka on Vim…

  7. okakishi-chaya_img05

    中面3ページにインタラクションとライトボックスを設定(webfl…

    架空サイト【岡岸茶屋】に「お店の紹介」「甘味メニュー」「おみやげ」ページを作成。お店の紹介ページ…

  8. filmora038-01

    旅の素敵な動画を飾る4種類のフィルター(Filmora)

    旅の素敵な動画を飾る4種類のフィルター(Filmora) from KISHIOKA.DESIG…

PAGE TOP