日本VTR実験室お使いのブラウザは、バージョンが古すぎます。Explore9には対応しておりません。恐れ入りますが、お使いのブラウザをバージョンアップしていただきますよう宜しくお願いいたします。Javascriptが無効になっています。このサイトは、javascriptが有効になっていないと、正常に表示されません。OKOKはてブTwitterFacebookGoogle+Pocketおまたせしました!okokです。ここでも活躍!シェイプレイヤー内の「複製」グラデーションとフラクタルノイズを活用してリアルな「フレア」をつくろう前回、とても簡単なエクスプレッションを追加したレイヤー『ray』を複製して、いよいよ「フレア」部分の作り込みに入りましょう。複製したレイヤーをそのまま利用するわけではないので、まずはちょっとした下準備をおこないます。何となく3ステップとしてまとめてみました。TypeA』という名前に変更しておきましょう。TypeA』と表記します。2.「コンテンツ/パスのウィグル」は使用しないので、削除してください。3.「エフェクト/ブラー(滑らか)」はとりあえず非表示にしておいてください。他のレイヤー『light』や『ray』も非表示にしておきましょう。TypeA』はフレアの中心からスーッと明るなりながら淵の方で暖色から寒色へとスッと変化し、さらにその一部が欠けたようなものをつくっ・・・文章ではぜんぜん伝わらないですが、とにかくつってみましょう。500.0]としてください。250.0]に変更してください。続いて[カラー]の[グラデーションの編集...]から「グラデーションエディタ」ウィンドウを開いてください。上段の不透明度調整値が、チョコ1[不透明度:0%、位置:0%]チョコ2[不透明度:50%、位置:90%]チョコ3[不透明度:100%、位置:95%]チョコ4[不透明度:0%、位置:100%]下段の色調整値は、ミント1[位置:0%、白]ミント2[位置:90%、#526870]ミント3[位置:92%、#E14646]ミント4[位置:100%、#82689A]ただ、設定値などは参考までに書いているだけですので、お好みで問題ありませんよ。シェイプレイヤーの「複製」は便利ここまでは今まで通りのやり方でしたが、今度はこの円が欠けたような表現していこうと思います。シェイプレイヤーはシェイプレイヤー内で「複製できる」ということですので、やってみましょう。2」だけが追加されましたよね。シェイプレイヤーの項目によっては個別に[描画モード]までも設定出来る仕様なので、シェイプレイヤー内だけで色々と組み替えられて、もとのレイヤーを増やす必要がないという設計なのです。1」の上にくるように配置し直してくださいね。2」の[描画モード]のプルダウンメニューから[焼き込み(リニア)]を選択してください。[乗算]よりもパキッとした印象の黒を描画できるのでコチラを選んでみました。[種類]を[線形]に変えてください。-250.0]に変更してください。続いて[カラー]の[グラデーションの編集...]から「グラデーションエディタ」ウィンドウを開いてください。下段の色調整値は、ミント1[位置:0%、黒]ミント2[位置:100%、黒]としました。大きさは同じでグラデーションが違うタイプのものを[焼き込み(リニア)]で重ねて表示している状態というのがコンポジションパネルで確認出来るかと思います。今回は非常に単純なやり方で行っていますが、まだまだガシガシ作り込むことも可能ですので色々試してみても面白いと思いますよ。あとはフラクタルノイズを加えて、レンズの埃みたいなものを表現して、よりリアルに仕上げましょう。「フラクタルノイズ」仕上げ「フラクタルノイズ」というエフェクトは煙や霧、塵といった効果が欲しいときとか、とにかくなにかと画に雰囲気をつくる時にサッと使えて、グッと引き締めてくれるエフェクトです。そんなエフェクトを使ってレンズの埃を表現して、よりリアルに仕上げましょう。「エフェクト」に「フラクタルノイズ」を追加しましょう。TypeA』を右クリックし、プルダウンメニューを表示し、「エフェクト/ノイズ&グレイン/フラクタルノイズ」を選択します。「フラクタルノイズ」設定の変更箇所は[フラクタル種類]のプルダウンメニューから[タービュレント(滑らか)]を選択[トランスフォーム/スケール]を50.0にして[不透明度]を30%へ変更[描画モード]を[乗算]としました。急に[タイムラインパネル]ではなく[エフェクトコントロールパネル]になっていますが、どちらでもエフェクトをコントロールできます。[エフェクトコントロールパネル]の表示方法は、アプリケーションメニューバーからウィンドウ/エフェクトコントロールを選択してください。「ブラー(滑らか)」を表示し、ブラー値を[25]としてください。この時、「ブラー(滑らか)」が「フラクタルノイズ」の下に位置していることを確認してください。これは、レイヤーに対して「フラクタルノイズ」の効果をかけた後に「ブラー(滑らか)」の効果がかかるようにしたいなと思ったからですが、例えば、この順番を順番を入れ換えた状態、つまり、レイヤーに対して「ブラー(滑らか)」の効果をかけた後に「フラクタルノイズ」の効果がかかるようにすると、「フラクラルノイズ」がはっきりしたと思います。このように順番を入れ替えるだけでも得られる結果は異なりますので、チュートリアル通りにやるだけではなく時には色々トライしてみて自分なりの発見を楽しんでみてください。〜たった2色のグラデーションで「フレア」をつくろう〜順番間違えた・・・。次のタイプは一番スタンダードな「フレア」のタイプとなるかと思います。TypeB』という名前に変更してください。TypeA』は非表示にしておいてください。1000.0]としました。500.0]に変更してください。TypeB』はグラデーションの色も変更し、ついでにフラクタルノイズの種類も変えてみようかと思います。TypeA』とまったく違うという感じにしないのがポイントです。上段の不透明度調整値は変更しません。下段の色調整値は、ミント1[位置:0%、F7BDBD]ミント2[位置:100%、#231E3A]フラクタルノイズの方は、[フラクタル種類]は[小さなバンプ]を選択[トランスフォーム/スケール]を25.0にしてみましょう。TypeB』の設定になります。TypeC』を作っていきましょう。〜複数のシェイプをひとつのレイヤーとしてあつかう〜次に作成するタイプはキラキラ感を出すための「フレア」を作ってみましょう。TypeB』は非表示にしてください。400.0]としてください。0.0]に変更してください。[カラー]の[グラデーションの編集...]から「グラデーションエディタ」ウィンドウを開き下段の色調整値の、ミント1[位置:0%、FF0000]ミント2[位置:100%、黒]ということで筒状のグラデーションになったかと思います。TypeA』からコピペしてください。1」を複製して、この個々のパスの中にある[位置]の設定などを替えてランダムに配置していきましょう。-132.0]という感じにテキトーに配置します。[カラー]の[グラデーションの編集...]から「グラデーションエディタ」ウィンドウを開き下段の色調整値のミント1[位置:0%、FDBE00]としてみました。2」を複製して、テキトーに配置し、色調整値の1つめだけを調整し色を変更して、また複製という作業を7回繰り返してみました。念のため数値を記載しておきますがコレの通りである必要はありませんのでお好みで。8」の下段の色調整値のミント1を[位置:0%、白]としました。同じサイズなのもどうかと思ってきたので、複製するもののサイズを変えてみましょう。100.0]としました。0.0]に変更してください。9]の[位置]を[-312.0,-294.0]という感じにテキトーに配置します。8」から変更する気力をなくしてしまったので変更しませんでした。下段の色調整値のミント1が[位置:0%、白]となってるかと思います。9」を複製し、テキトーに配置して、また複製という作業を3回繰り返してみました。こちらは色は全て変更しませんでしたので、位置のみ念のために記載しておきますね。-246.0]としました。この12個の「楕円形パス」をグループ化しておけば整理しやすいかもしれませんね。これで、今回のレンズフレアを構成するために用意するシェイプレイヤーをつくる作業は終わりです。日本VTR実験室をご覧いただき、ありがとうございます。コメントをキャンセルメールアドレスは公開されません。付いている欄は必須項目です。ツイート実験室メンバーOKOKpencomashiandyJBブンブン丸チャオメンバー紹介ページへお気軽にお問い合わせください。日本VTR実験室では、お仕事のご依頼、ブログ・コラムのご感想などを受け付けております。コンテンツ制作でお困りでしたら、お気軽にご相談ください。ご連絡お待ちしております。