エッジアニメーション合成の概要 - ダミー

Edge Animateコンポジションを作成するプロセスは、他のタイプのコンテンツを作成するプロセスとあまり変わりありません。開始時には、何を、どこで、どのようにアニメーションを表示するかを検討する必要があります。あなたのアニメーションは既存のウェブサイトの一部ですか？本を補完するアニメーションを追加していますか？クライアントが新しいアニメーションのロゴを要求していますか？

おそらく、ウェブ上に表示するように作成したいのですか？ Edge Animateを使用してこれらのプロジェクトをすべて作成できます。

<！ - 1 - >

エッジアニメーションコンポジションを作成するための基本的な概要を次に示します。

1. あなたとあなたの視聴者がこのアニメーションをどのように使用するかを決定します。

2. 画像やその他の資産を収集します。

3. 概要を書いてください。

4. 後で再利用するためにボタンなどの一般的に使用される要素を作成して保存します。

5. アニメーションを開始します。

6. 完成したアニメーションを保存して書き出します。

   <！アニメーションを開始する前に、あなたのアニメーションをeリーダー、ブラウザ、iBooksで表示するか、iOSとAndroidの両方のデバイスで使用するためのアプリかどうかを検討してください。

デバイスに関係なく、HTML5とJavaScriptをサポートする場合、Edge Animateプロジェクトはスムーズに実行されます。

資産の収集

作成したい場所と表示する場所を知ったら、

資産の収集を開始します - 電子的に描かれた画像、写真、テキストの段落、またはすべての3つの組み合わせ - それは最終的なアニメーションを構成します。 Edge Animateを使用すると、これらのアセットを簡単にインポートまたは作成できます。 <！ - 9 - > アニメーションの輪郭を描くアプローチを作成する

この時点で、アニメーションの目的とアートを美しくするように定義しました。これで、

ワイヤフレームを作成する必要があります。

は基本的にアニメーションの再生方法の概要です。 確かに、あなたはそれを振ることができます。しかし、あなたのアニメーションを頭の中に描き、アニメーションが最初から最後まで再生されると想像してみてください。この概要は、作業の基礎となるものです。 頻繁に使用される要素のシンボルの作成

アニメーションに多くの類似

要素、または

または同じ要素が何度も繰り返し繰り返されることがわかっている場合は、まずそれらの要素を作成します。要素はアニメーションを構成するさまざまな部分です。要素には、描画するボックス、指定するテキストボックス、インポートするイメージなどがあります。 再利用したい要素は、ボタン、またはアニメーション全体で再利用するアセット、または視聴者が使用できる任意のタイプのナビゲーションです。 この要素を作成し、それをあなたが望むように動作させたら、それを

記号として保存することができます。

このシンボルをエクスポートして、他のプロジェクトで使用することができます。そうすれば、このアニメーションが一連のアニメーションの一部になり、同じシンボルを再利用したい場合は、実際のアニメーションを作成するときに、既にいくつかのアセットを保存しておく準備が整います。 アニメーションプロジェクト全体をシンボルとして保存することもできます。たとえば、スライドショーアニメーションを作成した場合は、そのスライドショー全体をシンボルとして保存し、Edge Animateからエクスポートして別のEdge Animateプロジェクトに読み込むことができます。 アニメーター、アニメーションを開始する

アニメーションの目的があるときに、すべてのアセットが並んでいて準備が整っていて、複数回使用する要素をシンボルとして保存したら、アニメーションを開始するときです。

アニメーションを開始するには、アセットをステージに読み込みます。次に、タイムラインを使用してキーフレームを作成します。

キーフレーム

はアニメーションシーケンスを表す。たとえば、ステージの一方の側から他方の側に移動するボックスをアニメートすると、そのアニメーションはタイムラインでキーフレームとして表されます。 そこから、対話性のために要素にアクションを追加します。アニメーションを作成するときに、そのアニメーションが予期したとおりに動作するようにプレビューすることができます。 アニメーションの保存と書き出し

アニメーションプロジェクトの作成が終了したら、オーディエンスが使用するために、または別のプロジェクトまたはデザインツールで使用するために、コンポジションを保存または書き出したいとします。 Edge Animateは、作業をエクスポートして保存するための多くのオプションを提供します。同様に、あなたの作品をオンラインでも、iBooksでも、他のデザインツールと一緒に使う方法については、多くの選択肢があります。

プロセスの終了

結局のところ、このプロセスによって、HTML5とjQueryを使用してアニメーションを作成しました.1行のコードは入力しません。あなたの聴衆は、アニメーションを見て、可能な限りインタラクティブにするテクノロジーを知らないかもしれません（そのためには、これを可能にする、またはそうする必要がある高度なコーディングテクニックを十分に理解していないかもしれません）。

それはAdobe Edge Animate CCの美しさです。シーンの背後にあるすべての重労働は、あなたが座って一番うまくやることを可能にします。フィット感に優れ、インタラクティブなコンテンツを作成できます任意の数の画面サイズおよびデバイス。