ソーシャルメディア エッジアニメ - ダミーの他のアニメーション効果

エッジアニメ - ダミーの他のアニメーション効果

ビデオ: [Edge preview: 概要] HTML5アニメーション作成 2025

ビデオ: [Edge preview: 概要] HTML5アニメーション作成 2025
Anonim

Edge Animate CCのアニメーションでテキストボックスを使用するための属性とプロパティは異なります。テキストを使用してメッセージを伝えたい場合があります。エッジアニメーションでは、テキストをフォーマットしてアニメーション化して、テキストがコンポジション内を流れるようにすることができます。

容量は限られていますが、Edge Animateのテキストボックスエディタはまだ多彩な機能を備えています。斜体や太字などのプロパティを持つテキストを表示するように各テキストボックスを書式設定することはできますが、一部の単語だけをイタリック体と太字にすることはできません。それは、その正面に全面的または何もない命題です。しかし、さまざまな方法でアニメーションを微調整して、あなたが望む方法を見ることができます。いくつかの典型的な例があります:

<! - 1 - >
  • テキストボックスを創造的に配置することで、段落の1つの単語がイタリックで他の単語はそうでないように、ステージ上に要素を配置することができます。

  • テキストボックスエディタで作業中にEnterキーを押すと、新しいテキスト行を開始できます。インデントを持つように段落を整形することさえできます。

  • テキストの外観を変更するには、整列、段落の間隔、縦の整列、単語の間隔、テキストのシャドウなどの追加の書式設定プロパティを適用し、これらのすべてのプロパティをアニメートします。

    キーフレームのダイヤモンドを表示しない(したがって直接アニメーション化できない)テキストプロパティには、

Weight

  • イタリックと下線

  • Alignment

  • Animateにはこれらのプロパティのキーフレームがありませんが、その動作を模倣するアニメーションシーケンスを作成することはできます。

キーフレームが割り当てられていないプロパティをアニメーション化するための回避策を作成するには、次の手順に従います。この場合、テキストの重さの変化をアニメートします。

<! - 3 - >

ステージ上にテキストボックスを作成し、テキストを入力します。テキストボックスエディタを閉じます。
  1. フォントの太さを100(Thin)に設定します。

  2. ピンを切り替えて、再生ヘッドをピンから離してタイムラインの下にスライドさせます。

  3. 不透明度を100%から0%に変更します。

  4. あなたはテキストが消えるアニメーションシーケンスを作成しました。

    テキスト要素をコピーして貼り付けます。

  5. そうすることで、既存のテキストボックスの上に同じテキストボックスを配置します。

    新しいテキストボックスで、不透明度を0%に設定し、フォントの太さを900(黒)に設定します。

  6. ピンが最初のアニメーションシーケンスの最後にあり、再生ヘッドがさらに下になるように、ピンと再生ヘッドの両方を一緒にスライドさせます(オレンジ色のバーの上にシェブロンでカーソルを置き、ドラッグしてドラッグします)。タイムライン。

  7. 不透明度を100%に戻して、ボールドテキストが徐々に現れるアニメーションシーケンスを作成します。

  8. このアニメーションをステージから表示したり、ブラウザでプレビューすることができます。薄い重み付きフォントがフェードアウトしてから、重い重みでテキストがフェードバックするのを確認する必要があります。

ThinからBoldへの突然の変更をさらに進めたい場合は、その方法を次に示します。

テキストボックスを作成し、テキストを入力してテキストエディタを閉じます。

  1. [プロパティ]パネルで、[表示]を[常にオン]から[オン]に変更します。

  2. フォントの太さをThinに変更します。

  3. テキストボックスをコピーして貼り付けます。

  4. 要素パネル(インターフェイスの右上)で、最初のテキストボックスの名前をThinに変更し、2番目のテキストボックスを太字に変更します。

  5. 太字のテキストボックスを選択し、可視性をオフに設定します。

  6. タイムラインの下にあるプレイヘッドとピンをドラッグして、フォントの太さを変更する位置に移動します(ピンを切り替えないでください)。 8。 [要素]パネルで[薄いテキスト]ボックスを選択し、[可視性]を[オフ]に設定します。

  7. [要素]パネルで、[太字]テキストボックスを選択し、[可視性]を[オン]に設定して、ウェイトを900(黒)に設定します。

  8. Pinを切り替えたことはないので、キーフレームアニメーションシーケンスを作成していません。しかし、(この図に示すように)タイムラインにキーフレームダイヤモンドを作成しました。

  9. アニメーションシーケンスのないキーフレームアニメーション。

このアニメーションをプレビューすると、細いテキストが表示され、突然太字に変わります。

これらの2つの同じ手順を使用して、イタリック体、アンダーライン、および配置のアニメーションを模倣することができます。付随するサイドバーには私の実験が記載されています。
エッジアニメ - ダミーの他のアニメーション効果

エディタの選択

IOSアプリケーション開発の既存クラスにメソッドを追加する方法 - ダミー

IOSアプリケーション開発の既存クラスにメソッドを追加する方法 - ダミー

Objective-Cでは、作成していないクラスであっても、iOSアプリケーションの既存のクラスに独自のメソッドを追加できます。クラスにメソッドを追加することは、特定の状況でのみ新しい動作が使用される場合に便利です。たとえば、特定のアプリケーション...

IOSアプリケーション開発の既存クラスにメソッドを追加する方法 - ダミー

IOSアプリケーション開発の既存クラスにメソッドを追加する方法 - ダミー

IOSアプリケーションの開発では、Objective-Cを使用すると、自分が作成していないクラスであっても、既存のクラスに独自のメソッドを追加することができます。クラスにメソッドを追加することは、特定の状況でのみ新しい動作が使用される場合に便利です。たとえば、特定のアプリケーション(たとえば、...

In App Purchase機能がiPadアプリで動作する仕組み

In App Purchase機能がiPadアプリで動作する仕組み

Apple App App Purchase機能を提供します。これにより、アプリユーザーはアプリ内から仮想アイテムを直接購入することができます。複数のレベルや環境、または仮想プロパティを持つゲームアプリケーションを開発する場合は、アプリケーションにIn App Purchase機能を追加して、レベル、環境、またはプロパティをさらに販売することを検討してください。 App Purchaseで...

エディタの選択

効果的なホームビジネスWebサイトを作成する方法 - ダミー

効果的なホームビジネスWebサイトを作成する方法 - ダミー

素晴らしいかもしれませんが、製品やサービスをさらに販売するのに役立たない場合は、時間とお金の無駄です。自宅のビジネスにとって本物の資産であるWebサイトを構築するための、実証済みの方法をいくつか試してみましょう。難しいことではありません...

マスターCSSファイルを作成する方法 - ダミー

マスターCSSファイルを作成する方法 - ダミー

多くのデザイナーがマスターHTMLコードのCSSファイルを作成し、個々のサイトのニーズに合わせて、最初からウェブサイトを構築するプロセスをスピードアップします。あなたがより多くのウェブサイトを構築するにつれて、いくつかのスタイルは標準的なデザインプラクティスの標準的な部分になります。 ...

MSN adCenterのウェブマーケティングキャンペーンのアカウントを作成する方法 - ダミー

MSN adCenterのウェブマーケティングキャンペーンのアカウントを作成する方法 - ダミー

Bing検索結果と並んでクリック単価(PPC)広告はMSN adCenterを通じて提供されます。 adCenterを使用して、Webマーケティングのニーズに合わせてアカウントとキャンペーンを作成できます。 Microsoftは、Bing Travel、adCenter Desktopなどのプログラムを追加することで、PPCサービスのインターフェース、ツール、検索品質、およびボリュームを向上させるために歩み続けています。...

エディタの選択

地中海ダイエットレシピ:フルーツサラダ - ダミー

地中海ダイエットレシピ:フルーツサラダ - ダミー

果実は地中海で豊富に生育し、地中海沿岸に沿って、アメリカ人より一般的に果実を多く食べるため、地中海の高レベルの疾病予防に貢献しています。あなたの次の食事やパーティーのために健康的なサイドディッシュのフルーツサラダを作るには、いくつかの方法があります。果物は地中海で豊富に生育し、地中海沿岸に住む人々は一般にアメリカ人よりも多くの果実を食べるため、地中海の高レベルの疾病予防に寄与します。

地中海料理ダイスレシピ:クラシックジャイロとピタ - ダミー

地中海料理ダイスレシピ:クラシックジャイロとピタ - ダミー

ジャイロとピタサンドイッチは一般的なカジュアルな食品です地中海でピザや他の地中海のサンドイッチと同じように、今日はピタサンドイッチとジャイロのさまざまなバージョンが存在します。ピタスは蒸気で作られた中央のポーチ付きの丸いパンです。