タイムライン手法を使ってアニメーションを作成する方法を学び、アニメーション制作の基礎部分は完了しました。ここでもう一度強調しておきますが、タイムライン モードからフレーム モードに勝手に切り替えないように注意してください。タイムライン定義が無効になるためです。間違った場合は、元に戻すコマンドを使用して回復できます。
前のレッスンでは、フレーム トランジションを使用するときに、位置、不透明度、スタイルという 3 つのパラメーター (マスクの場合は 5 つ) がありました。たとえば、位置がレイヤーの座標であることはすでにわかっています。たとえば、テキストを移動すると、テキストレイヤーの位置が変わります。不透明度を使用すると、レイヤーの半透明度を変更できます。いわゆるスタイルとはレイヤースタイルのことを指します。 Photoshop の基本では、レイヤーのスタイルを定義する方法をすでに学習しました。スタイルの定義には、最終的な効果に直接影響するパラメーターが多数あります。影の高さや角度など。これらのパラメータのほとんどはアニメーション変数として使用できます。非常に優れたアニメーションを作成できます。
静的な作品を作成する場合、最も頻繁に使用されるレイヤー スタイルは投影です。投影から始めてアニメーションを付けて効果を確認しましょう。
アニメーションを実行する前に、まずそれをどのように実行するかをよく理解する必要があります。このアイデアは、今回のスクリプトの設定です。平面上に浮いているオブジェクトを表示するには、投影を使用して視覚を誘導する必要があります。新しい 100×100 の空白の画像を作成し、ドキュメント設定に移動します (右上隅のアニメーション パレットをクリックします)
ボタン）を押して、アニメーションの継続時間を 1 秒に、フレーム レートを 15 に変更します。以下に示すように。このアニメーションには合計 15 フレームがあります。フレーム番号は 1 から始まり、時間は 0 から始まるため、開始時間は最初のフレームである 00:00 になります。その場合、15 番目のフレームは 00:15 ではなく 00:14 に位置する必要があることに注意してください。 。この問題については以前にも言及しましたが、ここでも繰り返します。
新しいレイヤーを作成し、楕円形ツールのピクセル塗りつぶしモード (ベクターではない) を使用してカスタム カラーで円を描画し、その上にドロップ シャドウ スタイルを設定します。それぞれ次の図に示すとおりです。
上記の設定はすべてデフォルトで 00:00 に設定されています。ここでタイムラインの「スタイル」の左側にあるストップウォッチ ボタンを押します。
、このアニメーション設定をオンにします。時間ベンチマークを 00:14 (つまり、最後のフレーム) に移動し、スタイル設定ボックスを再度開き、投影パラメータの「距離」を 20 ピクセルに変更します。効果は次の図のようになります。
何かがおかしいのは、影は動くのに物体が動かないので浮遊感が表現できないからです。したがって、将来このようなアニメーションを作成するときは、オブジェクトと影が同時に反対方向に移動する必要があるという事実に誰もが注意を払う必要があります。
ここで最初に戻り、タイムラインの「位置」項目を開きます。次に、00:14 時点 (クリック可能なスタイル項目
ボタンを押して瞬間を見つけます)、円を左上に少し移動します (キーボードの方向キーを使用できます)。投影は 75 度なので、上方への移動と左への移動が少なくなるように注意する必要があります。 :1。移動距離は必ずしも 20 ピクセルである必要はありません。15 ピクセル程度あれば十分な効果が得られます。変更後の効果は以下の通りです。
このスクリプトはほぼ完成したので、詳細をもう少し改善することができます。最後のフレームの投影設定を変更し、投影の「不透明度」を 45% に、「サイズ」を 15 ピクセルに変更します。これにより、影がぼやけて薄くなります。より実際の状況に即したものになります。
以前プロット設定を紹介したときは、このような「戻らずに行く」ことを主張しませんでしたが、往復円運動を形成する必要があるため、次はそれを修正します。
まず、ドキュメント設定で継続時間を 2 秒に変更し、フレーム レートを 15 のままにして、合計 30 フレームのアニメーションを作成します。そして最後の瞬間に、スタイルとベクター マスクの位置のキーフレームが確立され、これら 2 つのキーフレームは元のアニメーションの終了時の状態を維持します。
次に、2 つのプロジェクトの最初のキーフレームを右クリックして「キーフレームのコピー」を選択し、最後にキーフレームを右クリックして「キーフレームの貼り付け」を選択します。このようにして、終了時刻の状態は開始時刻と一致します。効果は下の図に示されています。
この円はボールではなくパイのように単調すぎると思われるため、レイヤー スタイルを使用してハイライト効果を追加できます。これはグラデーション オーバーレイを使用して行うことができます。開始点に戻り、下の左側に示すようにグラデーション オーバーレイ スタイルを設定します。デフォルトのハイライトは円の中心に位置することに注意してください。設定する場合は、画像ウィンドウの左上にドラッグします。効果は下の右の図のようになります。
このとき、以前にスタイル アイテムのアニメーションをオンにして、新しいスタイル アイテムを追加した場合、この新しいスタイル アイテムはアニメーション内でどのように動作するのかという疑問を考えたことはありますか?このスタイル項目を設定するのは最初だけですが、他の場合はどうなるでしょうか?アニメーションを再生すると、アニメーションが進行するにつれて、グラデーション オーバーレイの効果が徐々に消えていくことがわかります。これは、スタイル項目が次のキーフレームに含まれていないためです (00:14 のレイヤー パレットからわかるように)。これは、グラデーション オーバーレイをフェードアウトするのと同じです。
グラデーション オーバーレイを常に有効にするには、このスタイル項目をすべてのキーフレームに追加する必要があります。ただし、このスタイルにはマウスのドラッグが含まれるため、投影などのパラメーターを使用して単純に再現することはできません。したがって、毎回同じ設定にしたい場合は、マウスのドラッグ動作を同じにすることと同じであり、現実的ではありません。 Photoshop はすべてのスタイル項目を全体として扱い、単一のスタイル項目のコピー機能を提供しません。したがって、元のアニメーションの投影スタイルを保持したまま、グラデーション オーバーレイを追加することはできません。
現在、より現実的な方法は、スタイル項目の 2 番目と 3 番目のキーフレームを削除することです。グラデーション オーバーレイを含めることに基づいて投影プロジェクトを再アニメーションさせます。レイヤーの位置はこの操作とは関係がないため、変更する必要はありません。完成したエフェクトは下の図に示されています。
グラデーション オーバーレイ、光沢、およびベクター マスク レイヤーに効果を生み出すために画像内でマウスをドラッグする必要があるその他のスタイルを使用する場合は、レイヤーの動きを同時に設定しないことをお勧めします。そうしないと、ファイルに書き出すときにこれらのスタイルが動きに追従しない可能性があります。これは、Photoshop のプログラムの脆弱性が原因である可能性があります。
新しいスタイル項目を途中で追加できないという問題を解決するには、最初にレイヤー スタイルを作成するときにすべてのスタイル項目をオンにして、使用しないいくつかのスタイル項目を保存するという簡単な方法を使用できます。スタイル項目の不透明度は一時的に 0% に設定されますが、効果には影響せず、後で簡単に再度有効にすることができます。ただし、キーフレームごとにリセットする手間は避けられません。したがって、脚本の段階で十分に考慮する必要があります。
現時点では３フレームのグラデーション重畳の状態は同じである。 2 番目のキーフレームのスタイルを変更し、マウスを使用してグラデーションによって形成されたハイライト ポイントを少し左上に移動して、球の動きによって引き起こされる照明位置の変化を模倣します。効果は以下の通りです。実際には影の変化はこれとは異なり、光の方向に沿って楕円に変化するはずです。また、球が平面上に止まったとき、影の高さはそれほど低くなく、約 5 ～ 8 ピクセルになるはずです。これらの問題は、このレッスンの範囲外です。
ほとんどのレイヤー スタイルはアニメーション化でき、上記の例と同様に、ドロップ シャドウとインナー シャドウを同様の方法で使用してオブジェクトの立体感を表現します。外側の輝きと内側の輝きの効果は似ており、両方ともオブジェクトの発光効果を作成するために使用されます。ベベルとエンボスの「方向」と「角度」はアニメーションできません。光沢を使用すると、より非現実的なアニメーションを作成できます。カラー オーバーレイでは、2 つの色の間の遷移を作成できます。グラデーション オーバーレイは、角度、拡大縮小、マウスの移動位置に加えて、さまざまな効果を生み出すことができるスタイル アイテムです。また、基本的なグラデーション設定の知識も必要です。基本チュートリアルで対応する部分の紹介を見ることができます。
パターンとストロークのオプションのパターン ストローク モードでは、パターンのスケーリングとブレンド モードにより、適切なアニメーション効果を形成できます。具体的な内容を自分で検討できます。
この課題は、下の図に示すシミュレートされたレーダー アニメーションを作成することです。アニメーションの詳細に注目してください。