Photoshop Advertising Blinkieのモーショントゥイーン
このPhotoshop CS3チュートリアルでは、テキストとてんとう虫をまばたきから移動し、空白のままにしてアニメーションを再開することにより、広告まばたきを終了します。最後のチュートリアルでは、フレーム74でテキストのモーフィングを終了しました。

ここで、赤いてんとう虫をカメオの下からテキストに向かって移動し始めます(J 3 Designs)。てんとう虫に15フレームを与えて、テキストの右端に到達させましょう。その時点から、テキストとてんとう虫の両方を、まばたきから消えるまで60フレーム移動します。次に、金色のてんとう虫を左下隅から右上隅に向かって移動し、まばたきから外します。このタスクのために、このてんとう虫に20フレームを与えましょう。

この時点で、まばたきは空になります。金色のてんとう虫をまばたきの左下隅の元の位置に戻す前に、観客に5フレームの短い休憩時間を与えましょう。これによりアニメーション全体が完了し、世界が終わるまで繰り返されます。

blinkie2.psdプロジェクトファイルをPhotoshopで開きますR そして始めましょう。

  1. 最初のステップは、赤いてんとう虫をテキストに向かって移動することです。フレーム75を追加し、持続時間を.1秒に戻します。フレーム76を追加し、レイヤーパレットで赤のてんとう虫レイヤーをクリックします。次に、移動ツールをクリックし、それを使用しててんとう虫をテキストの右端の位置に移動します。キーボードの方向矢印を使用して、てんとう虫を配置することもできます。

  2. フレーム75と76の両方を選択し、15フレームの長さでモーショントゥイーンを作成します。これで91フレームになります。

  3. 次に、60フレームのモーショントゥイーンを使用して、バグとテキストの両方を見えなくします。フレーム91で、レイヤーパレットでRed LadybugレイヤーとJ 3 Designsレイヤーの両方を選択します。新しいフレーム92を追加し、バグとテキストの両方を左にドラッグして、まばたきから外します。フレーム91と92の両方を選択し、60フレームのトゥイーンを追加します。 152フレーム必要です。

    これで、アニメーションをテストする良い機会になります。

  4. それはその金のてんとう虫を目覚めさせ、彼女を働かせるための時間です。新しいフレーム153を追加し、レイヤーパレットでGold Ladybugレイヤーを選択します。別のフレーム154を追加し、金色のてんとう虫を右上にドラッグし、まばたきから外します。フレーム153と154の両方を選択し、20フレームのトゥイーンを追加します。 174フレームが必要です。

  5. 5 .l秒フレームの長さの間、まばたきを空白にする必要があります。そこで、フレーム174の継続時間を0.5秒に変更しましょう。

    最後に、ゴールドてんとう虫を彼女の開始位置に戻す必要があります。

  6. フレーム1に戻り、アニメーションパレットのポップアップメニューから[フレームのコピー]をクリックします。最後のフレーム(174)を選択し、[フレームの貼り付け]をクリックします。 [フレームの貼り付け]ダイアログボックスで、[選択後に貼り付け]を選択し、[OK]をクリックします。これにより、フレーム175が追加されます。

  7. 新しいフレーム176を追加してフレーム175を複製します。フレーム175に戻り、レイヤーパレットで「ゴールドてんとう虫」レイヤーを選択したまま、てんとう虫を下方向にドラッキーからドラッグします。

  8. フレーム175と176の両方を選択し、10フレームのトゥイーンを追加します。 186フレーム必要です。

  9. [ループオプション]が[永遠](アニメーションパレットの下部)に設定されていることを確認し、まばたきをAdvBlinkie.psdとして保存します。フレーム1に戻り、完成したまばたきをテストします。また、[ファイル]メニューの[Webおよびデバイス用に保存]オプションを使用して、瞬きをWeb用のgif形式で保存することもできます。

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]登録商標または商標です。