フラッシュ感謝祭アニメーション

• かもしれません 2, 2024

このチュートリアルでは、Flashを使用して単純なテキスト効果Tweenを作成します^R 感謝祭プロジェクトのモーションプリセット。デジタルアートチュートリアルに従っている場合、このプロジェクトの背景画像は既に作成されています。そうでない場合は、ページの下部にあるリンクを使用して、そのチュートリアルをお読みください。

最初のステップは、Photoshopのすべてのレイヤーをマージすることです^R 画像。チュートリアルで述べたように、背景画像を作成するときに、それぞれの葉がそれ自身のレイヤーに必要でした。ただし、Flashアニメーションの背景画像として使用する準備ができたので、すべてのレイヤーを1つの背景レイヤーにマージできます。

1. 背景画像をPhotoshopで開きます。メニューバーから、「レイヤー-画像の統合」をクリックします。これで、このバージョンの画像をデフォルトのpsd形式で保存できます。階層化されたバージョンをそのまま保持するには、このフラット化されたバージョンを新しい名前で保存する必要があります。 ThanksgivingFlattened.psdと呼びましょう。
   
   
2. Flash CS4で新しいプロジェクトを開始します。レイヤー1の名前を「Background」に変更します。
   
   
3. フラット化した画像をFlashプロジェクトにインポートできます。 [ファイル]-[インポート]-[ステージにインポート]をクリックします。 ThanksgivingFlattened.psdを参照し、インポートイメージとして選択します。 Flashステージに表示されるはずです。
   
   背景画像の幅と高さをデフォルトのFlashステージと同じにしたため、ステージの中央に自動的に配置され、すぐに使用できます。
   
   
4. タイムラインに新しいレイヤーを追加し、「Happy Thanksgiving」という名前を付けます。これにより、「Happy Thanksgiving」テキストのプリセットモーショントゥイーンが保持されます。
   
   
5. テキストツールでステージをクリックし、テキストボックスにテキストを追加します。 [プロパティ]パネルで、テキストのフォント、スタイル、サイズ、色を変更できます。この例では、Times New Romanテキストを保持しましたが、サイズを35ptに設定しました。また、アニメーションのアンチエイリアスを設定し、色を濃い赤に変更しました（＃BD2226）。
   
   
6. テキストを選択したまま、ウィンドウ-モーションプリセットをクリックして、そのパネルを開きます。このパネルでは、デフォルトプリセットフォルダにいくつかのプリセットがあります。各プリセットを試して、アニメーションで使用するプリセットを確認してください。この例では、「マルチバウンス」プリセットを使用しました。
   
   モーションプリセットを使用する場合、覚えておくべき重要なことが1つあります。プリセットは、プリセットアニメーションの最初のフレームに表示されるオブジェクト（テキスト）に適用されます。この時点で、テキストはステージの中央に配置されています。マルチバウンスプリセットでは、テキストが少しドロップし、数回バウンスします。ただし、現在の位置のテキストにプリセットを適用すると、ドロップしたテキストは表示されません。ステージの底から落ち、跳ね返ることはできません。したがって、テキストをステージの上部または上部に配置する必要があります。これにより、ドロップダウンしてステージの中央で跳ね返ります。これが私たちが望む効果です。別のプリセットを使用している場合は、アニメーションの開始位置にテキストを配置する場所を決定する必要があります。
   
   
7. テキストを選択し、ステージのすぐ上にドラッグします。テキストにプリセットを適用するには、選択したプリセットを選択して[適用]ボタンをクリックします。
   
   各プリセットは、Happy Thanksgivingレイヤーに追加されるフレーム数が設定されたモーショントゥイーンです。
   
   
8. アニメーションをテストする前に、背景レイヤーをプリセットトゥイーンの最後まで拡張する必要があります。この例では、フレーム75です。Backgroundレイヤーでこのフレームを右クリックし、フレームを挿入します。これで、コントロール-ムービーのテストをクリックして、これまでのアニメーションをプレビューできます。
   
   

次のチュートリアルでは、このアニメーションを改良し、2番目のプリセットを追加してプロジェクトを終了します。この時点で、プロジェクトをデフォルトの.fla形式で保存します。

次へ→

Copyright 2018 Adob​​e Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの[a]登録商標または商標です。

動画の説明: 【YSB実況感謝祭】東方フラッシュゲームズ (かもしれません 2024).