(Learn Hair Path Transformation Techniques with After Effects)
アフターエフェクトを使う時、パス変形という機能があって、これを使うと綺麗でスムーズなアニメーションを作ることができます。しかも、難しい操作は必要ありません。パス変形は、文字や図形などのオブジェクトに使われることが多く、手持ちの素材を利用して、アイデアを広げることができます。今回は、アフターエフェクトのパス変形について、詳しく解説していきます。
アフターエフェクトでパスを作成する方法
アフターエフェクトは、プロの映像制作に欠かせないツールの1つです。このツールを使えば、映像に様々なエフェクトを加えたり、静止画を動画に変換したり、パスを作成したりすることができます。この記事では、特に「アフターエフェクトでパスを作成する方法」について詳しく解説していきます。
パスとは、簡単に言うと「線」のことです。アフターエフェクトでパスを作成するには、以下の手順を実行します。
ステップ１：形状レイヤーの作成
まず、コンポジションパネルの「新規作成」ボタンをクリックして、新しいコンポジションを作成します。その後、タイムラインパネルの「新規作成」ボタンをクリックして、新しい形状レイヤーを作成します。
ステップ２：パスを作成する
形状レイヤーを選択して、「ペンツール」をクリックします。このツールを使って、パスを作成します。パスを作成する際には、点をクリックして線を書いたり、ベジエ曲線を使ったりすることができます。パスの方向を変更するには、「オブジェクト → パスの方向を反転」を選択します。
ステップ３：パスの変形
パスを選択して、「シェイプツール」をクリックし、パスを変形することができます。たとえば、パスを曲線に変形することができます。また、パスにラウンドカーナーを適用したり、パスを分割したりすることも可能です。
ステップ４：アニメーション効果の追加
パスにアニメーション効果を追加するには、以下の手順を実行します。
- パスを選択します。
- 「エフェクト → パス → トリミー・パス」を選択します。
- トリミー・パスで必要なトリミング範囲を設定します。
- 「アニメーション」パネルで、トリミング範囲の開始と終了の時間を設定します。
以上の手順を実行すれば、アフターエフェクトで簡単にパスを作成することができます。パスを使った映像制作をする際には、ぜひこの方法を使って、効果的な映像を作り上げましょう。
パス変形を活用したアニメーションの制作手順
パス変形は、After Effectsの中でもアニメーション制作に欠かせない機能です。パスとは、線形や円形などの形状を表わす線のことで、パス変形ではパスを特定の形に変形することができます。
例えば、アルファベットのロゴを作る場合、文字のアウトラインを線で描いておいて、そのパスを変形させることでアニメーションを作成することができます。そのため、パス変形は文字アニメーションの制作には必須のスキルと言えます。
1. パスの作成
まずは、作成したいパスを描いていきます。IllustratorやPhotoshopを使用して、ベクター形式でパスを作成することができます。また、After Effects内でもパスを作成することができます。メニューバーから「レイヤー」→「新規」→「シェイプレイヤー」をクリックし、シェイプツールを使用してパスを描くことができます。
パスを作成したら、タイムライン上にシェイプレイヤーを作成し、パスをドラッグ＆ドロップして配置します。
2. パスを変形させる
パスの変形方法は、いくつかあります。メニューバーから「レイヤー」→「パスを選択」をクリックすると、パスを変形することができる各種ツールが表示されます。
・選択ツール：パス全体を選択して、移動や回転、スケールなどを変更することができます。
・ダイレクト選択ツール：パスの一部分を選択して変形することができます。
・ペンツール：パスの一部を削除したり、追加したりすることができます。
これらのツールを使用してパスを変形させることで、アニメーションを作成することができます。
3. アニメーションの設定
アニメーションを作成するには、パスの変形時間と変形方法を設定する必要があります。これはキーフレームを使用して設定することができます。
まず、パスの変形時間を決定します。タイムライン上でパスを選択し、キーフレームを2つ設定します。最初のキーフレームが変形前のパスであり、後のキーフレームが変形後のパスです。
次に、変形時間中にどのように変形させるかを決めます。例えば、文字を伸ばしたい場合には、始めの長さを最初のキーフレームで設定し、終わりの長さを後のキーフレームで設定します。この時、2つのキーフレームの間に自然な動きを作るために、アニメーション補完モードを設定することができます。
パス変形を活用することで、独創的なアニメーションを作成することができます。基本操作をマスターして、挑戦的なアニメーション作成にトライしてみましょう。
丸いパスのアニメーション
アフターエフェクトには、丸くなったり、四角くなったり、曲がったり、直線的に動くパスを作成することができます。アニメーションに丸いパスを使うことで、単純なオブジェクトでもアニメーションを複雑にすることができます。
たとえば、ウェブデザインのアニメーションで使われることが多いグラフなどに、ユニークで鮮やかなアニメーションを与えることができるでしょう。
また、丸いパスを円周運動にすることで、カルーセルや時計の針のようなアニメーションを作成することも簡単にできるのでおすすめです。
多角形のパス移動
多角形のパスとして六角形、三角形、八角形、十二角形などがあります。パス上を図形が移動するアニメーションに多角形を使うことで、単調な直線的な動きを繰り返さなくて済むため、より自然な動きを作り出すことができます。
多角形のパス移動を使ったアイデアとしては、カメラのパンやズーム、携帯電話で人気のあるタップ操作などがあります。また、グラフなどに使って、直線的な線を多角形のパスで代替することで、グラフの動きが人工的なものではなく、自然に感じられるようになると言えます。
山を登る表現
山を登る表現は、自然や旅行サイトのような場所を紹介するのに良く使われます。「山」という単語が使われていなくても、建築物や歴史地区を紹介する際に、プログレッシブな動きとして使われることも少なくありません。
パスの山登りは、成功するには正確に計算してプレースメントとタイミングを決める必要があります。特に、アニメーションに使う場合は、手動で、あるいはスクリプトを使って正確に配置することが重要です。
アイデアとしては、キャンプ場やアウトドア店の商品を紹介する動画や、修道院や山岳教会など、高所からの美しい景色が見られる場所を紹介する際に特におすすめです。
アフターエフェクトパス変形で簡単にエフェクト作成！
アフターエフェクトパス変形は、アフターエフェクトのパス操作機能をつかって、静止画や動画を格好良く動かせる技術です。今回は、パス変形を駆使してアニメーション効果をつけていく方法をご紹介します。
まずは、パスを使った変形効果の基本からご説明します。アフターエフェクトには、オブジェクトに設定されたパスを変形することができる「パス操作」機能が用意されており、この機能を活用することで、簡単かつ確実に高精度なパス変形を行うことができます。
アフターエフェクトの作業スペースにある「プロジェクトパネル」の中に、パス変形の対象となる静止画や動画ファイルをインポートします。ファイル名を右クリックするとコンテキストメニューが表示され、そこから「新しい合成」を作成し、メニュー上部の「コンポジション」メニューから「新規合成」を作成します。
新しい合成を作成すると、右上の「プロジェクトパネル」からアニメーション効果をつけたい静止画や動画ファイルが、新しく作った合成の中にコピーされます。そして、コピーしたオブジェクトに対してパス変形を加えることで、動きのあるアニメーションを作り出します。
次に、具体的なパス変形の方法について説明します。アフターエフェクトのタイムラインには、各コンポジションのオブジェクトのレイヤが順番に表示されています。オブジェクトをクリックして選択した状態で、メニューの「レイヤ」>「パス」から「パス操作」を選択することで、パス変形ができる「パスエディター」が表示されます。
パスエディターには、オブジェクトの自由変形（アフィン変換）に必要な様々なパス情報が表示されます。この中には、オブジェクトを拡縮したり、回転させたりする「スケール」「ローテイト」「シア」などが含まれています。また、オブジェクトのパス情報を直接操作する「ベジェ曲線」「アンカーポイント」「ハンドル」「連結曲線」などもあります。
これらのパス変形情報を駆使して、オブジェクトにアニメーション効果をつけることができます。例えば、ボールやバナナの動きを表現する場合には、ボールの形をキーフレームで変形（膨らんだり潰れたり）して大きさを変え、また、スケール・ローテイト・シアなどの調整をして実現します。
また、「パス操作」の機能には、「応用オプション」という機能も付随します。「応用オプション」は、パス変形をさらに自由自在に扱えるようにするプラグインで、設定次第で多彩な効果を記述できます。
例えば、下図にあるような、トンボのような動きをするアニメーションを作成する場合は、「応用オプション」からを使用することができます。
「応用オプション」を使ってアーティスティックなアニメーション効果を作り出せば、モーショングラフィックなどの映像制作において、優れた表現力を発揮することができます。
アフターエフェクトパス変形の基礎を押さえた上で、指導書や技術解説書を読んだり、色々なトライアンドエラーを繰り返したりして、自分なりのアニメーション効果を作り出してみましょう。何度か練習してストレスなく操作できるようになれば、アニメーション効果のバリエーションは無限大です。
パス変形を応用したアートワークの制作方法
アフターエフェクトを使用して、動画制作においてパス変形はよく使用されます。しかし、それだけではありません。パス変形は様々なアートワークの制作方法にも応用することができます。ここでは、パス変形を使ったアートワークの制作方法について、詳しく説明します。
サインポストの制作
サインポストというアートワークは、道路脇や店舗前などでよく見かけます。サインポストには、風景や文字、イラストなどが描かれています。このサインポストをパス変形で制作する方法を紹介します。
まず、アフターエフェクトでサインポストのポールの形状を作成します。その後、ポールの形状に沿って、木の葉や花などの図形を作成します。これをすべて重ねて、一つのサインポストにまとめます。最後に、アニメーションを加えることで、よりリアルなサインポストを制作することができます。
アニメーションをつけた文字の制作
アニメーションをつけた文字は、動画制作において非常に重要です。アフターエフェクトを使用することで、文字にパス変形を加えることができます。方法は簡単で、まずは文字を打ちます。その後、文字にマスクをかけ、マスクに沿ってパスを作成します。このパスを変形させることで、文字にアニメーション効果を与えることができます。
カフェのロゴマークの制作
カフェのロゴマークも、アフターエフェクトでパス変形を加えることで、より鮮やかで美しいものにすることができます。例えば、カップのアイコンを使用したロゴマークを制作する場合、まずはカップの形状を作成し、その上に文字を重ねます。そして、文字に沿ってパスを作成し、カップの形状を変形します。そうすることで、カップの中に文字が流れ込むようなアニメーション効果をつけることができます。
キラキラ星空の制作
キラキラ輝く星空を表現するアートワークもパス変形で制作することができます。まずは、星の形状を作成し、その上にマスクをかけます。そして、マスクに沿ってパスを作成し、星の形状を変形します。こうすることで、星がキラキラと光り輝くようなアニメーション効果をつけることができます。
以上、パス変形を使ったアートワークの制作方法を紹介しました。パス変形は、創造力を発揮する上で非常に重要な技術です。ぜひ、自分なりのアートワークを制作して、楽しんでください。
以上がアフターエフェクトのパス変形の紹介でした。いかがでしたか？今回はただの紹介にとどめましたが、パス変形を駆使することで、動画に奥行きや立体感を出すことができます。是非、アフターエフェクトでの制作において、パス変形を活用してみてくださいね。最後まで読んでいただき、ありがとうございました。またのお越しをお待ちしています。