xd005

Adobe XD

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

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

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

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

▽サンプル
live-preview

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

コーヒーカップを作る(Adobe Dimension CC)次のページdimension001

関連記事

  1. webflow016-01

    STUDY

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

    ◎「Reverse Layout」の選択でブレークポイントでレイアウト…

  2. filmora-pho027-01

    Filmora

    ビジネスコレクション/オーバーレイ 6種(Filmora)

    ビジネスコレクション/オーバーレイ6種(Filmora); fro…

  3. transitions_img01

    STUDY

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

    webflowを使用してのサイト制作を進めながら学習したことを書いてい…

  4. filmora-pho006-01

    Filmora

    テキスト「エンディング編」(Filmora)

    テキスト「エンディング編」(Filmora); from yasu…

  5. minimal-titles-img

    After Effects

    Filmstocksが提供しているAfter Effectsのエフェクト「Minimal Title…

    Filmstocksが提供しているAfter Effectsのエフェク…

  6. okakishi-chaya_img05

    STUDY

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

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

  1. muse-table-01

    Adobe Muse CCを使ったホームページ制作

    Museの苦手なテーブル機能を克服(Adobe Muse)
  2. eyecatch-200421

    After Effects

    パラパラと文字が上から落ちてくるモーショングラフィックス(After Effec…
  3. filmora-001

    Filmora

    63種類のモーション効果を試してよう!(Filmora9)
  4. filmora-pho002-01

    Filmora

    テキスト「オープニング編」(Filmora)
  5. Yellow-Submarine

    Dimension

    3DモデリングデータをDimension+Photoshopで合成
PAGE TOP