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

PART1 基本操作

第1回 Adobe Edge Animate CCの概要

08分41秒

Adobe Edge Animate CC は、PCやスマートデバイス(スマートフォン、タブレットなど)で動作するウェブコンテンツを作成するためのオーサリングツールです。これから、基本操作を学習していきますが、Edge Animate のヘルプページ、フォーラムページは、ブックマークしておいてください。予期せぬトラブルが発生した場合は、フォーラムで質問することが可能です。また、チュートリアルやショーケースも用意されていますので、見ておきましょう。

第2回 ワークスペースと

パネルの操作方法について理解する

12分38秒

Edge Animate CC のワークスペースとパネル(およびパネルグループ)について学習します。Edge Animate のワークスペースは、ステージとタイムライン、複数のパネルで構成されています。パネルは、自由に配置できますので、作業しやすいレイアウトに変更しておきましょう(変更したワークスペースのレイアウトは名前を付けて記録できます)。パネルをドッキングしたり、切り離す操作は、ドラッグだけですが、ルールがありますので理解してください。

第3回 ステージの機能を理解する

12分15秒

Edge Animate CC のコンテンツ制作は、ステージと呼ばれる領域に画像やテキストなどの要素を配置しながら、進めていきます。まず最初に、ステージのサイズ変更、背景色の変更、編集画面の拡大表示(ズームコントロール機能)などの基本操作を学習し、実際に、キャラクターの画像ファイルをステージに配置して、ウェブブラウザーで確認します。また、ステージのオーバーフロー(配置した画像がステージの外に置かれたときの処理)についても学びます。

第4回 Edge Animateで保存した

ファイルの内容を理解する

06分20秒

Edge Animate CC で制作したコンテンツの保存方法と、保存されたファイルの内容について学習していきます。保存すると、拡張子が「.an」のEdge Animate のデータ、HTMLやJavaScript、配置した画像ファイルなどのパブリッシュデータが書き出されます。拡張子が「.an」のファイルをダブルクリックすると、作業の続きを再開することができます。また、HTMLファイルをウェブブラウザーで開くと、作成したコンテンツが表示されます。

トップページに戻る

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