目次:
- Adobe Edge Animate CCを使用すると、要素を描画したりアニメーション化するだけでなく、また、これらの要素をインタラクティブにすることで、オーディエンスがアイテムをクリックしてさまざまなアクションを起こせるようにすることもできます。
- 最初に、シンボルを使用するのは少し難しいかもしれませんが、作業を経験した後は不可欠になります。
- HTML5とともに、
- 最近、アニメーションを公開する方法は複数あります。この図に示すように、Adobe Edge Animate CCではさまざまなオプションを提供しています。スタンドアロンのWebページとしてアニメーションを公開することも、既存のWebページに埋め込むこともできます。
- Web上に多数のフォントを使用することができ、Adobe Edge Animate CCでカバーしました。利用可能なフォントの標準デフォルトリスト(図を参照)に加えて、Edge AnimateではWebからフォントをインポートすることもできます。
- Adobe Edge Animate CCは、メニューやパネルで表示される言語を含め、多くの点でグローバルです。英語以外の言語での作業がより快適になると感じる場合、Edge Animateはソフトウェアで使用される言語を多くの一般的な言語の1つに簡単に変更できます。
ビデオ: Blackmagic NAB 2019 Technical Product Overview 2024
Adobe Edge Animate CCは、画面上で要素を移動させるだけのものではありません。
-
インタラクティビティ: ボタンのようなコントロールやアクションでインタラクティブなアニメーションを構築することができます、リンク、およびループ。
-
記号: 作成した要素(ボタンなど)を保存し、別のアニメーションで再び使用することができます。
-
レスポンシブウェブデザイン: Edge Animateでは、ブラウザとデバイスのウィンドウサイズに応じたコンポジションを作成できます。
-
複数の公開オプション:Edge Animateは、さまざまなWebブラウザやiBookなどさまざまなアプリケーションでアニメーションを公開するさまざまな方法を提供しています。また、Adobe Edge AnimationをInDesignやMuseなどのさまざまなAdobe製品にインポートできます。 <! - 2 - >
フォントの選択: -
Edge Animateは、多数のフォントを選択できます。特定のフォントについて戸惑っている人にとっては、ウェブ上でフォントを見つけることができれば、アニメーションでフォントを使用する可能性が高いというのは良いニュースです。 あなたの言語を選択してください:
-
英語が母国語ではなく、ドイツ語、スペイン語、フランス語、または日本語で作業することを好む場合は、Edge Animateを扱います。
Adobe Edge Animate CCを使用すると、要素を描画したりアニメーション化するだけでなく、また、これらの要素をインタラクティブにすることで、オーディエンスがアイテムをクリックしてさまざまなアクションを起こせるようにすることもできます。
たとえば、インタラクティブなスライドショーの停止、再生、および一時停止ボタンを作成できます。また、リンクを追加することで、視聴者がアニメーションのさまざまな部分や全く異なるWebページに移動できるようにすることもできます。
あなたの聴衆があなたのアニメーションの周りにカーソルを動かすと、カーソルが特定の領域上を移動するときに異なる動作を起こすことができます。この種のカーソル移動は、
マウスオーバーと呼ばれます。 または、視聴者がタブレットまたはスマートフォンを使用してアニメーションを視聴している場合、単に要素をタップしてアクションを起こさせることができます。 シンボルを使用して再利用可能なオブジェクトを作成する
最初に、シンボルを使用するのは少し難しいかもしれませんが、作業を経験した後は不可欠になります。
それでは、
シンボルはどういう意味ですか? 本質的には独自のタイムラインとインタラクティブな機能を備えたネストされたアニメーションです。たとえば、多くの異なるプロジェクトに対して同じアクションを繰り返して同じ要素を何度も作成しているとします。その反復要素をシンボルとして保存することで、それを任意のプロジェクトに再利用することができます。 記号の一番の例はボタンです。スライドショーの再生ボタンなど、同じボタンを再作成した場合は、後で再利用するためにその再生ボタンをシンボルとして保存することができます。
シンボルは図のようにライブラリパネルにあります。
レスポンシブウェブデザインの導入
HTML5とともに、
レスポンシブウェブデザイン は、Web開発に関する最新の専門用語です。レスポンシブなウェブデザインを使用すると、ブラウザウィンドウのサイズに応じてアニメーションのサイズを適切に変更できます。 これは多くのことを意味します。たとえば、誰かがあなたのアニメーションをデスクトップコンピュータで見ているとします。ユーザーがブラウザウィンドウのサイズを大きくしたり小さくしたりすると、アニメーション内の要素のサイズが適切に変更され、新しいサイズはパーセンテージに基づいて調整されます。
たとえば、ブラウザウィンドウが100%で最大化されている場合、アニメーション内の画像などは100%で表示されます。ブラウザのウィンドウがそのサイズの50%に収縮すると、画像も通常のサイズの50%に縮小されます。
これは非常に強力な機能です。なぜなら、最近、このような多種多様な画面サイズが存在するからです。 60インチのディスプレイ、4インチのiPhone、またはそれらの間のもので観客があなたのアニメーションを見ているかどうかはわかりません。タブレットは画面サイズの多様性を高めます。
複数のパブリッシングオプションのカウント
最近、アニメーションを公開する方法は複数あります。この図に示すように、Adobe Edge Animate CCではさまざまなオプションを提供しています。スタンドアロンのWebページとしてアニメーションを公開することも、既存のWebページに埋め込むこともできます。
iBookで使用するためにアニメーションを書き出すためのオプションもあります。 HTML5やアニメーションをサポートしていない古いWebブラウザで使用するために、アニメーションを静的HTMLページとして公開することもできます。
Adobe Edge Animateのフォント
Web上に多数のフォントを使用することができ、Adobe Edge Animate CCでカバーしました。利用可能なフォントの標準デフォルトリスト(図を参照)に加えて、Edge AnimateではWebからフォントをインポートすることもできます。
これらのフォントのいずれもあなたのニーズを満たしていない場合、Google Webフォントを含むさまざまなソースからフォントをインポートできます。 Animateに組み込まれているAdobe Edge Webフォントを使用することもできます。また、Typekit(別の無料のフォントツール)に精通している場合は、Edge Animateと連動していることを祝うこともできます。
選択した言語で作業する
Adobe Edge Animate CCは、メニューやパネルで表示される言語を含め、多くの点でグローバルです。英語以外の言語での作業がより快適になると感じる場合、Edge Animateはソフトウェアで使用される言語を多くの一般的な言語の1つに簡単に変更できます。
この図に示すように、[ヘルプ]メニューから、いくつかの言語から選択できます。 [ヘルプ]メニューから言語を選択すると、その言語がソフトウェアに表示されます。選択可能な言語には、ドイツ語、英語、スペイン語、フランス語、日本語があります。
別の言語を選択する場合は、エッジアニメートを閉じて再起動して、変更が反映されることを確認する必要があります。必要な言語を選択すると、インターフェイスは自動的に更新されず、プログラムを閉じてから再度開いて、新しく選択した言語を表示します。