2012年9月6日木曜日

ブログAdobe塾!!

過去にAdobe塾で公開した作品を小池さんと
チャットで振り返りながら
新しい技術も学んでしまおうという企画です!!
まずは1回目の作品こちらです!




始まり始まり〜!

---------------------------------------------

Taku Koike:
では、映像塾第1回目にさーやが発表したムービーを見ながらチャットを始めましょう。
木村 咲也香:
はい!!
Taku Koike:
最初のムービーを作った頃は、まだあんまりPremiere Proは解ってなかったんだよね?
木村 咲也香:
ほとんど全くですね。

映像と音が切って並べられるという事ぐらいは分かっていたのでとりあえず曲を作ってみてただロゴを並べてみた感じです(笑)
Taku Koike:
曲は、その場で雰囲気で作っちゃったの?
それともモチーフとかあったのかな
木村 咲也香:
雰囲気ですね。ダウンロードしてみたソフトのドラムの音が面白くて試してみたらこんな感じになったという。
Taku Koike:
本当に末恐ろしいw
木村 咲也香:
でもよく言われますけど、面白いの初めはそこだったと思います!
今回初でしたけど音楽作りが意外と楽しかったってのは大きかったですよ!
Taku Koike:
確かに、音楽はうまくいったときは、すっごい楽しいよね

じゃあ、映像もこ~んな感じがかっこよくね?って作っちゃったのかな(笑)
木村 咲也香:
最初はハードル下げるぞー!って本当に並べただけだったんですよ。
でもこれじゃあさすがに怒られちゃうんじゃないかなって最後のだららららって出てくる風にしてみたり・・・

Taku Koike:
今回のムービー作りの前に、何かしらでムービーを作った経験はあったの?
木村 咲也香:
学校の課題でフラッシュを使う時があったのですがキーフレームのシステムを理解した、って感じでいっぱいいっぱいでした(笑)
Taku Koike:
じゃあ、ちゃんとした、というかムービーとして成立しているのを作ったのは本当に今回がほぼ初めてだったのね。
木村 咲也香:
課題としてしばりありきではちょこっとあったのですが、人に自分の作品、として見てもらう事を意識して作ったのはそうですね。
Taku Koike:
音楽がきっかけ、と言ってたけど、その後も音楽全部自作だよね。音もこれからいろいろ挑戦するといいんじゃないでしょうか。
木村 咲也香:
演奏しないからうまい下手がないのは良いですね(笑)でも音にはまっちゃうとそっちにどんどん投資しちゃいそうで映像と離れちゃいそうですよ(笑)
Taku Koike:
映像も音楽も全部やっちゃえばいいんです(笑)
そういう意味でも、後のさーやの片鱗がすでに垣間みれた作品でした。
まだ、この時はさーやじゃなかった(笑)
木村 咲也香:
そうですねw未だに浸透してる気はしませんが(苦笑)
Taku Koike:
あはは
このムービーは音と絵のタイミングを合わせる事がメインになっていると思うんですが、
After Effectsには、音とレイヤーの動きをシンクロさせる機能があるのです。「オーディオをキーフレームに変換」と「エクスプレション」です。既にさーやに一通り説明をしたので、さーやから紹介をしてもらいましょう。

---------------------------------------------

では説明に移ります。
今回は『AfterEffectsで音とレイヤーの動きをシンクロさせる』です!

まずタイムラインに素材にする音と動かしたいレイヤーを入れます。
そして音のファイルを選択してから
アニメーションメニュー▷キーフレーム補助▷オーディオをキーフレームに変換









そうするとオーディオ振幅というレイヤーが増えます!

このレイヤーのエフェクト両方のチャンネルを開くと
スライダーというパラメーターにキーフレームがだーーーーーっと打たれています。
音の大きさに合わせて数値が記録されているんですね。









次はこの数値を対象のレイヤー(私の場合ロゴ)のスケールとリンクさせていきます!

まず対象のレイヤーをあけてスケールを表示します。
次にスケールのパラメーターを選択した状態で
アニメーションメニュー▷エクスプレッションを追加
こうするとスケールのパラメーターが赤くなります!








そして最後にその下に表示されたぐるぐるアイコンをさきほど作った
「両方のチャンネル」の「スライダー」のところまでドラッグします。








これでもう音とレイヤーはシンクロしています!!

あと予備知識として!!
スケールの横に出てきた文字の最後にある[temp,temp]の後に
*や/と数字を入力すると大きさをコントロールする事ができます!!
私は小さ過ぎたので*10を入力しました。








これで完成です!




おー!!面白い!!!

みなさんも是非やってみてください!

2012年9月4日火曜日

学校始動!!

昨日から学校です!
美大は休み開始が早いのですが終わりも早いんですよ・・・。

今日から新しい授業が始まりました!!
メディアアート演習という授業なのですが
今度はプログラミングも勉強する事になりそうです!
また新たなお勉強、
前のが抜けてしまわないか不安です(笑)

身体表現と映像やら音楽やら
色んな物を組み合わせた作品作りができそうなので
面白そうで楽しみです!!

そして、8月最終日にオールで撮影した
立教大学の方のホラー作品には
まさかの主演で出させて頂きました!!!!

将来的には演出の方に行きたいですが、
演じる事も対象が何を思い何をするかを表現できる点では
すごく演出に近い部分があると思うので
良い経験ができたと思います!



2012年8月31日金曜日

最終作品解説会

遅くなってしまいましたが
第6個目の最終CM作品の制作秘話(笑)をしたいと思います!

まず今回の作品がこちら。


色々詰め込みすぎてごちゃっとしちゃいましたが
今回詰め込んだ内容はこちら!
・平面の3次元化
・ロトスコープ
・マスク
・パペットツール
・テキストの移動
・ロトブラシ
・描画モード
・ヌルオブジェクト


はい、長くなりますよー(笑)

平面の三次元化は最初と最後のシーンで使いました。

これは全てphotoshopで描いた絵で構成してあって
CGソフトなどは使っていません!
3次元にする方法は









を、押すだけです!
あとはカメラを追加してアングルを変えたりできます!

ちなみに左の写真の家は四つの壁の絵と屋根の絵でできていて、
右の写真の右手前と左奥のビルは正面のパーツと側面のパーツの
2パーツづつでできています!
そうしないとカメラが動いた時に違和感があったので・・・


次はロトスコープ!
キーボードのシーンで使いました!












元様の映像を用意して、それをレンダーキューに書き出しの時に
形式をTIFFなどの静止画の設定にすると何枚もの画像が書き出されます。
あとはそれをphotoshopなどでのレイヤーで上からなぞりました。










コンピュータの絵はレイヤーをコピーして
全てのフレームで使い回して
手だけを1秒間に15フレームずつ、
3秒分45枚描きました(笑)






次はマスク、
キーボードの文字が出てくるシーンで使用しました!
詳しくはちょっと前の記事で!


そしてパペットツール!
ドアをあけるシーンと立ち上がるシーンです。

























キーボードシーンでアホみたいに使った時間の
削減を図ったわけです(笑)

ドアノブのシーンではレイヤーをわけていなかったので
黄色い外の光の部分もぐにゃーっと曲がってしまって、
対処方法として同じ画像を二枚重ねて
マスクで隠し合って必要な部分だけ見せました!

 

お次ぎはテキストの移動、
前期のBOOTCAMPの時に小池さんが詳しく説明していますが
文字をマスクパスの上を走らせるという技です!
今回はそれ+三次元空間で文字を動かしてみました!



そして新技ロトブラシと描画モード!
これはこの電波ビームが飛んできてキラキラが飛び散るシーンがそれです。

ブラシの描画モードをよくわかっていないのですが
それを変える事でブラシと重なる部分の色の出方が変わってきます!
ちなみに青いビームは二色重ねてあって、
ハードライトの青い線とディザ合成という青い線にした所
キラキラした粒子っぽい質感になりました!
下の黄色い光もそうです!



最後にヌルオブジェクト!!!
これは最初存在意味すら知らなかったのですが、
見えないレイヤーという点を利用し親という設定にする事で
複数のレイヤーに同じ動きをさせる事ができる代物だという事を理解!!
今回の作品では気球船の尻尾部分を
くるくるさせるのに多いに役立ちました!!!
気球船と尻尾も一つのヌルにくっつけて
全体を進めました!!

以上で6個目のCMの解説を終わります!!

わかりにくかったらすいません。
コメントいただいたらわかる範囲で返答させていただきます!

そしてそして、
これからもこのブログは続きます!

過去の作品を改善点についてなどを
繰り広げていく予定ですので
よろしければチェックして下さい!!!

2012年8月29日水曜日

終わっちゃいました。

全6回、みなさんお疲れさまでした!

最後にアクシデントが起こりましたが(笑)
無事終わる事ができてよかったです。

ただ、CS6がもらえなかった・・・

最後の最後にみなさんが力作を送ってくださったので
残念ながら負けてしまいました。

悔しいです・・・。

これからもレベルアップを図り
いつかは誰かに良いねと言って頂ける作品作りを
目指していきたいと思います!!!!

あと、
最後に制作したCMの努力話(笑)を
そのうち書こうと思っています。

Adobeのソフトをほとんど理解していなかった私が
一ヶ月で何を習得できたか、
そしてそのやり方(間違っているのも含めて)を
紹介します!

2012年8月28日火曜日

進化

今日で映像塾は最後ですね・・・

夏休みの間という事ですごく長い時間の様に思っていましたが
始まってみると作品作りに追われる日々で
あっという間でした!

一回目の頃は笑い過ぎで気持ち悪かった私ですが←
質問もできる様になれました。
(たまにタイミングとか外しますが)

進化です!!


そしてもちろん映像技術。
今まで映像科という肩書きだけ映像に関わっていた私ですが
今回の事でかなり将来に繋がる技術や知識を
身につける事ができたと思います!!

この機会を与えていただいた社長と
支えて下さったみなさんに本当に感謝します!!!!

最後のCM作品ですが
みなさんの物と一緒に選考されなければいけないので
いつもより提出が早めだったのですが
無事完成しました!!
今までできなかった物をほとんど詰め込みました。
多分入れすぎてよく分からない事になってます(笑)

でも集大成として見せられる物ができたと思います!
今晩、楽しみにしていて下さい!

2012年8月26日日曜日

ラストスパートなのです!!

今回の映像作品は
映像塾で最後の作品っていう事で
今までやれなかったものを詰め込んでいます!!
ふふふふふー・・・

なかなかいい感じです^^

ただ色んな事に手を出してしまって
せっかく小池さんに教えていただいた事が
ぽこぽこ抜けていってしまってます←

今回テキストアニメにも挑戦しているのですが
どうしてもできないことが・・・



こう、文字がぽっと出てくるエフェクトなんですが
文字の移動をするとマスクも一緒に移動しちゃって
上だけ表示されてる画が作れないんですよね・・・
マスクはそのままで
テキストだけマスクの中に移動して現れるとかできないですかね?

模索中です!!!

--------------------------------

小池先生からご指導いただいたので報告します!!!

どうやら肝はマスクの中にあるマスクパスのストップウォッチに
キーフレームを打つ事だったみたいです!!

そこから左上のアンカーポイントツールで
文字の移動をできます!

よっしゃがんばってきます!

2012年8月23日木曜日

Boot Camp!!


本日は1日
小池さんによるAfter Effectsの授業を受けて参りました!!!
とてもお勉強になりました・・・

色んな事を教えていただいたのですが、
今回驚いた事はRAMプレビューはHDの空きディスクを利用して
書き出していたという事です!!

私のコンピュータだといつも途中で終わってしまっていたのですが
それは容量が4GBしかなかったからなんですって!!

今回謎が解けました・・・。

そして一番面白い機能だなっと思ったのは
ブラシツールです!
ただの直接レイヤーに書き込める機能かと思いきや
ペイントの中の種類という所を連続に設定すると
描いたスピードなども自動で記録されて
再生した時に描いた時と同じスピードで表示されるんですよ!!

キーフレームを一生懸命うつ必要もなく
リズムに乗って緩急のあるスピードで表示されるので
やっていて楽しかったです^^

それと以前の映像塾のBoot campでも紹介されていた
テキストツールの色んな動かし方も習ってきました!

そしてなんと言っても
平面であるレイヤーの3D化ですね!!
ピントを設定できたりアルファを利用する事で陰も落とせたりと
一気に表現の幅の可能性を感じました!!!
3Dとラッカーが無くったってここまでできるのか!と、

これとテキストツールを組み合わせると
また更に面白い感じになるんですよ!!

今回教えていただいた機能は山ほどあるのですが
最終回、是非活用してCM作りたいと思います!!!