続・ブログAdobe映像塾『ウィグラーとモーションブラー』

こんにちは！
明日からの２７日２８日２９日と芸祭が始まるので
周りがみんな忙しそうです！！

展示やパフォーマンスもたくさんあって
お酒も飲める出店や手作りのアクセサリーが売ってるお店から
ミスコンにゲイバー何でも揃ってるのでお時間ある方は是非いらして下さい＾＾

もちろん！PremiereやAfterEffectsにイラレやフォトショを使った作品も
盛りだくさんです！！！




では今回の映像塾を始めます！！
お題は『ウィグラーとモーションブラー』！

以前にトラッカーの技を教えてもらいましたが、
その時に『トラッカー』をメニューバーのウィンドウ▷トラッカーで選びました。
その時このウィンドウの中にはもっと色々面白い機能があるのでは！
と気になって見てみたのですが
１番初めの所にさっそく知らない単語のウィグラーがありました！！

いったいどうやって使う物なのか気になって小池さんに教えて頂きましたので
みなさんにもお伝えします！！

この機能は選択したレイヤーのキーフレーム間に
ノイズのキーフレームを自動で打つ機能だそうです！
使い方はメニューバーのウィンドウ▷ウィグラーを選ぶだけ。
そうすると右下にウィグラーのメニューが出てきます。

レイヤーのトランスフォームを開けて位置のキーフレームを打ちます。
この時に注意なのが「キーフレーム間に」ノイズをかける機能なので
位置自体を移動させなくてもキーフレームを２個作って選択しなければいけません！！


ウィグラーの各パラメータ説明です。
適用先・・・空間パス：位置にノイズをかける
　　　　　　時間グラフ：不透明度や明るさにノイズをかける
次元・・・X：横方向にだけノイズ
　　　　　Y：縦方向にだけにノイズ
　　　　　全次元同じ：縦と横のノイズの大きさが同じ
　　　　　全次元個別に：縦と横のノイズがバラバラ
周波数・・・何フレームごとにノイズがかかるか
強さ・・・ノイズの振れ幅

私はAdobeのロゴに周波数15.0で強さ20にしてみました。
キーフレームと画面上のパスの数が凄いですね・・・

これを見てみると・・・

かっこいいテロップが！簡単に！！！


しかも！ここで！小池さんから更に小技を教えて頂きました！！！
この動かす対象に残像を付ける技です！！
これが『モーションブラー』です！！

まず大元のモーションブラーのスイッチをオンにします。

その次に動かすレイヤーのモーションブラーのスイッチをオンにします。

残像の強さの調整は
メニューバーのコンポジション▷コンポジション設定
タブの高度を選び、
モーションブラーの枠の中のシャッター角度のパラメーターでできます！

これをかけると・・・

映像が自然な感じに仕上がります！
お好みで使い分けてみて下さい！！

これでアニメのかっこいいオープニングのスタッフロールとかも
作れちゃいそうですよね！！


是非活用してみて下さい！！！

続・ブログAdobe映像塾『コピースタンプツール』

前回もちょろっと書きましたが
これからもブログは続きます。

今回からは私の気になるツールについて小池さんに教えてもらった事を
皆さんにも紹介していきたいと思います！！

今回は前から気になっていた
After Effectsの『コピースタンプツール』について！

名前から映像にスタンプっていったいどういう事だ、
とずっと気になっていたので教えて頂きました！

基本的には部分コピーペーストができる機能のようです。

ではさっそく使ってみます！

まずワークスペースをペイントにします。

そうしたらスタンプツールを使用したいレイヤーをダブルクリックして
ウィンドウにレイヤーの画面を表示します。
右に出るのですね。
ペイントはレイヤーの画面でないと作業出来ないので気をつけましょう！！

コピースタンプツールを選択して

optionキーを押したままコピーしたい部分をクリックして、
そしたらペーストしたい部分にクリック＆ドラッグをする。
これが基本の使い方です。

この時、右の『調整』の所にチェックを入れるか入れないかで
ペーストの仕方が変わります！

チェックを入れないとどの部分でクリック＆ドラッグを始めても
毎回optionキーを押した部分からペーストされます。
何個も同じ物をペーストする間隔です。
（私は芸祭執行部の芸の字でoptionキーを押しました！）

芸祭執行部がたくさんできたのがわかりますか？

チェックを入れるとクリック＆ドラッグをどの場所でしても
最初にした所との位置関係で延長部分がペーストされます。

芸祭執行部とは別の部分で二人の人もペースとできてます！

しかもこの便利なスタンプ機能、

なんと・・・

部分時間調整ができるのです！！！



時間は右にある『ソース時間シフト』の横にあるパラメータをいじる事で
ずらした時間軸の映像を薄く重ねて再生する事ができます。

そしてお好みの時間に設定したらクリック＆ドラッグ！

指定した時間にそこに存在する物が
違う時間軸の今の映像に現れます！！！

右の彼が各時間ごとの状態で現れてます（笑）

また、『ソースフレームの時間軸を固定』にチェックを入れると
コピー＆ペーストをした部分が固定されます！

この技を使うと常に人がいるような場所でも
その部分に人が映ってない時間から映像をペーストする事によって
誰もいない一枚の画像を作る事もできちゃいます！！！


元画像　　　　　　　　　　　　　　　　コピースタンプツール後










一人だけ同じ画像の証明という事で残してみましたが
こんな感じになります！！

また面白そうな事ができそうですね！！！
みなさんも是非試してみて下さい！！

そしてちなみに今月末１０月２７、２８、２９日は
私が在学する武蔵野美術大学芸術祭です！！
私は２９日のフィナーレでやるvox-cellの設営のお手伝いぐらいしかしないのですが
このvox-cellはプロジェクションマッピングをやります！！
PremereやらAfterEffectsなど編集ソフトをマスターした集団の作品なので
見て面白い上に参考になると思います！！

お時間がある方は是非見に来て下さいねー！！！

ブログAdobe塾第６回！！

Adobe映像塾の中で発表した作品の中を参考に
新しい技術を学んでしまおうという
ブログAdobe映像塾のコーナー、
番組内最後の作品になる第６回目の作品はこちらです！！

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

Taku Koike:

それでは映像塾６回目のムービーを見ながらチャットをしていきましょう

木村 咲也香:

ラストの作品ですね！お願いします！！

Taku Koike:

これは、さーやの集大成だったね

木村 咲也香:

詰め込みすぎて逆にごちゃごちゃしちゃいました・・・。

Taku Koike:

いやいや、盛りだくさんでした。

使った機能を簡単に列挙してみる？

木村 咲也香:

最初のシーンは覚えたてだったのでさっそく平面なのに３D機能になるってやつを取り入れてみました！

次のシーンはアニメで、ドアノブを開ける所と立ち上がる所はパペットツール、おうちを出てからはまた３D機能の乱用ですね（笑）

Taku Koike:

最後のシーンはヌルと親子付けも使ってるんだよね

木村 咲也香:

そうです！同じ動きをするって教えてもらった瞬間プロペラ回すぞ！！って思ったので。

Taku Koike:

さーやのブログの以前の投稿で、詳しく説明してあるよね

最終作品解説会

やり切った感あった？

木村 咲也香:

ありましたね。もうないぞって（笑）この時手に入れた技術を全部見せましたねー。

Taku Koike:

うんうん、緒方さんも褒めてましたよ＾＾

木村 咲也香:

光栄です！！！

Taku Koike:

ということで、今回のムービーでは特にやり残した事もないのでムービーに関連した課題は無しということだね（笑）

木村 咲也香:

そう、なってしまいますね（笑）

Taku Koike:

毎週６回ムービーを作ったわけだけど、今から振り返るとどんな感じだった？

木村 咲也香:

必死の一言ですね。馬鹿にされない物を作るぞー！！ってやってたんですけど始めてみたらやりたい事が何もできないんですもん！

Taku Koike:

そうだねえ。ソフトの機能についての知識がまだ無い状態でスタートしちゃったから、本当に大変だったねえ。

でも、今はかなりレベルアップしたなと自分でも思うでしょ？

木村 咲也香:

知識だけは沢山与えて頂きましたからね！！！ただ未だにカメラの知識とかは全然ですねー。

Taku Koike:

じゃあ、これからはKissとかで撮影もやっていくといいね。

木村 咲也香:

積極的にカメラにも挑戦したいですね！

Taku Koike:

これで６回のムービーの復習も終わっちゃったけど、来週からどうしようね。

木村 咲也香:

インタービーまでまだありますもんね。

Taku Koike:

映像塾では紹介していないコネタはまだまだあるので、ブログAdobe塾延長戦ということでもう少しだけ続けましょうかね。

木村 咲也香:

面白い技の伝授、是非これからもお願いします！

Taku Koike:

では、今回のムービーとは関係ないけど、以前紹介した線エフェクトを使った応用編をさーやに紹介してもらいましょう。

木村 咲也香:

了解です！

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

という事でもう少しこのコーナーは続きそうです！

では、今回のお題は前回宣言していた

『マスクの線にくっつけて物を動かす』です！！！

まず前回のお話がこちら↓

ブログAdobe塾４回目！

この方法でまず動く線を作ります！！

今回はこんな感じで線をかいてみましたー

そしたら次に動かしたい物を新規レイヤーで作ります。

これは静止画でも動画でも大丈夫ですよ！

（今回私はスターツールで簡単に☆を作りました。）

この動かしたいものを線の動き始めの位置に移動させて
アンカーポイントツールでアンカーポイントも中心に移動させておきます。

さて、ここから動きを写していきますよー！

線の動きを作っているマスクの『マスクパス』という所を選んで

コピー（command+c）をします。

できたら動かしたい物の『トランスフォーム』の中の『位置』をクリックして

ペースト（command+v）します。

そして再生してみるとー・・・

はい、スピードが合いません（笑）

マスクの線を位置パラメータにペースとすると、
After Effectsの仕様で自動的に2秒間でのキーフレームアニメーションになります。
今回線エフェクトを使って4秒間で白い線が伸びるように作っているので、
動かしたいものの移動と線の伸びる時間が合わなくなってしまうのです。

ここで、位置のキーフレームをすべて選択した状態で
１番右の最後のキーフレームをoptionを押したままドラッグします！！

そうすると間隔を保持したまま全体を移動する事ができるのです！！！

これでもう一度再生すると・・・

動きがー！合ってます！！！

なんて便利機能！！！

色んな事に使えると思うので是非活用してみてくださいー！

ブログAdobe塾第５回！！

こんばんは！
今回もやりますアドビ塾！！

５回目はこちらの映像を参考に始めたいと思います！

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

Taku Koike:

それではムービーを見ながら始めましょう

木村 咲也香:

よろしくお願いします！

Taku Koike:

２回目のムービー以来の実写だね。カメラは何を？

木村 咲也香:

cannonのkissで撮りました！映像塾で話題になっていた６０pてものが撮れる事が分かったのでそれも今回は使ってみようかなと思いまして。

Taku Koike:

アドビロゴの直前のスローになってるカットとかかな？

木村 咲也香:

それです！エフェクトもあの中では一番きれいに見せれたと思ってます（笑）

Taku Koike:

このムービーの技術面でのお題目は何だったのかな？

木村 咲也香:

アフターエフェクツというぐらいなのだから何かエフェクトをつけるぞ！！というものでした。

パーティクルって言う噂のかっこいいやつがやってみたかったのですよ（笑）

Taku Koike:

で、パーティクルは試したのかな？

木村 咲也香:

やり方が・・・わからず・・・

Taku Koike:

だよねえ、パラメータが複雑だよねえ

実際はどんな感じで作ったの？

木村 咲也香:

とりあえずエフェクトのバーから何か使ってみよう！！と思って見ていったら雪が

簡単に作れたので、できるものからやってみようかと。

Taku Koike:

図形が動いてるやつもあるよね、あれは？

木村 咲也香:

あれは平面レイヤにマスクを付けて作りました！！緒方さんの映像にあった光る図形が良いなって思って、そのやり方を聞いてやってみたのです！！

Taku Koike:

レイヤーにマスクで形を作って、それを動かしたのね

でも、本当はパーティクルで制御したかったって事だね

木村 咲也香:

そうですね。もっと沢山の素材をバァーッと流したかったのですがその技術が・・・

Taku Koike:

それでは、本当はさーやが使いたかったAfter Effectsに付属しているパーティクルのエフェクトを使ってみましょう。さーやお願いします。

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

はーい、

では今回は『パーティクルの説明』をしてみたいと思います！！

まず一枚平面レイヤーを用意してそれにエフェクトをかけます。

（このレイヤー自体がエフェクトになってしまうので動画自体にはエフェクトをかけないで下さい。）

ツールバーのエフェクト▷Simulation▷CC Particl world

でパーティクルのエフェクトがかかります。

英語で途方に暮れてしまう所なので
主要なパラメーターの解説をしたいと思います！！

▷Birth Rate:何粒出すなど、エフェクトの数
▷Longevity:パーティクルが消えるまでの時間
▽Producer
　　・Position:パーティクルの発生位置
　　・Radius:パーティクルの発生源の大きさ
▽Physics
　　・Animation:パーティクルの飛ばし方
　　　　Expositive:全方位に飛ばす
　　　　Cone Axis:飛ばす方向が決められる
　　・Velocity:パーティクルが飛ぶ距離
　　・Gravity:パーティクルが飛ぶ高さ距離
　　・Resistance:パーティクルの密度
　　・Direction Axis:パーティクルを飛ばす方向
▽Particle:パーティクルの飛ばし方の種類

Textured 〜の種類の物を選択した場合
　　　　　Texture Layerで選択したレイヤーが飛ばす物の素材として使える
　　・Birth Size:発生時のサイズ
　　・Death Size:消滅時のサイズ

これでやりたい事はだいたいできる様になると思います！

今回はShaded Sphereというパーティクルの種類を使って
前回制作した作品のワンシーンに付け足してみました！！
こんなかんじ！

やっぱりパーティクルは難しいです・・・

あともうちょっとわかりやすいシーンだとよかったですね（笑）

何回も色んな事を試してパラメーターの動かし方のこつをつかむと
ぐっと楽しくなりそうですので
頑張って練習して行きたいですね！！

ではでは、
みなさんも是非頑張ってみて下さいー！

ブログAdobe塾第４回！！！

お久しぶりです！！

学校の授業も色々あって

一週間ぶりな上に若干遅れたペースですが更新します。

学校の内容はまた後日更新します！！

今回の参考物品はこちら！

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

Taku Koike:

では、映像塾第４回目にさーやが発表したムービーをネタにチャットを始めましょう。

木村 咲也香:

おねがいしまーす！

Taku Koike:

映像塾の伝説となったムービーね（笑）

全編手作業！

最後の部分の文字のアニメはどうやったんだっけ？

木村 咲也香:

プレミアのタイトルツールで書いた文字をスペースキーで一文字ずつ進めてスクリーンショットで書き出してコマアニメにして・・・っていうアホなあれですね（苦笑）

Taku Koike:

すごいよねえ。本当にすごい。

木村 咲也香:

馬鹿にしてますよね（笑）

Taku Koike:

とにかく作りたい映像を作り切るという姿勢に映像塾の関係者全員が感動したのを昨日の事のように思い出します（笑）

木村 咲也香:

ある意味努力が認められた回でした（笑）

Taku Koike:

うんうん。

でも、今やあれはAfter Effectsのパスを使ったテキストアニメーションで簡単にできるね。

前半のりんごの部分も手描きみたいなものだよね。

木村 咲也香:

そうですね、先に線を作った後消しゴムでちょっとづつ消してコマを作って逆再生・・・

別に苦労するのが好きな訳ではないのですが。

Taku Koike:

というか、苦労するのをあまり気にしない、のかな（笑）

木村 咲也香:

効率の良いやり方を覚える方が苦労だと思ったんですよね。

まぁ、間違ってたんですがw

Taku Koike:

なるほど（笑）

この部分も、以前さーやに受けてもらった個人ブートキャンプの時に話したペイントアニメーションでもっとらくちんに出来るね。

でも、塗りつぶすとかそういう意味では、さーやのやった方法の方が実は確実なのかなとも思う。

めちゃくちゃ面倒だけどね（笑）

木村 咲也香:

ペイントツールで描いていれば描いたラインがすぐにアニメーションにできますからそこはそっちの方がやっぱり楽だったのかなと思います！

Taku Koike:

途中のリンゴの中のアニメーションや効果の部分は、Photoshopのエフェクトを使っているので他に方法はないけど、After Effectsでマスク描いてその中で何かエフェクトを使うという方法もあるね。

とにかく、色んな意味ですごい作品でした＾＾

木村 咲也香:

はい。

Taku Koike:

実はペイントツール以外にも、ベジェラインなどの線を一筆書きで描ける「線」エフェクトというのがあります。

それではさーやに紹介してもらいましょう。

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

はい、ということで

今回の技は『ベジェ曲線でも線が描ける』です！

早速行きましょう！！

まず新規コンポジションを作成します。

次に線を描きたいレイヤーを用意します。

私は今回は平面レイヤーを用意しました。

そしてそのレイヤーを選択した状態で

ペンツールに持ち替えて線を描きます。

そうするとレイヤの中にマスクが追加されます。

いつもなら端と端を繋げてマスクとして使う所を

今回はそのままにします。

レイヤーを選択した状態で

『エフェクト』のツールバー▷描画▷線

を選択します。

これでエフェクトの中に『線』という項目が追加されているので

パスの所がマスク１になっている事を確認します。

後は『線』の数値や色をお好みで変更したらできあがりです！！！

そして、

この線はペンツールと同様に開始と終了のパラメータがいじれるので

簡単に線が描かれるアニメーションを作成できます！！！

動かしたい時間にバーを移動させて（私は先頭）

終了の文字の横にあるストップウォッチを押してから

パラメータを０にします。

そしたらアニメーションを動かし終わらせたい所まで（私は最後）

バーを移動させてパラメータを１００にします。

これでアニメーションの完成です！！！

この線に合わせて物を動かす技もあるので

この次の記事に更新します。

ではまた！

ブログAdobe塾第３回！！！

こんばんは！
今週もやってまいりましたこちらのコーナー
今日も番組で制作した作品を参考に
新しい面白いテクニックについて小池先生から学んでいきたいと思います！！

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

Taku Koike:

では、映像塾第３回目にさーやが発表したムービーをネタにチャットを始めましょう。

木村 咲也香:

お願いいたします！

Taku Koike:

今回はアニメだね

全部手書き？

木村 咲也香:

そうです！最初はイラレに挑戦していたのですが難しくて、結局ほとんどフォトショです（笑）

Taku Koike:

イラストレーターは、ベジェの書き方が最初難しいねえ。

フォトショップで絵を描くとかは以前からしていたの？

木村 咲也香:

写真の加工でレベル補正の原理を勉強したりはしたのですが、ペンのシステムは全然分かっていませんでした。

Taku Koike:

今回はタブレットで描いたんだよね？じゃあそういうのは初めてだったのかな

木村 咲也香:

年賀状のすっごく適当な絵を書いたの以外では初めてでしたね（笑）

Taku Koike:

なるほど（笑）

映像塾では毎回初めてに挑戦し続けていたのね。ナイスファイト（笑）

フォトショップで描く時は、１枚ずつ別のファイルとして描いたの？

木村 咲也香:

シーン別にレイヤーで作ってました！

Taku Koike:

背景部分は別にして、動く部分をカットごとにレイヤー分けしたのね

木村 咲也香:

その通りです！！！

透明度をいじって下のレイヤーを参考にしながら描いたりできるのが便利だなと思ってます！

Taku Koike:

でも、手書きだから、書き直したりするの大変だよね。

木村 咲也香:

最初はレイヤーって物にも慣れていなかったので重なる所を考えながら絵を描くって事ができなかったんですよ。

自転車の手前に右足も左足もあったり（笑）

Taku Koike:

今回レイヤーを使って絵を描いていたということですが、フォトショップにはレイヤーを使ってアニメーションを作り、それをムービーそして書き出す機能があります。１レイヤーを１コマに変換してアニメにする事もできます。

それではさーやに説明してもらいましょう。

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

はい！

まずphotoshopの新規画面を開きます。

背景のレイヤーに好きな背景を描きます。

そして新規のレイヤーを作り

動かしたい物を描きます。

そうしたら表示のバーから『アニメーション』を選択します。

そうするとアニメーションバーが表示されます。

その中の右下にある『フレームアニメーションに変換』のボタンを押すと
こういうアニメーションバーになります。







その次にその隣にあるボタン『選択したレイヤー複製』を押します。

そうするとコマ数が増えます！
なのでその次のコマで動かしたい物を移動させます！

そしてまた『選択したレイヤーを複製』を押して
次のコマで移動、これを繰り返します。

できたらコマの下にある時間を設定してから
『アニメーションを再生』のボタンを押すと・・・

なんと絵自体のレイヤーは一つなのに
動画ができてしまいます！！！

便利だなー。

書き出しはファイル▷書き出し▷ビデオをレンダリング
からできます！





そしてこれとは別に
レイヤーを一つ一つコマにして動画を作る事もできます！
でもこれは元々GIFアニメ用のものらしいので
背景はつけれません・・・

でも今はクイックタイムでも書き出せるので
GIFアニメ以外にも使えます！！


では行きます！！

まず新しいレイヤーに絵を描いていきます。
私は７枚描いてみました！

そうしたら先ほどの出した『アニメーションバー』を出して
その右上にあるボタンから『レイヤーからフレームを作成』を選択します。

するとレイヤー一つ一つがコマになります！！

そして先ほどの要領で時間の長さを調節して書き出すと・・・





はい！
こんな風になります！！
背景が無い分それを利用して別の動画の上に重ねるのも面白いかもしれません！！

私のはCS5.5で作ったので６の方はちょっと違うかもしれませんが
ちゃんと機能はありますので
是非試してみてください！！