Adobe XDを使い、クライアントにプレゼンすることになった。
せっかくAdobe XDを使うのだから、動きのある提案をと思い、メインイメージを複数枚用意し、フェードアニメーションで動かしたい！
調べるとアートボートを複数枚用意し、プロトタイプモードで、アードボード名を選択してから、青い矢印を選び次のアートボードにつなげます。
トリガーを「時間」にして、「ディレイ」に時間を入れればでき上がり！
アードボードでアニメーション指定するとコンテンツ修正が不便
トップページを複製したため、いざページを修正すると、複数枚のアートボードを修正する必要がある。
そんなことやってられないので、アートボードを削除し、１から設定し直し。
コンポーネント化して対応できるか？と思ったら、なんとトリガーを「時間」が選べない。
トリガーを「時間」はアートボードのみ設定できるらしい。
共有後のコメントがうまく表示できない
アートボードを複数枚用意してメインイメージのアニメーションを実現しているため、共有後のページ数も複数枚に。本当は１Pしかないのだが。
コメントを入れても、再生が開始すると、次のページ移動し、コメントがリンクなどがうまく表示できない。
これではうまくプレゼンできないので、なんとかすることに。
XDでフェードアニメーションは動画にする
解決策として、動画にしてしまいました。
ただのフェードアニメーションなのに動画するのも面倒ですが、PhotoShopで簡単に作れるんですね！
XDに配置する場合は「自動再生」「ループ再生」に設定します。
参考サイト：https://www.willstyle.co.jp/blog/4739/
XDでスライド、フェードアニメーションの自動再生の場合は、動画で対応しましょう！
コメント