Adobe Edge Animate CC：相互作用して適応する6つの機能

Adobe Edge Animate CCは、画面上で要素を移動するだけではありません。その機能の多くを使用して、オーディエンスの双方向性を作成できます。さらに多くの機能を微調整して、好みに合わせてソフトウェアを構成できます。

• インタラクティブ性：ボタン、リンク、ループなどのコントロールとアクションを使用して、完全にインタラクティブなアニメーションを作成できます。

• シンボル：作成した要素（ボタンなど）を保存して、別のアニメーションで再度使用できます。

• レスポンシブWebデザイン： Edge Animateを使用すると、ブラウザーとデバイスのウィンドウサイズに応答するコンポジションを作成できます。

• 複数の公開オプション： Edge Animateには、さまざまなアプリケーション（さまざまなWebブラウザーやiBooksなど）で使用するためにアニメーションを公開するさまざまな方法があります。また、Adobe EdgeAnimationをInDesignやMuseなどのさまざまなAdobe製品にインポートすることもできます。

• フォントの選択： Edge Animateには、多数のフォントの選択肢があります。特定のフォントに煩わされている場合、良いニュースは、Webでフォントを見つけることができれば、アニメーションでそれを使用できる可能性が高いということです。

• 言語を選択してください：英語が母国語ではなく、（たとえば）ドイツ語、スペイン語、フランス語、または日本語で作業することを好む場合は、EdgeAnimateが対応します。

双方向性をインテリジェントに実装する

Adobe Edge Animate CCを使用すると、要素を描画してアニメーション化するだけではありません。これらの要素をインタラクティブにすることもできます。これにより、視聴者はアイテムをクリックしてさまざまなアクションを実行できます。

たとえば、インタラクティブなスライドショーの[停止]、[再生]、および[一時停止]ボタンを作成できます。視聴者がアニメーションのさまざまな部分、またはまったく異なるWebページに移動できるようにするリンクを追加して、メニューを作成することもできます。

視聴者がアニメーションの周りでカーソルを動かすと、カーソルが特定の領域を移動したときにさまざまなアクションを実行できます。この種のカーソルの動きは、マウスオーバーと呼ばれます。または、視聴者がタブレットやスマートフォンを使用してアニメーションを表示している場合は、要素をタップするだけでアクションを実行できるようにすることができます。

シンボルを使用して再利用可能なオブジェクトを作成する

最初は、シンボルを使用するのは少し難しいかもしれませんが、シンボルの使用経験を積むと、シンボルは不可欠になります。

では、シンボルとは正確には何ですか？これは基本的に、独自の独立したタイムラインとインタラクティブ機能を備えた、作成するネストされたアニメーションです。たとえば、多くの異なるプロジェクトで同じアクションを使用して同じ要素を何度も作成していることに気付いたとします。その繰り返し要素をシンボルとして保存することにより、その要素とそれに関連するアクションを任意のプロジェクトで再利用できます。

シンボルの代表的な例はボタンです。同じボタン（たとえば、スライドショーの再生ボタン）を再作成していることに気付いた場合は、後で再利用できるように、その再生ボタンをシンボルとして保存することをお勧めします。

示されているように、ライブラリパネルでシンボルを見つけることができます。

レスポンシブウェブデザインを組み込む

HTML5と同様に、レスポンシブWebデザインは、Web開発に関して最新の流行語の用語です。レスポンシブウェブデザインにより、ブラウザウィンドウのサイズに応じてアニメーションのサイズを適切に変更できます。

これは多くのことを意味します。たとえば、誰かがデスクトップコンピュータでアニメーションを表示しているとします。ユーザーがブラウザウィンドウのサイズを変更して拡大または縮小すると、アニメーション内の要素が適切にサイズ変更され、パーセンテージに基づいて新しいサイズになります。

たとえば、ブラウザウィンドウが100％で最大化されている場合、アニメーションの画像などは100％で表示されます。ブラウザウィンドウがそのサイズの50％に縮小されると、画像も通常のサイズの50％に縮小されます。

最近は画面サイズが非常に多様であるため、これは非常に強力な機能です。視聴者がアニメーションを60インチのディスプレイ、4インチのiPhone、またはその間の何かで表示しているかどうかはわかりません。タブレットは画面サイズの多様性を増します。

複数の公開オプションを数える

最近、アニメーションを公開する方法は複数あります。AdobeEdgeAnimate CCでカバーされており、多数のオプションが提供されています（この図を参照）。アニメーションをスタンドアロンのWebページとして公開することも、既存のWebページに埋め込むこともできます。

また、iBookで使用するためにアニメーションをエクスポートできるオプションもあります。HTML5またはアニメーションをサポートしていない古いWebブラウザーで使用するために、アニメーションを静的HTMLページとして公開することもできます。

Adobe EdgeAnimateのフォント

Web上で多数のフォントを使用でき、Adobe Edge AnimateCCで対応できます。使用可能なフォントの標準のデフォルトリスト（図を参照）に加えて、EdgeAnimateではWeb全体からフォントをインポートすることもできます。

これらのフォントのいずれもニーズを満たさない場合は、Google Web Fontsなど、さまざまなソースからフォントをインポートできます。Animateに組み込まれているAdobeEdge WebFontsを使用することもできます。また、Typekit（別のフリーフォントツール）に精通している場合は、そのツールがEdgeAnimateでも機能することを知って祝うことができます。

選択した言語での作業

Adobe Edge Animate CCは、メニューやパネルに表示される言語など、多くの点でグローバルです。英語以外の言語での作業に慣れている場合は、Edge Animateを使用すると、ソフトウェアで使用されている言語を多くの一般的な言語の1つに簡単に変更できます。

この図に示すように、[ヘルプ]メニューから、いくつかの異なる言語から選択できます。[ヘルプ]メニューから言語を選択すると、その言語がソフトウェアに表示されます。選択できる言語には、ドイツ語、英語、スペイン語、フランス語、および日本語が含まれます。

別の言語を選択した場合は、変更が有効になるようにEdgeAnimateを閉じて再起動する必要があります。必要な言語を選択した後、インターフェイスは自動的に更新されません。プログラムを閉じてから再度開くと、新しく選択した言語が表示されます。