これまでに学習した制作方法は、ほとんどのフラット アニメーション制作のニーズを満たすのに十分です。このレッスンでは、特別なレイヤー、加速と減速、モーション ブラー、テキストの変形など、アニメーション作品にさらに効果を追加できるいくつかのテクニックを学びます。また、皆さんも自分の制作スキルをまとめて他の人と共有していただければ幸いです。
これらのスキルは以前のコースに基づいています。そのため、これまでの講座をしっかりとマスターする必要があります。
Photoshop でアニメーション化できる項目には、レイヤー位置、レイヤーマスク、レイヤーの不透明度、レイヤー スタイルが含まれます。基本チュートリアルの段階では、色調整レイヤーと塗りつぶしレイヤーについて学びました。このタイプのレイヤーは特殊で、前者は画像を直接生成せず、下層のレイヤーに色を調整します。後者は画像を生成しますが、これは「仮想ピクセル」であり、塗りつぶされた内容は後で変更できます。では、これらをアニメーションに使用して、どのような効果が得られるかを見てみましょう。カラー調整レイヤーについてはここをクリックしてください。塗りつぶしレイヤーについて読むには、ここをクリックしてください。
カラー調整レイヤーは比較的使いやすく、色を変えるエフェクトを作成するために使用できます。これらの効果は、明暗の変化、グレースケールの変化、反転などに及びます。実装方法も非常に簡単で、まず色調整レイヤーを作成し、関連する設定を行った後、調整レイヤーの不透明度をアニメーション化します。以下のアニメーションの例は、曲線を暗くする、曲線を明るくする、グラデーション マッピング、および反転です。画像をグレースケールに変更するには、グラデーション マップのグレースケール グラデーションを使用するか、色相彩度を使用します。
前のフレームと次のフレームの間のピクセルはほとんど異なるため、この種の色の変化アニメーションは大量のバイトを消費することに注意してください。アニメーションのフレーム数、フレーム レート、またはサイズをできる限り減らすことでバランスをとる必要があります。さらに、調整レイヤーのマスクを作成して、特定の領域のみに色調整効果を与えることもできますが、ここでは説明しません。
時には劇的な変化を見せることも必要かもしれません。いわゆる急激な変化は、色の急激な変化を実現するために、ピクセルの大きな移動または色の大きな変化のいずれかです。前の例で、トランジションとして反転を使用すると、トランジション効果が大幅に変化する可能性があることがわかりました。これは 2 つの方法で実現できます。1 つは補間を維持するようにフレームを設定することです。 2 つ目は、2 つのキー フレームの間に隙間を残さないことです。トランジションがあってもなくても問題ありません。
2 番目の方法は後で変更する可能性が低いことに注意してください。ドキュメント設定でフレーム レートを上げると、元の密集した 2 つのキーフレームの間に新しいフレームが挿入されるため、トランジション効果が発生します。したがって、この方法はお勧めできません。代わりに、最初のアプローチを採用してください。
今では誰もが自分でこのアニメーションを作ることができます。ファイルパッケージには、完成品の素材画像と PSD が含まれています。PSD ファイルはまだ開かず、自分で分析して作成してみてください。完成後はサンプルPSDファイルを参照してください。
反転調整レイヤーを使用するテクニックを示すこのサンプル アニメーションには、特定のプロットがあります。 1つ目は、黒い流星が落ちてくるものです。流星はブラシでフェードステップで描いた直線または垂直の線を45度回転させて（角度はカスタマイズ可能です）、建物以外の空の部分を作成します。マスクとして。マスクのリンクを解除した後、流星を独立して移動させ、建物とのオクルージョン効果を作成できます。後続の逆相交番には技術的な困難はないため、再度説明しません。マスクの作成については、基本チュートリアルのレイヤーマスクに関する関連コンテンツを参照してください。
最後のフェードアウトでは色相と彩度の調整レイヤーが使用されることに注意してください。違いは、前の白へのフェードアウトの代わりに黒へのフェードアウトが使用されることです。調整レイヤーを使用してフェードアウトを作成する場合は、[カーブ] または [輝度コントラスト] を使用しないことをお勧めします。これら 2 つのカラー調整コマンドは、色相彩度コマンドのように画像を完全に白または黒に正確に変えるわけではないためです。
調整レイヤーの使用に加えて、塗りつぶしレイヤーを使用したり、通常のレイヤーを塗りつぶしてフェードアウトを作成することもできます。フェードアウトの原理は、レイヤーの不透明度を 0% から 100% まで徐々に増加させるプロセスです。この利点は、白と黒に加えて、赤、青などの他の色にもフェードアウトできることです。以下は 2000 年に制作されたアニメーションです。当時の個人の写真が 2 つの異なる領域に切り取られ、その後、白い塗りつぶしレイヤーを使用して、模擬露出トランジション効果が作成されました。クラシック フォーラムでは個人のアバターとして使用されるため、アニメーションのサイズとバイト数は厳しく制限されています。
アニメーションの滑らかさを可能な限り確保しながら、バイト数を最小限に抑えるのは簡単な作業ではありません。そのためには、たとえ良いアイデアであっても、いくつかを犠牲にする必要があるかもしれません。しかし、制作されたアニメーションが要件を満たしていなかったり、送信が遅かったりすると、最も重要な価値が失われてしまいます。他のマテリアルを使用してこのアニメーションを模倣することができます。ファイル サイズは約 5K (例は 3.65K) に制限されています。そして、この前提のもとに、自分なりの新しいアイデアを加えてみてください。モノクロと絹糸の効果について。
塗りつぶしレイヤーには、一般的に使用される単色の塗りつぶしに加えて、パターン塗りつぶしやグラデーション塗りつぶしもあります。使用方法に関する追加の説明はありませんので、ご自身で試していただけます。
移動オブジェクトの作成方法はずっと前に学習しましたが、作成したオブジェクトはすべて一定の速度で移動し、キーフレームの位置を変更することで加速と減速の効果をシミュレートできるようになりました。この効果はオブジェクトの動きに限定されず、フェードインやフェードアウトなどのトランジション効果にも使用できます。また、この方法はWebページ制作ソフトGoLiveのタイムラインDHTMLエフェクトだけでなく、他の動画編集ソフトにも応用できます。
まず、新しい 150×100 の白い背景画像を作成し、ドキュメントを 1 秒および 30fps に設定します。新しい通常レイヤーを作成し、長方形を描画し、それを左から右に移動するアニメーションを設定します。タイムラインの設定は大まかに下図のようになります。現在の移動速度は一定です。
次に、タイムベンチマークを10fに移動し、「位置」項目のひし形ボタンをクリックし、現時点でのキーフレームを手動で追加します。このキーフレームはアニメーション プロセスを変更しないため、現時点では冗長です。ここで、当初は 10 分で到着する予定だった場所に 5 分で到着する必要がある場合、確実にスピードを上げる必要があるとします。この原理を理解すると、高速化されたアニメーションの作成方法が理解できます。つまり、時間 10f のキーフレームを時間 05f に移動します。このようにして、オブジェクトは 0f と 05f の間で高速に移動し、05f を過ぎると元の速度に戻ります。
類推して、15f を 10f に、20f を 15f に、そして 25f を 20f に移動します。速度を低下させるオブジェクトを作成できます。ここでは効果を説明するためにここにいますが、実際の制作ではそれほど多くのキーフレームを変更する必要はなく、オブジェクトの移動距離にもよりますが、通常は 2 ～ 3 個のキーフレームを変更するだけで十分です。移動距離が長すぎるとGIF表現には適しません。また、フレーム レートを 30fps ほど高く設定しないでください。
モーション ブラーは実際にはオブジェクトの動きに関係しており、オブジェクトの素早い動きを表現するために使用するフレーム数を減らす必要がある場合、モーション ブラーを使用すると画像の飛び跳ね感を軽減できる場合があります。次のアニメーションのデモ例では、キャラクターの移動に提供されているフレーム数は 4 フレームですが、このような状態で長距離移動 (いわゆる長距離とはオブジェクトのサイズも参照する必要があります) を完了するのは非常に窮屈です。フレーム数に限りがあります。この欠点を補うために、キャラクターレイヤーを複製し、モーションブラーフィルターで処理して残像効果を作成します。キャラクターレイヤーで残像を移動し、動きの始めと終わりで残像を非表示にします。このキャラクター グラフィックは、Photoshop に付属のシェイプ ライブラリにあります。誰もがモーション ブラー エフェクトを自分で作成しようとします。完成後に誰もが比較できるようにPSDソースファイルを提供します。
ここでは、モーション ブラーを使用してフレーム内にキャラクターの完全なイメージを保持していることに注意してください。実際の操作では、キャラクターの不透明度を下げることも、単純に残像のみを保持して、より高速な動きの感覚を実現することもできます。 。残像のみを残すモードでは、残像の長さを適度に伸ばし、移動終了時のオブジェクトの位置に近づける必要がある。サンプルアニメーションをじっくり見て、残像の位置の違いに注目してください。
モーション ブラーは映画やテレビ制作の分野で広く使用されており、After Effects などのほとんどの映画やテレビ制作ソフトウェアには、モーション ブラー用の特別な機能が備わっています。一部の映画やテレビのクリップでは、高速で移動するオブジェクトを一時停止すると、同様の残像が表示されます。モーションブラーの英語名はMotion Blurです。 GIF アニメーション制作では、残像効果自体に多くの遷移色が含まれるため、モーション ブラーによりアニメーション内の色の数が増加することがあります。出力する際は色数とアニメーション品質のバランスに注意してください。
フィルターを使用して残像を作成することに加えて、レイヤーの複数のコピーをコピーし、その色や不透明度を連続して変更して、より規則的な残像効果を形成することもできます。下の右の図に示すように、キャラクター レイヤーを 3 つのコピーにコピーできます。色がさまざまな程度の灰色に変わります。このような残像も少ない色数でうまく表現できます。フィルターによって形成される残像により、少ない色数で色斑が発生する場合があります。
テキスト レイヤーを使用するときに、注意深い読者の中には「テキスト デフォメーション」アニメーション プロジェクトを発見した人もいるかもしれません。以下の図に示すように、アニメーション内の変形スタイルを「なし」または他のスタイルに設定して、トランジション変形エフェクトを作成できます。このアニメーション プロジェクトは実際には非常に使いやすいのですが、残念ながらテキストのみに限定されているので、すべてのグラフィックに有効であればもっと良いでしょう。ただし、テキスト内の句読点や特殊文字を使用して単純なオブジェクトの形状をシミュレートできる場合があり、これにより、たとえば記号「-」を長方形に拡張できます。
