4時間、全21回で学ぶ Adobe Edge Animate CC[基礎編]

PART4 実習

第16回 実習:インタラクティブなアニメーションを作成する

再生時間:12分59秒

Edge Animate CC によるアニメーション制作の応用編です。

素材データの「goods_08_EA_Lesson」(すでにアニメーションが設定されています)を使って、インタラクティブな仕組みを追加していきます。最初の画面でキャラクターをクリックすると、アニメーションの画面に切り替わり、再生開始します。アニメーション画面のキャラクターをクリックすると、最初の画面に戻るというコンテンツです。

さらに、プリローダーを設置する方法も学習します。

素材データ

第16回の素材データ:

 

  • Vol16.zip(9.8MB)
  • (レッスンデータ)「WordPressでHTMLアニメーション」フォルダ > 「Lesson」フォルダ > 「goods_08_EA_Lesson」フォルダ(バージョンCC)
  • (レッスンデータ)「WordPressでHTMLアニメーション」フォルダ > 「Lesson」フォルダ > 「goods_08_EA_Lesson_upgraded」フォルダ(バージョンCC 2014)
  • (レッスンデータ)「WordPressでHTMLアニメーション」フォルダ > 「Lesson」フォルダ > レッスンの手順.txt
  • (画像の素材)「WordPressでHTMLアニメーション」フォルダ > 「goods_08-set」フォルダ
  • 「WordPressでHTMLアニメーション」フォルダ > 手順.txt
  • 「WordPressでHTMLアニメーション」フォルダ > 「goods_08_EA」フォルダ(バージョンCC)
  • 「WordPressでHTMLアニメーション」フォルダ > 「goods_08_EA_upgraded」フォルダ(バージョンCC 2014)

PART4に戻る

トップページに戻る

Open Education Platrorm - Creative Edge School

The Future of Design Digital Publishing Team

株式会社ズオン 東京都中野区2-30-9 ツバセス中野坂上 333

ebookcast@gmail.com

© 2014 The Future of Design Digital Publishing Team