久しぶりにムービーをClipLifeサイトに投稿してみました。
最近覚えた機能やら、よく使いだした機能を使っていますが、モーションは相変わらず工夫もせずにちょっと変な動きですが(^^ゞ
プロジェクトは、次回から数回に分けて記事にしていきますが、無駄なところや修正が必要な個所があるので、参考になるとこだけ選んで使ってください。
<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>もっと（２）AfterEffects グラデーション,ノイズ,ブラー０８で作成した画像を背景にして、チャンネルコンバイナーとディスプレイスメントマップを使ったサンプルを作ってみます。
＜タイムレイアウトウィンドウ＞
以下のようなレイヤーの配置になります。
最近よく使っているトラックマットを今回も使います。（関西ではアホの一つ覚えといいます・・・）
<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>＜テキストの加工＞
テキストは、コピーして二つ用意し、上になるテキストにエフェクトをかけます。
チャンネルコンバイナーは、テキスト全体をアルファチャンネルに変換できます。
白い部分が、2番のテキストのマスクになるので、これにディスプレイスメントマップで変形させると、2番のテキストの一部が欠けて表示されます。
このまま、ディスプレイスメントマップを使っても背景となじまないので、ブラーをかけます。
ブラーが強いほど透過してきます。
＜マップレイヤーの作成＞
ディスプレイスメントマップに使用するマップレイヤーは、新たなコンポジション（グレーノイズ）を作成し、背景に使ったフラクタルノイズのレイヤーをコピペーストします。
レベルを使って、輝度の調整をすると変形の度合いが変わってきます。
テキストのあるコンポジションに戻って変化を確認します。
テキストのアニメーションを設定して、出来上がりです。
<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
お茶でも ( ^-^)o旦~~ どぞ ♪ まだ続きます・・・
Motionworksサイトで本日使用した背景のチュートリアルビデオが公開されているので、正確な作り方のポイントを考えてみます。
チュートリアルビデオを先に見る方は、下記サイトへどうぞ
Motionworks http://www.motionworks.com.au/
Motionworksの作成方法は、私の作成方法とは随分違っていました。
① フラクタルノイズのフォグライトとは、Adobe Bridgeにあるアニメーションプリセットのフォグライトを使用します。
私のAfter Effects7.0は、調子が悪くて最初からドラッグ＆ドロップが出来ないので、右クリックして「Place In After Effects」を実行しています。
レイヤーには、エフェクトがフラクタルノイズだけでなく、レベルとＣＣトナーが含まれています。
雲の色が違っていた原因が判明しました！
② 作成されたレイヤーをコピーして、フォグライトのレイヤーが２個になっています。
③ 上のレイヤーにコロラマを使用して、マスクで範囲を選択して、コロラマの「アルファを変更」のチェックマークを外しています。
私がマスクを使わなかったのは、綺麗になじまなかった為で、「変更」の設定には気が付きませんでした。
コロラマの設定も納得の解決！
④ 黒い新規平面を作成して、マスクを描いてぼかすと頂上になるほど暗くなっていきます。
左が、今回作成した画像。 右、前回作成した画像
<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>
<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
グラデーション・フラクタルノイズ そしてトラックマットを使用して作成しています。
＜フラクタルノイズの設定＞
アニメーションプリセットでフォグライトを選択します。
明るさを落としています。
自動でアニメーションが始まりますが、方向を調整する場合は、乱気流を調整してみてください。
＜コロラマの設定＞
アニメーションプリセットの火を選択しています。
サイクル反復で、色を調整しています。
＜カラーカーブでグラデーションの作成＞
白色部分にコロラマが適用されて、黒色は色が変化しません。
直線のグラデーションを使う場合は、リニアワイプでもできます。
＜調整レイヤーとトラックマットを使ったコンポジション＞
１０月１４日の記事に載せた内容で、レイヤーを配置してみました。
調整レイヤーを使わずに、グレー背景とトラックマットで切り抜いた火のレイヤーを重ねても同じような結果になります。
本日の画像は、下記チュートリアルの背景部分を作成しようとした物ですが、並べて比較すると全然似てない(T_T)
http://www.motionworks.com.au/wp-content/blogimages/tna_workflow.jpg
「Layer was duplicated」！？ どんだけ～！？
雲のようなのの作成するには、ノイズを重ねた方が良いみたいだけど？
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
【10月19日追記：Motionworksのサイトにチュートリアルビデオが公開されました「どんだけ～！？」が、米国に通じたようです^^ 「作り方」のボタンが日本語で嬉しいです】
http://www.motionworks.com.au/index.php
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
都合よく、プロの方が作成したAfter Effects（AE）のプロジェクトを無料で頂けるサイトがあったので興味のある方は、訪れてください。
チュートリアルビデオの販売もしています。
www.theanvel.com アドレスをコピペして下さい。
たくさんのプロジェクトが、入っているので参考になる事も多いと思います。
雲を作成したデータも入っています。
<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
素材は、Photoshopを使って、グラデーションと「泡」となる紅葉の画像を作成します。
「秋」の文字を拡大して、ぼかし（ガウス）を使っています。（今回、ぼかしは効果なかったかな・・・）
紅葉の写真を切り抜いて、2種類作成。
＜After Effectsの作業＞
新規コンポジションに、グラデーションになる素材を入れる。
グラデーションの位置を調整する場合は、このコンポジションで調整する。
アニメーションを作成するコンポジションを作成し、素材を入れる。
「泡」エフェクトをかけるレイヤーは、下図ではpsdファイルになっているが、普通の新規平面でかまいません。
＜画面の手前を飛んでいる紅葉のレイヤーの設定＞
＜文字に重なっている紅葉の設定＞
生成レートは、途中で "0" にする。
風の速度を途中から最大数値にして、紅葉を吹き飛ばしています。
＜文字の色を変化させる＞
初期の色は、茶色にしていたのでトーンカーブで色を変化させています。
<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=ocnnejp086-22&o=9&p=16&l=st1&mode=software-jp&search=photoshop&fc1=000000<1=&lc1=3366FF&bg1=FFFFFF&f=ifr" marginwidth="0" marginheight="0" width="468" height="336" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe><script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>
秋の気配を感じない今日この頃ですが、「秋」の漢字をPhotoshopで「ぼかし」た素材を使ってみました。
サンプル動画
<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
