menu

自動アニメーションでスライドを動かしてみる(Adobe XD)

バージョン13.0から搭載された「自動アニメーション」を使って、
1コマ目でタップ操作から2〜4コマ目までオートで展開するアニメーションをさくせいしました。

◎1コマ目
トリガー:タップ
アクション:自動アニメーション
イージング:イーズアウト
継続時間:0.8秒

◎2コマ目以降
トリガー:時間
アクション:自動アニメーション
イージング:イーズアウト
継続時間:0.8秒

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

carousel-image-slider01カルーセル画像スライダ2.0(Adobe Muse CC)

関連記事

  1. okakishi-chaya_img05

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

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

  2. simpleshow01

    simpleshow試作その1(Adobe Premiere P…

    Adobe Premiere Pro CC/Adobe After Effects CCの学習用に…

  3. webflow009-01

    タブの使用(webflow)

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

  4. filmora-pho022-01

    ビューティーコレクション/タイトル30種(Filmora)

    ビューティーコレクション/タイトル30種(Filmora); from yasuo kishio…

  5. webflow018-01

    セクションの説明(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「セクション…

  6. muse-Introduction2-5

    Adobe Muse CCならブラウザ上から更新可能。 (Ado…

    Adobe Muse CCならブラウザ上から更新可能。 (Adobe Muse) from ya…

  7. transitions_img01

    トランジションの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「トランジシ…

  8. webflow002-01

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

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

PAGE TOP