xd005

Adobe XD

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

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

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

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

▽サンプル
live-preview

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

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

関連記事

  1. webflow006-01

    STUDY

    ListとList Itemの使用(webflow)

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

  2. webflow005-01

    STUDY

    Link Blockの使用(webflow)

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

  3. filmora-pho024-03

    Filmora

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

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

  4. ae-thumbnail200126

    After Effects

    27 Elegant 4K Title Animationsを使って試作

    MotionElementsに掲載されている「27 Elegant…

  5. filmora-pho022-01

    Filmora

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

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

  6. whiteboard-nimated01
  1. multiscroll01

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

    左右の画面を逆スクロールで1枚に合成(Adobe Muse CC)
  2. audition02

    Audition

    動画のBGMにはbeatgain.comとAudition CCがオススメ
  3. Pillow01

    Photoshop

    枕カバーのモックアップ画像をPhotoshopで作成しました。
  4. countdown-clock

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

    カウントダウン時計(Adobe Muse)
  5. youtube-20201207

    Premiere Pro

    スタッターの動きをMotion ArrayのPremiere Proプラグインで…
PAGE TOP