All Articles After Effects
After Effectsで漫画のアニメーション:パペットピンツール
Richard Lainhart on Sat, September 17th 1 comments
After Effects is very capable animation tool for both the "jointed" method and "squash-and-stretch" technique. Richard Lainhart pulls some effective character animation tricks out of the bag.

あなたが私のチェックアウトした場合、 カートゥーンアニメーションの基本シリーズまたは私のAfter Effectsでのモンティパイソンの口のアニメーションでMPVのハブの記事を 、あなたは、ジョイントのアニメーションのいくつかの例を見てきました:文字(通常は関節に)のセクションに分割されている場所、ジョイントはアンカーポイントと一緒に"固定"、そして、それらのアンカーポイントの周りを回転または再ポジショニング手足(またはJAWS)で文字をアニメーション化されています。それは、シンプルで効果的なアニメーションのテクニックですが、文字列の上で操り人形のように見える硬直文字を作成する傾向があります。

しかし、私たちは多くの有機的、自発的な"スカッシュアンドストレッチ"のアニメーションを作成することができますAfter Effectsで私達に利用できる別の手法があります。スカッシュとストレッチは、流体、ゴム状のアニメーションのスタイルを1920年代に遡る、とスカッシュアンドストレッチスタイルは超現実的な極端に取られるベティブープアニメーション、のような漫画で大きな効果をするために使用されました。



エフェクトのパペットピンツール後に使用して、我々は非常に有機的、自然スカッシュアンドストレッチのスタイルで独自のキャラクターをアニメートし、After Effectsのすべてで、サウンドトラックへの動きを同期中にもリアルタイムで私たちのキャラクターの動きを記録することができます。と、この機能のチュートリアルに、私はあなたにちょうどそれを行う方法の基本を紹介します。 (私の新シリーズ" ほかの漫画のアニメーションの基本は、 "詳細にパペットピンツールをカバーする。)さあ始めましょう。


ステップ1 - Photoshopで文字を準備

今、あなたは、After Effectsに読み込む前にPhotoshopで別のレイヤーに文字を分割する必要がジョイントアニメーションのために作成する必要がある文字とは異なり、あなたのパペットピン文字は、単一のレイヤー上のすべての一枚でなければなりません。実際には、すべてあなたのキャラクターのニーズは、パペットピンツール(これがビットでより多くの意味をなさないでしょう。)を使用するとき、リグ、それを文字のエッジを定義するアルファチャンネルの概略であり、

このチュートリアルでは、私はちょうど一般的なエクササイズの図、黒地に白の非常に単純なアウトラインを使用するつもりだ。

simple exercise figure


もちろん、お好きな画像を使用することができますが、それはイメージがその形状を概説するアルファチャンネルを持っていることが不可欠です。それは独自のものを持っていない場合、手動で画像の輪郭をマスクする必要があります。幸い、私のイメージは、私がそれを選んだ理由の一つであるマスクに簡単なもの、です。あなたが同じようなイメージをお持ちの場合は、ここでは、すぐに画像をマスクするための一つの方法です。魔法の杖ツール(W)をつかむ。

Using the magic wand tool


その後、すべての白いピクセルを選択するために画像の大きな白い部分でそれをクリックします。

Select all white pixels


我々はまた、キャラクターの頭がパペットピンアニメーションの一部になりたいので、アルファチャンネルにいることを追加する必要があります。そう、選択に、そのピクセルを追加するには、頭部領域の魔法の杖でShiftキーを押しながらクリックします

Add pixels to selection


今すぐ選択 ]を選択

Create an alpha channel


我々は正確に重複画像をそのアルファチャンネルを持っている。しかし、我々は、身体にアルファチャンネルのヘッ​​ドの部分を接続する必要があります、または他のパペットピンツールは2つの別々のオブジェクトとして表示され、単一の文字にそれらを接続しません。同時に、我々は切り離さ表示されるように頭をする、である図のための人工的なネックを作成する必要はありません。我々は、アルファチャンネルではなく、RGBのチャンネルに直接ペイントすることにより、この問題を解決。

ので、Photoshopで、、チャネルを表示するチャンネルタブをクリックしてRGBチャンネルの可視性をオフにし、アルファチャネルの可視性をオンにし、編集用に選択します。

Alpha Channel visibility enabled


次の白にして背景色を設定し、頭と首の間で選択するように長方形選択ツールを使用して、次に白に選択して削除します。

Delete selection between neck and head


我々はまだRGBチャンネルに黒を持っているので、頭は黒と合成するときに切り離されたように表示されますが、アルファチャンネルは、パペットピン用の2つの部分を接続します。単にアルファチャンネルを維持するためにPhotoshopファイルとして画像を保存し、我々は、After Effectsで作業を開始する準備が整いました。


ステップ2 - After Effectsのプロジェクトを設定します。

私がここで使用するつもりの音楽の抜粋は、長い22秒です私のプロジェクトはなる期間ですので。と私は合理的なビデオのフレームサイズは640 × 480ピクセルで作業するつもりです。また、私のカンプの背景色が黒であることに注意してください:

Working at 640x480


、音楽とイメージファイルをインポートして試しにそれらを追加し、そして我々はリグキャラクタをする準備が整いました。


ステップ3 - スタートリギングキャラクタ

次のステップでは、リグに私たちがアニメーションするようになると変形点を設定することを意味パペットピンツールを持つ文字です。パペットピンが機能することの方法は、ツールを使用して、初期のピンポイントを設定すると、三角形の細かいメッシュにそのアルファチャンネルで全体characterbasedを分けるということです。その後、関節や変形の中心を定義するために追加のピンポイントを追加することができます。その後、(それらをキーフレームを含む)の周りにそれらのピンを移動することができます、そしてメッシュ下にあるピクセルは、イメージがゴムのシート上に印刷されている、とあなたがストレッチと引っ張っているほとんどかのように、メッシュを変形し曲がるだろうシート。それはクールな効果ですが、最初にリグの文字をする必要があります。

そう、今のところはデフォルトの設定を残して、ツールバーからパペットピンツールをつかむ、起動するには:

Puppet Pin Tool in the Toolbar


図の足部でそれをクリック - あなたは、メッシュで覆われた図が表示されます。

Figure is covered with a mesh


ステップ4 - その他の制御点を追加する

次に我々は、いくつかの追加のピンポイントを追加したい。これらの点は、アニメーションの制御点とメッシュ上の他の点の影響のための一連の制限として機能します。ただし、単純なアニメーションのための非常に多くのポイントを必要としません。私のケースでは、私はちょうどその腕のオーバーヘッドを振って、しかし、代わりにその足を維持しながら音楽をその腰に揺れるフィギュアを持っているつもりです。だから、私は実際には頭が一緒に移動できるようになるフィート(それらの場所で保つために)、腰一つの(私たちの主なアニメーションのポイントになる)、そして首の近くに頭の上に1つの両方のピンを、必要身体だけでなく、その場所で保つのを助ける、それは身体と同期して、完全にではないので。

Adding pins to the head, hips and feet


実験は、もちろん、あなたがピンがお互いにどのような影響を与えるか理解する助けとなるでしょう、しかし今のところ、我々は唯一のカップルを必要とする。今あなたが場所でピンのいくつかを持っていることを、あなただけのポイントの一つにカーソルを配置することができますし、何が起こるか見てまわり、それをドラッグします:あなたは、メッシュ、および文字が、ポイントに従うように変形させることがわかります。

Dragging the Pin points around


ステップ5 - ダンス!

文字を踊らせる。おもしろいのはここからです。我々は、通常の方法で時間をかけて文字をキーフレームすることによってこれを行うこともできますが、サウンドトラックを聞きながら、リアルタイムでアニメーションを記録するために、はるかに面白いです。これは、パペットピンのクールな機能の一つです。

手始めに、我々はもちろんのサウンドトラックを、必要、私は私の古いスコアのいずれかの抜粋を使用しています。単に文字のカンプにそれを追加し、それを起動したい時に配置します。その後、選択されたパペットピンツールで、 コマンドキーを押しながら、ピンポイントのいずれかの上にツールを配置し、そのカーソルが小さな時計のアイコンを追加表示されます。とすぐにピン上でそのレコードをカーソルでクリックすると、録音が​​そのために準備され、開始されます。あなたが録音を開始する方法の感覚をつかむためにいくつかの練習が必要かもしれませんが、常にあなたが作るあらゆる誤ったスタートを取り消すことができます。

ので、クリックしてダンスを始めてください!ここに私自身の努力の一つの画面キャプチャ、あなた自身でそれを行うときに表示さどのようなものです。

[動画ID ="9196"]


すると、以下のようになります。:

[動画ID ="9195"]


と基本的に、それは、あなたがパペットピンツールを使い始めるために知っておかなければならないことに素晴らしいですが、あまり知られていない機能ですAfter Effectsに 。といつものように、実験、そして楽しい時を過す。

Comments (1)

You must be logged in to comment. Login Now

  • Stash Pro
    hahaha
    • 7 years ago
    • By: Stash Pro
    Reply
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: