![見出し画像](https://assets.st-note.com/production/uploads/images/79681313/rectangle_large_type_2_ae2bdd9a2e03429994cfc12b7e28d9df.png?width=1200)
パペットピンツール使ってみる
こんにちは。
今回はAEでパペットピンツールを使った動画を作ったので、それの覚え書きになります。
パペットピンツールとは、静止画やシェイプなどにピンを刺しアニメーションさせることができる機能です。
1.イラストの用意
イラストレーターで猫のイラストを描きます。
体、目、尻尾でパーツ分けをします。
AEに作成したイラストを読み込んで配置します。
![](https://assets.st-note.com/img/1653644208876-2rYJEr9n90.png?width=1200)
2.ピンを打つ
上にあるツールの中からパペットピンツールを選択し、体と尻尾にピンを打ちます。
黄色いマークがついたところがピンがうたれた場所です。
![](https://assets.st-note.com/img/1653973968812-0oDukM2W1d.png?width=1200)
![](https://assets.st-note.com/img/1653644238602-xtKuy1LXaL.png?width=1200)
タイムラインの動かしたい場所までフレームを移動し、黄色いマーカーをクリックしながら動かしたい場所まで移動させます。
これで任意の動きを一枚のイラストに付けることができます。
![](https://assets.st-note.com/img/1653644245099-08rU852kdI.png?width=1200)
![](https://assets.st-note.com/img/1653644352765-lob5nkjmyq.png?width=1200)
3.イラストにエフェクトをかける
このままだと平面的なので「ベベルアルファ」というエフェクトを猫の体と目、尻尾に付けます。
これにより平面的なイラストに立体感が出ます。
「エッジの太さ」のパラメーターを大きくするとより立体的な表現ができます。
今回は6に設定しました。
体と尻尾に「ドロップシャドウ」のエフェクトをかけます。
後ろに影ができてるような表現ができ、これもまた立体的になります。
![](https://assets.st-note.com/img/1653644258445-QLlWpFglCS.png?width=1200)
![](https://assets.st-note.com/img/1653644251696-8heKzldGDO.png?width=1200)
4.背景を作成する
新しくコンポジションを作成し、そこに平面レイヤーを作ります。
「チェッカーボード」のエフェクトを作成した平面レイヤーに付けます。
グリッドサイズを幅&高さスライダーに設定します。
幅を2000、高さを75に設定しました。
アンカーポイントのエクスプレッションを開き下の数値を入れてストライプが上から下に流れるようにします。
![](https://assets.st-note.com/img/1653644282522-e8m7OSq18a.png?width=1200)
こちらにも「ベベルアルファ」のエフェクトを適用させて、すこし立体感のあるような感じにします。
数値は3に設定し、猫よりも抑えました。
![](https://assets.st-note.com/img/1653644263586-JXIVwSRY4L.png?width=1200)
![](https://assets.st-note.com/img/1653644270059-ncA5SgVknM.png?width=1200)
斜めのストライプにしたかったので、レイヤーを45°回転させてサイズを調整しました。
![](https://assets.st-note.com/img/1653644275579-pRN68D3yBO.png?width=1200)
5.合成
猫のいるコンポジションに背景のコンポジションを配置します。
![](https://assets.st-note.com/img/1653644288017-QOEUuGh4Jk.png?width=1200)