2009-04-11

シェイプレイヤーのススメ(紹介編)

□ 紹介
シェイプレイヤーは、CS3から追加された機能です。最大の魅力は、ベクターでデータを保持したまま、
様々な処理を加えられることです。とにかく弄れる部分(プロパティ)が多い!個人的には大喜びの機能追加でした。

ただ、Photoshopで言うところの「シェイプ」をAEで作る方法としては、CS3以前から
「新規平面を作ってマスクする」という手法が取られてきたからか、
大手チュートリアルサイトや昔から使っている方にはあまりクローズアップされません。
そしてAEを触り始めた方には、少し取っつき辛い機能でもあります。

しかし新規平面マスクより素晴らしいのは勿論、
.swfや.ai読み込みと比べても多くの利点があると思うので、是非この機会に利用の検討をどうぞ!

□ 構造の基本
shapelayer1
シェイプレイヤーは複数のシェイプをその中に保持でき、またグループ化によってそれらを管理することができます。
それぞれのシェイプやグループは、独自にトランスフォームプロパティ一式(位置、回転、スケール…など)を持ってます。
ここが凄く便利で、グループを入れ子にしていくことで従来の「レイヤーの親子関係」みたいなことが簡単にできます。
例えば太陽の周りを地球が回りつつ、その周りを月が回る、みたいなことがシェイプレイヤー1枚でできます。

□ 追加プロパティ
properties

各グループのプロパティは自由に追加/削除が可能です。
これがIllustratorの「アピアランス」並に強力で、同一のプロパティを複数保持することも可能です。
プロパティや効果は基本的に上から下へ処理されていくようです。
(線や塗りならば上下関係、効果であれば処理の順番。レイヤーと同様ドラッグで変更可。)
以下、簡単な紹介。

① 空のグループ
これで新しくグループを作ることができます。
新規のグループは、トランスフォーム系のプロパティのみを保持しています。

② パス
path1
塗りや線の元になるパスのプロパティです。
長方形、楕円、多角形(スター)は、サイズや頂点の数がプロパティになっているので、
これらにキーフレームを打ってアニメートすることができます!便利!
楕円以外は、「角丸の半径」プロパティまでついてます。

ちなみにこれら以外の形を入れたい場合は、Illustratorで描画した後にコピーし、
一番下の「パス」プロパティを追加、そこにペーストすると良いです。

③ 塗りと線
grad_line
Illustratorのアピアランス同様、塗りや線を複数保持することができます。
線は破線、角のマイター/ラウンド/べベル、終端の角丸処理、
塗りはグラデーション(線形/放射状)に対応し言うことなしです。
グラデーションはポイントごとの透明度設定にも対応しています!
(画像の右側、黒いグラデーションの部分。CS3以前のIllustratorでは面倒ですよね。)

④ 効果
effect
Illustratorやってる方なら、ザッと見てもらうと「効果」とほぼ同様なのが分かると思います。
簡単に説明すると、元のパスを破壊せずに、角を丸めたり、ギザギザにしたり、
といった効果を加えることができます。
AfterEffectsでは、その効果にそれぞれキーフレームが打てるので、
アニメートさせることができます!

特に「パスの結合」と「リピータ」は特殊で、
パスの加減算や複製が元のパスを保持した状態で行うことができます。
これらの「効果」を組み合わせることで様々な形やモーションを作ることができます。

とりあえず今回はシェイプレイヤーの「紹介」と言うことで、
今後は主に「効果」の併用によって得られる形やモーションについて紹介
できればなーと思います。眠らせてしまっていた機能であれば、少しでも興味を
持って頂ければ幸いです。



タグ : [タグを追加する]


この記事の投稿者について:gupon

フィードバック

1 Star2 Stars3 Stars4 Stars5 Stars
(評価回数:7 , 平均:5.00)
Loading...Loading...

この記事に対する 21 の反応があります


  1. 1 GUPONEX 4月 11th, 2009 at 08:31

    AEP初投稿。全部書こうとしたら長くなりそうだったのでとりあえずは紹介編、と言うことで…。それでも長くなってしまいましたが。 http://tinyurl.com/d9skxj

  2. 2 ちーず 4月 11th, 2009 at 08:39

    Watching:シェイプレイヤーのススメ(基礎編) | AEP Project http://tinyurl.com/d9skxj

  3. 3 yama_ko 4月 11th, 2009 at 09:15

    パスのトリミングが便利!使いこなしたい。 http://tinyurl.com/d9skxj

  4. 4 highluin 4月 11th, 2009 at 09:20

    そろそろエフェクトだけで形を作るのやめないと・・・・ もっとsolidy(?)なムービーが作りたい。 http://tinyurl.com/d9skxj

  5. 5 @GUPONEX 4月 11th, 2009 at 17:31

    AEP初投稿。全部書こうとしたら長くなりそうだったのでとりあえずは紹介編、と言うことで…。それでも長くなってしまいましたが。 http://tinyurl.com/d9skxj

  6. 6 @llcheesell 4月 11th, 2009 at 17:39

    Watching:シェイプレイヤーのススメ(基礎編) | AEP Project http://tinyurl.com/d9skxj

  7. 7 @Hibiki1005 4月 11th, 2009 at 17:41
  8. 8 @yama_ko 4月 11th, 2009 at 18:15

    パスのトリミングが便利!使いこなしたい。 http://tinyurl.com/d9skxj

  9. 9 @yama_ko 4月 11th, 2009 at 18:15

    パスのトリミングが便利!使いこなしたい。 http://tinyurl.com/d9skxj

  10. 10 @l_uin 4月 11th, 2009 at 18:20

    そろそろエフェクトだけで形を作るのやめないと・・・・ もっとsolidy(?)なムービーが作りたい。 http://tinyurl.com/d9skxj

  11. 11 Hibiki 5月 31st, 2009 at 05:04
  12. 12 @Hibiki1005 5月 31st, 2009 at 14:04
  13. 13 846034 6月 5th, 2009 at 14:17

    はじめまして、シェイプレイヤーを検索していてたどり着きました。参考になります。
    ありがとうございます。

    ご存じでしたら教えていただきたいのですが、シェイプの線に任意のパスを登録することって
    可能なのでしょうか?

    イラストレーターのブラシに近いイメージなのですが…..。

  14. 14 guponex 6月 5th, 2009 at 16:56
    gupon

    >846034さん
    はじめまして。役に立てたようで幸いです。

    >シェイプの線に任意のパスを登録
    あるパターンを線に沿って配置したり、歪ませたりするってことですかね。
    残念ながら恐らくそこまでサポートされてません…。確かにできると便利ですね。
    パスそのものを単純にコピペするだけなら記事にあるように可能なのですが。

    代替案もあまりスマートな方法が思いつきません…。
    筆のラインなど、パスを歪ませるのであればディスとレーション系のエフェクト(「ゆがみ」「ワープ」など)、
    足跡など、パスを線に沿って配置したいのであれば、Trapcode Particularなどが便利かもしれません。

  15. 15 846034 6月 5th, 2009 at 17:42

    guponexさん

    ご回答ありがとうございます。
    実は動く天気図のようなのをやりたいと思っているんです。(TBSやNHKでご覧になれます)

    Trapcode Particluarは名前から察するにパーティクル系っぽいですね。
    かっちりコントロールできれば行けるかもしれません。
    調べてみます。

    以上、よろしくお願いいたします。

  16. 16 米粉 8月 14th, 2011 at 17:25

    Now browsing:シェイプレイヤーのススメ(紹介編) | AEP Project http://t.co/Pz1UwgQ

  17. 17 夢際のラスト退社ボーイ 6月 15th, 2012 at 09:38

    @bolverk22 guponさんが書かれてるこの記事とかわかりやすいですよー http://t.co/tB2UnqFs

  18. 18 UKYO Inaba™ 6月 15th, 2012 at 09:42

    @bolverk22 guponさんが書かれてるこの記事とかわかりやすいですよー http://t.co/tB2UnqFs

  19. 19 新里一マ(ふぁい) 9月 12th, 2012 at 04:06

    ツール メモ:AE シェイプレイヤーのススメ(紹介編) http://t.co/RuMBcU3O

  1. 1 文字が筆順通りに塗られていくアニメーション | AEP Project Pingback on 4月 11th, 2009 at 20:46
  2. 2 シェイプレイヤーのススメ(紹介編) | Tips - After Effects - 動画編集ソフト - アプリケーション | Jishuu.net Pingback on 7月 7th, 2012 at 12:21

コメントをどうぞ!




特集