目次:
ビデオ: Adobe Edgeツール&サービス使い方講座Edge Animate編 第5章「アニメーション」【動学 tv】 2024
Adobe Edge Animate CCでは、描画ツールを使用してステージ上に図形を作成し、アニメートしてアクションを追加することができます。画像を読み込んでテキストを書き込む場合も同様です。
エッジアニメに画像を読み込む
メニューバーからエッジアニメートプロジェクトに画像を読み込むことができます。ファイル→インポートをクリックします。ナビゲーションウィンドウが開き、画像を選択するよう指示されます。画像を保存した場所に移動して、画像を選択し、最後にナビゲーションウィンドウから開くを選択します。
<! - 1 - >Adobe Edge Animate CCはドラッグアンドドロップをサポートしています。 「ファイル」メニューをクリックする代わりに、デスクトップから直接ステージに画像をドラッグすることができます。
コンポジションにイメージがある場合、この図に示すように、プロパティパネルにいくつかの新しいオプションが表示されます。
テキストを書く
Edge Animateプロジェクトにテキストを追加するには、数回クリックして入力するだけです。また、最も重要な点は、入力したテキストがブラウザで表示されている間に 選択可能な 型とみなされることです。
<! - 2 - >Edge Animateはテキストを画像に変換して最終出力を行いません。つまり、検索エンジンがテキストを解析して検索結果を索引付けすることができます。最終的に、Edge Animateのテキストを使用すると、ウェブサイトのSEO(検索エンジンの最適化)を支援します。
Adobe Edge Animate CCはSEOに優しいと考えられています。 JavaScriptファイル のテキストを テキストのイメージ ではなく、 テキストとして配置します。したがって、検索エンジンは、Edge Animateに入力してサイトに配置された最終アニメーションで使用するテキストを見つけることができます。
<! - 3 - >エッジアニメーションコンポジションにテキストを挿入するには、左上のメインメニューバーのすぐ下にあるテキストツールをクリックします(この図を参照)。
テキストツールを選択して、ステージ上をクリックしてドラッグします。クリックしてドラッグすると、細い青い四角形が表示されます。マウスの左ボタンを放すと、点滅しているカーソルがある灰色のテキストボックスも表示されます(ここに示すように)。