［サンプルファイルあり］Adobe XD ユーザーフェス特別企画・自動アニメーションハンズオン講座 当日用資料
2020年9月26日（土）にオンラインで開催されるAdobe XD User Festival 2020の特別企画として行われるハンズオン講座の資料です。
アーカイブ動画
当日の動画はこちらでご覧いただけます。
✨今日はXDUFes2020✨
— Eri Matsushita 松下 絵梨 (@matsu_eri) September 25, 2020
私は緑間さん（@natsumi_512）と一緒に、15:00〜の特別企画・XDアニメーションハンズオン講座を担当します。
Zoom参加枠は満席ですが、配信視聴や作品投稿は無料で参加可能ですのでぜひご覧ください！https://t.co/gBfRrjQ2T8#XDUFes2020 #XDUFesハンズオン #adobexd pic.twitter.com/MpT7uemWTY
XDサンプルファイル ダウンロード
ハンズオン講座で使用するサンプルファイルは下記からダウンロードしていただけます。
一緒に手を動かしながらAdobe XD User Festival 2020のロゴを動かして、あなただけのアニメーションロゴを作りましょう！
デモ素材として、黒野明子さんデザインのAdobe XD User Festival 2020の公式ロゴを使わせていただきました。
タイムスケジュール
15:00 企画説明とご挨拶
15:05 XDアニメーションハンズオン
15:25 実習タイム
15:40 途中経過のご紹介・質問タイム
15:50 終了
※あくまで目安です
アニメーションロゴを投稿しましょう
作成したアニメーションロゴは動画として保存し、ハッシュタグ「 #XDUFes2020 #XDUFesハンズオン 」をつけて、ぜひTwitterで投稿してください。
①「デスクトッププレビュー」アイコンをクリックします。
②プレビューウィンドウで、「録画」をクリックします。
③「録画」をもう一度クリックするか、Esc キーを押して記録を停止し、.mp4 ファイルを保存する場所を指定します。
※Macをお使いの方で録画がうまくできない場合は、
システム環境設定>セキュリティとプライバシー>プライバシー>画面収録で、Adobe XDにチェックが入っているかをご確認ください。
（XDの再起動が必要なので、XDのファイル保存を忘れずにお願いします。）
※Adobe XD Windows 版では、プロトタイプの録画はサポートされていませんが、Windows + G キーを押して、ネイティブレコーダーを使用することでプレビューウィンドウを録画することができます。
インタラクションの記録（録画）については、詳しくはこちらをご覧ください。
プレビューウィンドウでのデザインとプロトタイプのプレビュー
参考URL
自動アニメーションのサンプルがたくさん載っているUIキット
今回のハンズオン講座についての告知記事
松下のXD書籍です。どうぞよろしくお願いいたします。
Adobe MAX 2020の【「いろは」始めるなら今！これからのwebデザインのワークフローに欠かせないUI/UXツール Adobe XD】というセッションに出演します。