フォト

amazon

初代 動画素材123 PV↓

ユーストリーム

  • UST(ユーストリーム)

A-bee 「CURRENTRIA」

  • A-bee / CURRENTRIA

amazon2

無料ブログはココログ

+1

« A-bee(アービー)3rdアルバム「CURRENTRIA」発売と、そのPVフルバージョンを制作しました。 | トップページ | 2009年末あたりから2010年の今年までに制作したものを振り返ってみました。(モーショングラフィックス・PV) »

2010.12.21

Final Cut Studio「Motion」でのPV制作例(かなり長文)

ブログを引越しました。
↓↓↓引越し先同記事
動画素材.com/blog

 

「-3℃(CURRENTRIA)」「Final Cut Studio」「Motion」でのPV制作工程

色々創ったのでその中のひとつ、「-3℃」の制作工程を書いておきます。

CURRENTRIA_ver10min2-01042707
-3℃から始まります。↓

 
  ■この「-3℃」の所が一番時間が短く(20秒間ほど)説明しやすいかなと思ったので   とりあえずこれの制作工程をだらだらと説明していきます。
実際には手順が多少違ったりしていますが(さっさとあまり考えずにやっているので細かい所は覚えていない)、おおまかな制作工程はこんな感じと言う事で。「Motion」を使う人が参考になれば幸いです。
 
 
  使用ソフトはAppleの「Motion」になります。
  この「Motion」でほとんどの動きや世界観を創っていき、その後に「AfterEffects」で色味などの調整を行っています。
  1920×1080のサイズのコンポジションで制作していきます。  
 
 
 
  ■曲はタイトルの「-3℃」とあるように冷たい空気感がただよう曲になっています。  

  ですので世界観としては”冷たい雰囲気”というなんかぼんやりとしたテーマで考えていました。
  その時はあまり時間も無かったので頭の中のイメージと勢いだけで制作です(^^;
 
   1.氷のような物をイメージしたオブジェクトをランダムに配置。
   2.その氷のような物の上を蝶が飛ぶ。
   3.蝶を追いかけるカメラを配置。  
 
  といった手順です。
 
 
 
  ■1.ここでイメージにあった素材を用意します。

  まず氷の冷たい雰囲気が漂うような素材として細長い三角形を用意しました。
 
  101220-0007
 
  これを「Motion」に取り込みます。
  実際にはillustratorのファイルとして読み込みましたが、拡大してもジャギーがでない「AfterEffects」で言うコラップス処理を今回「Motion」上ではしておりません。
 
 
 
  ■2.この三角形を氷のように見立てて地面から空に向かって氷がたくさんできているようなイメージをつくります。
  三角形を「Motion」に読み込ませたらそれを「リプリケータ」で同じものをたくさん複製させます。
 
  そしてランダムに並べさせます。手前から奥へランダムに並べさせたいので、三角形を読み込ませたレイヤーを3Dレイヤーにします。
 
  そうする事で「リプリケータ」は手前から奥に配置などができるようになります。
  101220-0008  
  画像ではエフェクトで「グロー」がありますが、これは最終段階でかけたものです。
 
 
 
  ■3.ここで「リプリケータ」の設定を見てみます。

  101220-0017
 

 
  ■4.ここでのポイントは「3D」にチェックが入っている事です。レイヤーを3Dにしたらここの「3D」にもチェックを入れて下さい。
 
  そうする事によって「シェイプ」の種類で「ボックス」と「」が選択に出てきます。
  今回は「ボックス」を選びました。
 
  ・「調整」では「ランダムに塗りつぶす」を選択。
 
  ・「サイズ」の文字の左隣にある▼3角形をクリックし「」「高さ」「深度」をそれぞれ設定します。
  ここでいう「深度」は奥行きです。「深度」の値を大きくすると手前や奥に複製で配置される範囲が拡がります。「」や「高さ」も同様に値を大きくする事によって複製で配置される範囲が拡がります。
 
  ・「ポイント」は複製される数です。画像では200と書いてありますので、3角形の画像が200個配置されるという事です。
 
  ・ですので、この画像の設定で言うと、
  「」16、000pixel 「高さ」6、000pixel 「深度」(奥行き)40、000pixelのボックスの中に
  「ポイント」(複製される数)200個がランダムに配置されたという事になります。
 
  そうするとこの画像のようになりました。
  101220-0014
  もう少しここらへんをいじっていきます。
 
 
 
  ■5.後でカメラを配置してこの氷のような物の上らへんを移動させていこうと思っているのですが、今のこの状態だとイメージが違うのでひとまず氷のような物の先あたりを表示させます。

  この三角形レイヤーを下に下げます。
 
  101220-0008

  三角形のレイヤーを選んで下に移動させます。
 
  101220-0012
  情報から位置のYの数字を変えます。この場合は下に移動させたいのでマイナス方向に数値を大きくしていきます。今回は-7620と打ち込んでいます。もちろんプレビュー画面上で動かして感覚的に調整するのもありです。
 
  101220-0015  
  これでこの複製した固まりが下に下がり、氷のような物の上らへんが見えてきます。
  ランダムに並べてはいますがどうしてもランダム感に欠け、針山のようですのでもうちょっとこれらをばらけさせたいです。
 
 
  ■6.と言う事で配置以外の他の要素をもう少しランダムにさせます。

  101220-0013  
 
  「リプリケータ」を選択して、インスペクタから「セルコントロール」の欄をいじります。
  ここでは、「アングルのランダムの度合い」「カラーモード」「調整」などをいじります。
  画像のように値をいじってみるとオブジェクトがランダムに動くのがわかるかと思います。
 
 
  ・「アングルのランダムの度合い」をいじるとオブジェクトのZ回転の方向にランダム回転します。大きい値ほど大きく回転します。
 
 
  ・「カラーモード」では「カラーの範囲から選択」を選び、グラデーションになっている横のタブから何かしら選ぶと色が変化する事がわかります。オブジェクトが一つだけで変化に乏しい時はここで色をいじると色の変化が出て面白いです。「カラーの範囲」の色を自分で決める事ももちろん可能です。
 
 
  ・「調整」はオブジェクトの大きさです。ここでは氷のような物のオブジェクトを143パーセントに拡大させ、なおかつ大きさもランダムにしていきましょう。間隔で決めていって良いかと思います。
  「調整のランダムの度合い」や「調整の範囲」の値を調整する事で大きさのランダム度合いを決めれます。
 
 
  という事で画像のようになりました。
  101220-0016
 
  大体イメージ通りになったのでこれで良しとします。
 
 
 
  ■7.この氷のような物の上を飛ぶ蝶をつくり、氷のような物の上に蝶を飛ばしていきます。

  蝶を飛ばすにあたって蝶の素材が必要になります。まず蝶の片羽根を制作します。
 
  今回は「CURRENTRIA」アルバムジャケットの素材を使用して蝶の片羽根をつくりました。
  101220-0019
   
  これを「Motion」の中に配置します。一つグループをつくってその中に入れると良いでしょう。
  このグループも3Dレイヤーにしてください。
  101221-0010  
  つくった羽根は片羽根だけなので、片羽根を複製し、複製したものを左右に反転させています。
  そして片羽根の内側真ん中あたりにアンカーポイントを持っていきます。
 
  左右に反転させたものも同様にします。そして位置や大きさを調整します。
  101221-0002  
  アンカーポイントを移動させたのは後で羽根を回転させて羽ばたいているように見せる為です。回転させてみるとわかりますが、初期状態のアンカーポイントの位置で回転させるととても不自然な状態になります。
 
 
 
■8.次にこの羽根を羽ばたいているように見せます。

まず片側だけの動きを設定します。Y方向に回転させています。0〜80の間をゆっくりと動かしています。
101221-0008
実際には再生しながら値を調整しています。今回のこの「-3℃」の曲はスローな雰囲気ですので、羽ばたきが早いのは合いませんでした。今回かなりゆっくりと動かしています。

他に何か動きをつけるのに楽な良い方法が無いかなぁと思ったのですが、(一定の動きをループさせるビヘイビアとか、自動で回転の動きをつけるビヘイビアとか)見つけられなかったので素直にキーフレームを全部手打ちにしています。



■9.そして逆の羽根には同じタイミングで逆の動きをさせます。

101221-0013
蝶のグループを回転させる事によってちゃんと意図した通りの動きになっているかの確認をしてください。
場合によってはカメラを設置してプレビュー画面を2画面にしたりして多角的に動きを確認したりするのも良いかと思います。
101221-0005

・それでこれを書いている時に気付いたのですが、羽根の動きをつけたオブジェクトをグループの中に入れて、そのグループを複製→複製したグループを左右反転とした方が楽かもしれませんね。
その二つのグループをまた更にグループに入れて、入れたグループの位置や大きさを調整とした方が手間はかからないかも知れません。


これでひとまず蝶の基礎はできました。両羽根が入った蝶のグループを動かせば両方の羽根がちゃんと一緒に動き、3Dレイヤーのグループなので様々な回転もさせる事ができます。



■10.奥へ進んでいるようにこの蝶を動かしますが、その前にまずカメラを設置します。


・ここでは蝶の動きを先につけ、カメラの動きを後でつけるという説明ですが、カメラの動きを最初に設定してから蝶の動きをつけた方がやりやすいかも知れません。

カメラのZ軸だけ移動の設定→蝶の動きをZ軸だけ設定→アクティブカメラウィンドウで動きを確認しつつカメラと蝶の動きを細かくつけていくなど



カメラを設置すると多分、氷のような物の集合地帯の真ん中あたりにあるかと思いますので
これをもっと後ろの位置に置きます。今回の場合はZ軸を動かし、15、000くらいまで値を動かしています。

(今回は蝶などのオブジェクトを創った後でカメラを配置していますが、プロジェクトつくりはじめた最初からカメラを設置しちゃった方がわかりやすいかも知れません。)

この場合もプレビュー画面を2画面にして多角的にした方が確認しやすいです。実際の画面はアクティブカメラですのでそちらを確認しつつ、位置を確認しやすい角度のプレビュー画面で位置調整などを行うのが良いかも知れません。

101221-0006



■11.蝶を前進させます。まずおおざっぱにZ軸の動きをつけます。
この際に蝶のグループを回転をさせてちゃんと飛んでいるように見せましょう。
Z軸の動きはまっすぐでも良いかなと思っていたのでまっすぐにしています。

蝶のグループに最初と最後にZ位置キーフレームをつけます。
最初は手前で最後は奥に進ませたいので、まず最初はカメラから見える範囲まで蝶を持ってきます。

最初のフレームで蝶のグループのZ位置にキーフレームを打ちます。
最後のフレームにカーソルを持ってきて、蝶のグループのZ位置にキーフレームを打ちます。

最後のフレームの位置で蝶を奥に移動させます。あんまり奥にいくと氷のような物のオブジェクトと蝶が一緒に見えなくなってしまうのでなんとなくそこらへんは調整します。後でカメラを動かした時にでも調整はできますので大ざっぱな感じでよろしいかと思います。
101221-0007



■12.蝶の動きを調整します。
おおざっぱにまっすぐ移動するようにしましたが、
さすがに上下の動きくらいはあったほうが良いと思いましたので、Z軸で移動しつつ、Y軸も動かし上下に動いているようにします。
101221-0012
101221-0011
ここでの動きも羽根の動きと同じようにゆったりとした感じで動かします。ここも後でカメラを動かした時に調整すれば良いのでおおまかなイメージで良いですが、キーフレームの打ち過ぎには気をつけましょう。



■13.カメラを動かします。今の状態ですと最初は蝶が見えていますが、すぐに蝶は奥に行ってしまい、見えなくなります。
ですのでカメラを動かし、蝶の後ろからカメラをつけさせます。なおかつ左右に振り動きをつけます。

101221-0014
カメラの角度も微妙に変えましょう。その方が動きがでます。
アクティブカメラで常に確認しつつキーフレームを打ちながら動きを調整しましょう。




■14.さて、動きはこれで良いのですが、ちょっと足りない所があるのでここで足していこうと思います。

まず蝶の胴体です。これはリアルな蝶では雰囲気が合わないと思っていたので、光の玉を胴体にします。
101220-0020

蝶のグループの中にいれて回転させて見え方を調整するのでも良かったのですが、ここでは別のグループをつくり、そこに蝶の胴体を持っていっています。
蝶の胴体が何個もあるのは重ねて光具合を調整している為です。
101221-0015

マッチムーブとありますが、これはある特定のレイヤーの動きに追随させるものです。
ここでは蝶のグループに追随させています。
101221-0016
蝶の胴体あたりに光の玉を置いておけば後は自動的に追随していってくれます。



■15.これで終わりかなと思ったのですが、もう何か一味足したいなと。

カメラの動きを少し強調させたいなと思ったので何か動かない浮遊物が欲しいなと考えました。

そこで、この蝶の胴体に使った光の玉を再利用します。
新規グループの中に光の玉を入れて「リプリケータ」を使います。
101221-0017

設定は以下のようにしました。
101221-0018

カラフルな光の玉が浮遊して立体感が更に出てきたと思います。
101221-0019


■16.これで終わりにしようかと思ったのですが、どうもそれぞれのオブジェクトがくっきりはっきりと出過ぎている気がしてきました。なのでカメラの「フィールドの深度をオン」にしてみます。なおかつ焦点は蝶にずっとあてていたいので、カメラに「焦点」のビヘイビアをあて、ターゲットを蝶のグループにしました。
101221-0020

そうすると蝶以外のオブジェクトが少しぼんやりした感じになりいい雰囲気になった気がします。
実際には「フィールドの深度をオン」に設定するとプレビューなどが重くなってしまいますので、普段はこの「フィールドの深度をオン」は外して、最終的なレンダリングでオンにします。
101221-0021
カメラのパラメータも多少いじっています。



■17.この後にオブジェクトに「グロー」をかけたり、レイヤーのブレンドモードをスクリーンにしたりして細かい所を調整、書きだし後に「AfterEffects」で更にまた雰囲気を調整しています。


Motion」で書きだし後
_3-(0.00.08

その後「AfterEffects」で調整
_3_1
明るくしすぎたかも知れません……


-3℃から始まります。↓  A-bee(アービー)「CURRENTRIA」

「CURRENTRIA」iTunesで1,500円
iTunes
iTunes

CURRENTRIA



■以上です。多分「Final Cut Studio」の「Motion」を使っている方々はそんなにいないのではと思いますが、もしかしたらこれが参考になる人がいるかも知れませんので今回このような記事を書きました。忘備録という点もありますが。
 
ただ記事の内容がちゃんとまとまっていないかな?という気もしますので次回このような記事を書く時にはもうちょっと見ている方がわかりやすいように整理します。


   




  ◆ブログ書いている人のプロフィール

ES... (エス...) 
モーショングラフィックデザイナー  (と言うことにしています。)

■経歴みたいなの
昨年12月に「まるごと FREEでつかえる 動画素材123」という本を出させていただきました。重版決定。動画素材123本収録しています。http://bit.ly/douga123

もうだいぶ前からになりますがクラブVJをやっていました。
そこから映像関係のお仕事をやるようになり、コンサートや企業プレゼン、展示会などのムービーを創ったり、時にはプレゼンテーション素材をつくったりするようになりました。

今はPVなども制作したり動画素材配布販売したりしています。

もうちょっと詳しいプロフィールはこちらへどうぞ

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ES...(Molojun)は動画素材集の本をBNNから出版しました。
123本の動画素材を収録。使い放題です。
↓↓↓↓↓↓↓↓↓ 

 

まるごとFREEでつかえる 動画素材123

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

ES... MovieMaterial Project

VJCG動画素材集などの販売を行っております。
MovieMaterial Project


おすすめ動画素材  MovieMaterial HDVJ

http://kudo.cart.fc2.com/


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
gdm.NET
http://homepage.mac.com/junbox/gdm_NET/index.html
フリーのVJ映像素材< /strong>、動画素材サイトです。



« A-bee(アービー)3rdアルバム「CURRENTRIA」発売と、そのPVフルバージョンを制作しました。 | トップページ | 2009年末あたりから2010年の今年までに制作したものを振り返ってみました。(モーショングラフィックス・PV) »

PV」カテゴリの記事

制作使用例」カテゴリの記事

コメント

コメントを書く

コメントは記事投稿者が公開するまで表示されません。

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/32842/38163946

この記事へのトラックバック一覧です: Final Cut Studio「Motion」でのPV制作例(かなり長文):

« A-bee(アービー)3rdアルバム「CURRENTRIA」発売と、そのPVフルバージョンを制作しました。 | トップページ | 2009年末あたりから2010年の今年までに制作したものを振り返ってみました。(モーショングラフィックス・PV) »