Lesson 43 女児向けアニメ風のプリっとかわいいテロップ作る方法 　 今回は女児向けアニメ風のプリっとかわいいテロップを作ってみます。 こんな感じです。 　 ゼロから作る時間がなくて、カスタマイズから始めたい方はこちら コードを購入 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）計画を練る まず、一番上にあるのは3Dテキストで、ベベルという立体感を出すエフェクトを入れています。 次にあるのが境界線で、前回と同じように「テキストと同じ形の背景」を作って、それを「膨張」させて作ります。 一番下にある境界線も同じ要領で「テキストと同じ形のグラデーション背景」を作って、それを「膨張」させた後に、「シャドウ」エフェクトで影を付けています。 この形を作った後に、テキストを「モディファイアー」の「フォロワー」を使って動かしています。 ３）3Dテキストを作る では3Dテキストを作るところから行ってみましょう。 まずは、エフェクト→Fusionコンポジションを選び、 ビデオ１に配置します。 右クリックして「Fusionページで開く」を押します。 ノードエディターが開いたら、テキスト3Dのアイコンをドラッグして、 ノードエディターに配置します。 インスペクタ側で 「魔法少女が大活躍!!」と打ち込みます。 フォントは平成丸ゴシックStd、カラーは赤よりのピンク、サイズは0.2にしました。 テキスト3Dの左側の◯を白くして、左側モニターに映すと、 確かに3D空間に配置されています。 次に、Text3Dノードを選択した状態で、 カメラを押して、続けてレンダラー3Dを押します。 すると自動的に、間にMerge3Dを入れてくれるので便利です。 さらに、Tools→3D→ライト→平行ライトをノードエディターにドラッグし、 Merge3Dにつなぎます。 ついでに、MediaOutにもつないでおきましょう。 今の状態では右側のモニターに何も映っていないと思いますが、これはカメラの初期位置がテキストに近すぎるせいです。 ということで、Camera3Dを選択した状態で、 変形のタブを開き、並行移動Zを3.3まで増やします。 これで、モニターに文字が映りました。 次に、ライトの位置も調整していきますが、先にRender3Dの「コントロール」タブで、 ライティング→有効化にチェックを入れておきます。 これをしておかないと、モニターにライトの影響が映りません。 次に、DirectionalLightを選択し、強度を少し落とします。 初期設定だとちょっと白く飛びすぎている感があるので、0.69にしました。 次は文字に立体感を足していきます。 Text3Dを選択して、「押し出し」のところで 押し出しの奥行き　0.01 ベベルの奥行き　0.02 ベベルの幅　0.02 に設定します。 これで文字に立体感が追加されました。 ４）境界線１を作る ではこの3D文字をベースに、境界線を付けていきましょう。 背景アイコンをドラッグして、ノードエディターに追加します。 Rederer3Dから、Backgroundの水色の三角につないで、さらに「侵食／膨張」をつなぎます。 そしてこれをMergeでつなぎます。 文章で書くとややこしいのですが、 こういうことです。 文字のレイヤーの下に、「文字の形に切り抜いた背景」を作って合成した、という構成になっています。 Backgroundのカラーを白にします。 さらに、ErodeDilateを選択し、 フィルターを円形、適用量を0.005に増やします。 ５）境界線２を作る 同じ要領で今度はグラデーションの境界線を作ります。 ノードの構成は似たような感じで、 「背景」と「侵食／膨張」をMergeでつなぎます。 ErodeDilateの適用量を0.01に、 Backgroundは明るい水色と明るいピンクのグラデーションにして、 開始X 0.0, 開始Y 0.5 終了X 0.05, 終了Y 0.4、 リピートはPing-Pongにします。 さらにドロップシャドウを付けておきましょう。 Tools→エフェクト→シャドウを選択し、 グラデーションをつけた方のErodeDilateにつなぎます。 Shadowを選択し、 シャドウのオフセットYを少し下げ、 ソフトネスの値を少し上げます。 これでテロップの形はできました。 ６）テキストを1つずつ動かして出す 最後にテキストを1つずつ動かして登場させましょう。 Text3Dを選択し、入力枠の右側にある◆を右クリックし、 「フォロワー」を選択します。 すると、右上の「モディファイアー」というタブが押せるようになるので、 これを押します。 変形のタブを開き、 タイムラインのカーソルを8フレームのところに合わせてから、 回転Yの右にある◆を押してキーフレームを打ちます。 また、シェーディングのタブを開き、 プロパティ→不透明度の◆も押してキーフレームを打ちます。 今やった作業で、「8フレームの段階でちょうどこのテロップの正面になる」という設定になりました。 続いてタイムラインのカーソルを0フレームまで戻します。 そこで、 回転Y 90.0度 不透明度　0.0 にしてから、 […]

Lesson 42 パーティクルを使った家電量販店風の広告を作る方法 先日、ある家電量販店の前を歩いていたら、いい感じの広告があったので、真似してみました。 こんな感じです。 　 ゼロから作る時間がなくて、カスタマイズから始めたい方はこちら コードを購入 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）計画を練る 今回は結構なレイヤーが重なる構造なので、一応計画を練りましょう。 まず、上のレイヤーから見ていくと、 １番上）テロップ ２番目）パーティクル（キラキラ） ３番目）放射状の線 ４番目）茶色い背景 という感じになっています。 １番上）テロップは別に作ったほうがタイミングをはかりやすいので、 まずは、下地にあたる ２番目）パーティクル（キラキラ） ３番目）放射状の線 ４番目）茶色い背景 これを作っていきましょう。 ３）茶色い背景を作る まず、エフェクト→Fusionコンポジションを選択し、 ビデオ１に配置します。 右端を引っ張って、30秒くらいになるようにしておきます。 右クリックして「Fusionコンポジションで開く」を押します。 まずは背景をノードエディターにドラッグして配置します。 Backgroundを選択した状態で、 インスペクタ側で、 グラデーションの種類　Radial 開始　X 0.5, Y 1.0 終了　X 0.5. Y -0.35 グラデーション　茶色〜黒っぽい茶色 という感じに設定します。 こんなグラデーションになりました。 ４）放射状の線を作る では、次に放射状の線を作りましょう。 ファストノイズをノードエディターにドラッグして配置します。 FastNoiseを選択した状態で、 インスペクタ→イメージのタブを開き、 自動解像度のチェックを外してから、 幅 4000, 高さ 4000まで増やします。 この後このファストノイズが「放射状の線」になるんですが、正方形にしておきつつ、タイムラインの解像度よりも2倍くらい大きくしておくと、後で配置する時に便利なのです。 次に、カラーのタブを開き、 カラー２を黄色くしておきます。 ノイズのタブを開き、 X/Yをロックのチェックをはずし、 スケールXを大きく、逆にスケールYは小さくします。 こうすることで、縦線がたくさんあるような感じになります。 コントラストと明るさも操作します。 今、こんな感じです。 実はLesson 11で作ったカーテンと手順が同じです。 次に、Tools→ワープ→座標空間をノードエディターにドラッグし、 ファストノイズとつなぎます。 CoodinateSpaceを選択した状態で、 形状を「極座標から直交座標」に変えます。 これで、放射状の線が描けました。 ではこれを背景と合成します。 マージを一つノードエディターに配置し、 緑の三角（上のレイヤー）にCoodinateSpaceを 黄色の三角（下のレイヤー）にBackgroundをつなぎます。 Mergeを選択し、インスペクタ側で適用モードを「比較（明）」にします。 ゲインとブレンドも調整します。 これで、放射状の線と背景が合成できました。 ただ、今回の動画では、画面の上から放射状の線が降ってくるようなイメージにしたいので、放射状の線をもう少し上に移動させましょう。 ということで、Mergeの前にトランスフォームを入れます。 Transformを選択して、インスペクタの変形→センターYで放射状の線を画面上部に移動させます。 これで、放射状の線はできました。 ５）パーティクル（キラキラ）を作る 次に、上から降ってくるキラキラを作りましょう。 pエミッターと、pレンダーを続けて押して、ノードエディターに配置します。 pEmitterを選択し、 領域タブで、領域をRectangleにします。 長方形の領域を画面の上の方に配置して、そこからたくさんのパーティクルが降ってくるようにします。 スタイルのタブで、NgonのSoft Circlarを選びます。 フェードコントロールで0.2から0.8にしておくと、パーティクルが滑らかに現れるようになります。 サイズは2.0にしました。 コントロールタブで、数と変化を設定します。 上から下に向けて降ってくる感じにしたいので、ベロシティの角度は-90度を基本にし、角度の変化を180度にして、いろいろな方向に飛ぶようにしかけました。 こんな感じになりました。 では、背景と合成してみましょう。 マージを一つ用意し、 緑色の三角（上のレイヤー）に、今作ったパーティクルを、 黄色の三角（下のレイヤー）に、放射状の線の背景をつなぎます。 Mergeを選択して、インスペクタ→マージ→適用モード→「覆い焼き（カラー）」にしておきます。 これで背景は完成です！ ただ、僕のMacではとても動作が重くなって、全然なめらかに再生してくれなくなりました。 […]

Lesson 39 派手なテロップを光の線でなぞる方法（ライトスイープ） 今回は、テロップや画像を光の線でなぞって強調する方法、いわゆるライトスイープについてご紹介します。 After Effectsには、正にそのままのエフェクト「CC Light Sweep」があるので簡単なのですが、DaVinci Resolveにはないので、それっぽく作ってみます。 こんな感じです。 　 カスタマイズから始めたい方はこちら コードを購入 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）派手なテロップを作る では「派手な文字」を作るところからやっていきましょう。 エフェクト→Fusionコンポジションを選択し、 ビデオ１に配置します。 右クリックして「Fusionページを開く」を押します。 空のノードエディターの部分に、文字ボタンをドラッグして、textを配置します。 Textノードの左側の穴を白くして、左側モニターに表示させておきます。 Textを選択した状態で、インスペクタ側で文字を打ち込みます。 今回は「今だけ半額!!」としました。 フォントはメイリオのボールド。ライトスイープには太めの文字がよく合います。 サイズは少し大きくしておきます。 次に、文字をグラデーションのゴールドにしていきます。 まずはグラデーション情報を用意したいので、 コピペで簡単！DaVinci Resolve fusion用グラデーションのページに行き、ゴールド５をコピーし、ノードエディターにペーストして貼り付けます。 Gradient_BGを選択した状態で、グラデーションが設定されているバーの右側にある白い◆を右クリックし、「パブリッシュ」を押します。 この作業で、グラデーションの情報を他のノードに使うことができるようになります。 再びTextを選択し、シェードのタブを開きます。 この「シェード」が文字の装飾をしていくタブなので、この後はしばらくシェード作業が続きます。 まずは シェーディングエレメント→エレメントを選択→１ を選択し、 タイプ→グラデーションに変更します。 黒から白のグラデーションバーが現れるので、このグラデーションバーの右側の◆を右クリックして、 接続→Gradient_BGグラデーション→値 を押して適用します。 うまくいくと、ゴールドのグラデーションに変化します。 次に文字に境界線をつけて行きたいので、 シェーディングエレメント→エレメントを選択→２ を選択し、有効にチェックを入れます。 カラーを黒に、太さを少しあげて0.05くらいにします。 ちなみに、シェード２の名前は最初からRed Outlineという名前がついています。私は面倒なのでそのままにしてありますが、分かりにくいと思う方はBlack Outlineなどに変更しておいてください。 　 次に シェーディングエレメント→エレメントを選択→５ を選択し、 プロパティ→外観→テキストの縁取り に変更します。 さらに、 タイプ→グラデーションの右側の◆を右クリックし、 文字の色と同じ方法でゴールドのグラデーションを適用します。 これでだいぶ派手になったのですが、せっかくなのでドロップシャドウも付けておきましょう。 シェーディングエレメント→エレメントを選択→３ を選択し、有効にチェックを入れます。 さらに、位置→優先順位を3.0まで下げ、 オフセットX→0.06、オフセットY→ -0.06に設定します。 この「優先順位」の値が大きいほど画面の手前に見えてくるという設定になっていて、 実はシェード１（文字のグラデーション）は「8.0」 シェード２（黒い枠線）は「7.0」 シェード５（枠線のグラデーション）は「4.0」にしてありました。 なので、今回のシェード３（黒のドロップシャドウ）は「3.0」として、一番後ろに来るようにしたということです。 これで、派手なテロップ（ダブルエッジ＋ドロップシャドウ）が出来上がりました。 ３）光の線でなぞる では、文字を光らせて行きましょう。 エフェクト→ブラー→ソフトグローを選択し、 ノードエディターにドラッグします。 Text→SoftGlow→MediaOut になるようにつなぎます。 すると文字全体が光っています。 今回は一部だけ光らせて、しかも光る部分を動かしたいので、ソフトグローにマスクを適用します。 四角形ツールをノードエディターにドラッグして、SoftGlowの水色の矢印に入れます。 Rectangleを選択し、 ソフトエッジ→0.02 幅→0.07 高さ→0.7 角度→ -30 に設定します。 この値は厳密なものではなくて、なんとなく右上がりの長方形になっていればいいという感じで作っています。右上がりなのは好みなので、右下がりでも、角度をつけなくても良いです。ここはお好みで。 次に、この光っている部分をキーフレームで動かします。 タイムラインのカーソルを10フレームに合わせて、 RectangleのセンターXを左にドラッグして、文字が光らない位置まで移動させてから、 センターXとセンターYの右にある◆をクリックして赤くします（キーフレームを打ちます）。 続いてタイムラインのカーソルを40フレームに合わせて、 センターXの値を大きくして、こちらも文字が光らない位置まで右側に移動させます。 これで再生してみると、光の帯が左から右に抜けていくようなエフェクトがつけられました！ ４）文字を飛び込ませる 最後に文字を飛び込ませて派手に登場させましょう。 変形ボタンをドラッグしてノードエディターに配置し、 SoftGlowとMediaOutの間にトランスフォームを入れます。 カーソルを8フレームのところに持っていき、 Transformを選択した状態で、サイズの◆を赤くしてキーフレームを打ちます。 […]

Lesson 38 写真をレトロポップな印象にするハーフトーンエフェクトを使う方法 今回は画像や文字をドットで描いたような雰囲気に変える「ハーフトーン」エフェクトについてご紹介します。 Photoshopにはフィルターギャラリーの中に「ハーフトーンパターン」として標準で搭載されているので、簡単に加工することができるのですが、DaVinci Resolveのエフェクトの中には「ハーフトーン」がありません。なので、今回はいくつかのエフェクトを組み合わせて「ハーフトーン」を作っていきます。 　 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）ハーフトーン部分を作る まずは「ハーフトーン」らしい部分であるドットの集合体を作りましょう。 エフェクト→Fusionコンポジションを選択し、 ビデオ１に配置します。 右クリックして「Fusionページを開く」を押します。 空のノードエディターの部分に、背景ボタンを押してBackgroundを配置します。 左側の丸を押して白くし、左側モニターに映しておきましょう。 Backgroundを選択した状態で、インスペクタ側で、 種類→グラデーション グラデーションの種類→Radial 開始X 0.5 Y 0.5 終了X 1.0 Y 1.0 に設定します。グラデーションの色は黒から白のままです。 さらに、イメージのタブを開き、 自動解像度のチェック→外す 幅　→ 1080　と変更して、グラデーションを正方形にします。 すると、モニターはこんな感じになっていると思います。 白背景に、ぼんやりとした黒が広がっている感じですね。 次に、Tools→変形から、「変形」と「クロップ」をドラッグしてノードエディターに配置します。 Background → Transform → Crop　となるようにつないでください。 ここで、Transformを選択し、インスペクタ側で、 サイズ→0.02 角度→15 エッジ→ミラー にします。 これで、先ほどの正方形のグラデーションを小さくして画面いっぱいに配置できました。 次につないでおいた「クロップ」は、画像の画角サイズを16:9に戻す役割をしています。 最初から1920×1080になっていると思いますが、もし違っていたら1920×1080になるようにしてください。 ３）画像と合成する では、ハーフトーン部分ができたので、何か画像と合成してみましょう。 ビンテージ感のあるエフェクトなので、こちらの味のある車の写真を使ってみます。 UnsplashのWolf Schramが撮影した写真 こちらの画像データをノードエディターにドラッグします。 少し縦が短いので、こちらにもクロップを追加して、サイズを1920×1080に合わせておきましょう。 「センターに維持」をチェックしておくと、自動的に真ん中に寄せてくれるので便利です。 ハーフトーン部分と車の写真を合成するために、 Tools→Miscellaneous→カスタムツールをノードエディターにドラッグします。 ハーフトーン素材の方を緑色の矢印側に、 車の写真素材の方を、黄色の矢印側につなぎます。 カスタムツールからMediaOutにもつないでおきましょう。 CustomToolを選択した状態で、 チャンネルのタブを開き、 赤のところに if(c1+c2>1, 1, 0) と打ち込みます。 これは「ハーフトーン素材と写真素材の赤チャンネルの値を足した場合に、1より大きければ1に、そうでなければ0にする」という指示になっていて、結果的にハーフトーン素材に似た模様が現れるようになっています。写真の青っぽいところや、黄色っぽいところに模様が現れていないのが面白いですね。 同様に緑と青のチャンネルにも if(c1+c2>1, 1, 0) と打ち込みます。 これでハーフトーン加工の完成です！ Transformのサイズや角度を調整すると、ドットの大きさを自由に変えられます。 写真を動画に変えても同じようにハーフトーン加工できるのでいろいろ試してみてください。 　

Lesson 33 グランジ加工でかすれた感じの文字を作る方法 ロックでワイルドな印象で、かっこいい系のテキストによく使われるグランジ加工をやってみます。 こんな感じです。 では、早速やってみましょう。 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）グランジ素材を用意する 今回はイラストACで「グランジ素材」と検索して、 以下の素材をPNGでダウンロードしてきました。（※JPEGだと作り方が変わっちゃうので、PNGでダウンロードしてください。） https://www.ac-illust.com/main/detail.php?id=1382748&word=%E3%82%B0%E3%83%A9%E3%83%B3%E3%82%B8 こちらを使って作っていきます。 　 まず、エフェクト→Fusionコンポジションを選択し、 ビデオ１にドラッグします。 タイムラインのFusionコンポジションを右クリックして、 「Fusionページで開く」を押します。 Fusionページが開くので、テキストをドラッグして、ノードエディターに配置します。 一旦MediaOutにつないでおきましょう。 右にあるインスペクタ側で、「グランジ」と文字を打ち込みます。 フォントはヒラギノ角ゴシック W8、 文字色は白、サイズは大きく0.29、トラッキングは少し小さく0.93にしました。 グランジ加工には、太めのゴシック体が良く合います。 次に、ここに先ほどダウンロードしてきたグランジ素材をドラッグして配置します。 試しに、Text1の青い三角（マスク用の入力）につないでみましょう。 すると、モニターはこんな感じになります。 以前、「テクスチャ入りの文字を作るという回」で説明したのと構成は似ているのですが、グランジの素材が「透明な背景に黒いノイズの点々」という素材なので、この透明でない「黒いノイズの点々」のある部分がマスクで生かされて、「白いノイズのある点々」として表示されているという状態になっています。 つまり、文字の色を黒にすると、「黒いノイズのある点々」になるはずです。 ということで、Text1を選択して、文字の色を黒にしてみましょう。 すると、モニターは「黒いノイズのある点々」に変わりました。 この後の作戦としては、この「黒いノイズのある点々」のピッタリ真下に、同じ白い文字を配置することで、「白い文字の中に黒いノイズのある点々」＝＞つまりグランジ加工ができるはずです。 ３）グランジ文字と、白い文字を合成する では、まずText1を選択して、⌘＋Cでコピーして、⌘＋Vでペーストします。 新しい方のテキスト Text1_1を選択し、文字の色を白にしておきます。 次に、マージをドラッグしてノードエディターに配置し、 Text1（黒い点々の方）を緑色（上側レイヤー）に、 Text1_1（白い文字の方）を黄色（下側レイヤー）につなぎます。 これで、グランジ加工された文字を合成することができました。 ４）グランジの位置を調整する 今回はたまたまこれで素敵なグランジですが、文字によってはイマイチだと思うかもしれません。 そういう場合は、グランジ素材の位置をずらしたり、拡大縮小することで改善できるかもしれません。 ということで、トランスフォームを「グランジ素材」とText1の間に入れます。 Transform1を選択し、サイズ、角度、位置などを調整します。 今回は、サイズを0.6、角度を-5にするといい感じになりました。 ５）テロップに動きをつける せっかくなので、テロップに動きを付けましょう。 Mergeの後にもう一つトランスフォームをいれて、ここにキーフレームを打っていきます。 Transform2を選択した状態で、 6フレーム目にカーソルを合わせてから、 サイズの◆を押して、キーフレームを打ちます。 角度を少し付けたいので、角度は6にしておきます。（こちらはキーフレームを打っていません） カーソルを0フレーム目に合わせて、 サイズをとても大きくします。ここでは6にしました。 さらに、90フレーム目にカーソルを合わせて、 サイズを1.1にします。 これで、とても大きい文字→飛び込んできて決まる→さらに徐々に大きくなる という定番の飛び込みエフェクトを付けられました。 さらに、Transform2の設定のタブで、 モーションブラーにチェックを入れます。 これで、0フレーム〜6フレームの、スピードを出して飛び込んでくるところにモーションブラーがかかるようになり、さらにスピード感が出てきます。 今回はこれで完成です！ 文字色は白、グランジの色は黒にしましたが、これらは何色にでも変えられます。 ピンク文字に黄色グランジとか。こんな感じの映画ロゴ、昔ありましたよね？ 　

Lesson 29 パーティクルエフェクトを駆使して炎を作る方法 After Effectsのパーティクルで炎を作る方法はいろいろと知られていますので、今回はそれを真似してDaVinci Resolveで炎を出してみたいと思います。 こんな感じです。 では、早速やってみましょう。 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）パーティクルを発生させる エフェクト→エフェクト→Fusionコンポジションを選択して、ビデオ１にドラッグします。 今回は少しクリップを長くしておきたいので、タイムラインに配置したFusionコンポジションをトリミングして15秒くらいまで伸ばしておきます。 タイムラインの下にあるFusionマークをクリックして、Fusionページに行きます。 まずはパーティクルを発生させます。 Tools→パーティクルのところから、 pエミッターと、pレンダーをノードエディターにドラッグして、 とりあえずMediaOutにつなぎます。 これで少し再生すると、右側モニターに白いつぶつぶが沢山現れてきます。 ではパーティクルを炎っぽい色味に変えていきましょう。 pEmitterを選択した状態で、インスペクタ側で、 まずは「スタイル」の設定です。 Style→Blob にした上で、以下のような設定にします。 Color Over Life Controlsというのが パーティクルが生まれて、消えるまでの間の色の変化を表しています。 赤で生まれて、途中オレンジ色になり、最後また赤く消えていくようにしてあります。 また、Size Over Lifeのグラフも、中ぐらいで生まれ、途中大きくなって、最後には小さくなるようなカーブにしてみました。 次に「コントロール」の設定です。 数は40、持続時間は30フレームにしました。 パーティクルが飛んでいく力と向きを表す「ベロシティ」は0.03にして、向きは上向きになるように90°に設定、向きが少しブレるように角度の変化を20°にしました。 少し再生すると、赤とオレンジの粒子が上に飛んでいく感じになりました。 炎の真ん中を少し白くしたいので、パーティクルを複製して合成します。 pEmitterをコピー＆ペーストして複製し、pMergeでつなぎます。 複製した方のpEmitterを選択し、スタイル→Color Over Life Controlsを操作して、ずっと白にします。 コントロールの方は、ベロシティをさらに弱くして、 角度の変化を360°にします。こうすると全ての方向にパーティクルが飛んでいくことになるので、結果的にどこにも飛んで行かず丸い感じになります。 さらに領域→サイズを狭めて、0.06にします。 これで、なんとなく炎っぽくなってきました。 ３）見た目を炎に近づける では、徐々に見た目が炎っぽくなるようにしていきましょう。 まず、ワープ→ディスプレイスと、 ジェネレーター→ファストノイズを pRenderの後に追加します。 ファイストノイズは少しディテールとコントラストをあげて、 ディスプレイスで屈折の強度を上げます。 するとなんとなく炎の形が変わります。 今回はこのくらいの値にしてみました。 次に、ブラー→方向ブラーで縦方向にボカします。 だいぶ、炎っぽくなってきました。 次に、ワープ→ベクトルディストーションを追加します。 パーティクルのつぶつぶがぼやけて、炎が光っているようになってきました。 さらにうねりを加えましょう。 OpenFX→ResolveFX ワープ→うねり　を追加します。 強く掛けると効きすぎちゃうので、軽く揺らぐ程度にかけます。 さらにワープ→渦もかけてみましょう。 これも強くすると炎とかけ離れてくるので、軽くかけます。 最後に、カラー→カラーコレクターで色味を少し派手にしたら完成です！ 少しうねりをもった、なかなか かっこいい炎ができました！ 魔法使いと合成すると、炎の魔法を出しているようにもできますね。 これで完成です！ （魔法使いと合成前の）最終的なノードはこんな感じです。 すごく長くなっちゃったのですが、 炎の形になるようにパーティクルを出す →縦方向にぼかして、光らせる →炎らしくなるように、うねりや渦で形を整える →さらに色味を整える という流れでやれば様々な大きさ、色、形の炎が作れると思います。 ぜひ試してみてください！ 　

Lesson 27 マーカーペンでなぞった軌跡に沿って文字を表示させる方法 太いマーカーペンでなぞった部分だけ、その軌跡にそって文字や画像が表示されるというエフェクトを見たことがあるかもしれません。 今回はHappy Birthdayという文字を、マーカーペンの軌跡に沿って表示させてみます。 こんな感じです。 では、早速やってみましょう。 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）仕組みを理解する どういう仕掛けになっているか説明します。 まず、黒い背景に、白いマーカーペンで軌跡を書きます。 これはFusionページで、背景レイヤーに、ペイントというノードをつなぐことで作れます。 これを「輝度マスク」として、以下のような画像に適用します。 白い部分が表示され、黒い部分が透明だと認識されるようになって、 結果的に、白い部分だけが表示されるようになります。 あとは、この白いマーカーペンに動きを付けてやることで、 マーカーペンの軌跡にそって、徐々に文字（画像）が表示されるアニメーションにできるというわけです。 この「白いところは輝度が100%→表示される（不透明）」 「黒いところは輝度が0%→表示されない（透明）」という考え方はIllustratorの不透明マスク、Photoshopのレイヤーマスク、After Effectsのルミナンスキーマットなど、ほかの合成ソフトでも共通しているので覚えておくと便利です。 ちなみに50%グレーの場合は、50%透明で表示されます。グレーの度合いで表示される割合が決まるというのも、輝度のマスクの面白いところです。 ３）白いマーカーペンで軌跡を描く まずは、素材を用意しましょう。 イラストACから、以下の2つのPNG画像をダウンロードしてきます。 JPEGだと透明部分が付いてこなくて厄介なことになるので、PNGをダウンロードしてください。 誕生日パーティー素材セット かわいいロウソクのバースデーフレーム テキストを表示するところを先に作っていきます。 最終的に、ビデオ１に白い背景、ビデオ２にはロウソクのフレームを配置したいので、テキストにあたる「誕生日パーティー素材セット」はビデオ３にに配置します。 配置したクリップを右クリックして「Fusionページで開く」を押します。 Fusionページのノードエディターを見ると、MediaInとMediaOutだけになっていると思います。 次に、背景とペイントをノードエディターにドラッグしてきて、Background→Paintの順につなぎます。 これで、黒い背景にペイントできるようになりました。 Paintを選択した状態で、モニターの上の方を見ると色々とツールが表示されるのですが、今回はPolylineStrokeを使います。 PolylineStrokeを押してから、左側モニターをクリックしていくと、こういう折れ線を描くことができます。 適当な白い折れ線が描けたところで、一旦MediaInにつないでみましょう。 このままだとまだ右側モニターには変化がありません。 ここで、MediaInを選択した状態で、右側のインスペクタ側で 設定→設定→チャンネル→輝度 に変更します。 この設定で「白いところは表示（不透明）、黒いところは非表示（透明）」という意味になり、先ほどペイントで描いた白い部分だけが、表示されるようになりました。 ただ、このままだと、変なところが表示されていて、うまく行ってないですね。 ちゃんとHappy Birthdayの文字だけ表示されるように調整し直しましょう。 一度、PaintとMediaInの接続を切り、 MediaInの左側の丸を白くし、 Paintノードを選択してください。 そうすると、左側モニターには画像全体が表示されつつ、 ペイントの軌跡も表示されるという便利な状態になります。この状態でPolylineStrokeで軌跡を描いていきましょう。 元々試しに書いていたPolylineStrokeは矢印ツールで囲んでDeleteすると消すことができるので、一旦消してから始めます。 ※めんどくさい場合は、Paintノードをもう一度出してつなぎ直しても良いです。 PolylineStrokeを押してから、文字をなぞるように、ギザギザと軌跡を描いていきます。 一旦MediaInにつないで確認してみましょう。 文字の部分が表示されていますが、線が細いために、まだうまく全体の文字が抜けていないようです。 ということで、Paintノードを選択した状態で、インスペクタ側で、 ブラシコントロール 　　サイズ　0.07 　　ソフトネス　0.3 に設定します。 かなり文字は見えるようになりましたが、逆にその他の装飾も少し表示されてしまっています。 このままだと、ゴミみたいに見えるので、ペイントの方の「点」を微調整して、ゴミが見えないように調整します。 これで、綺麗にマスクが切れたので、最後にこのペイントの軌跡をアニメーションさせます。 タイムラインのカーソルを30フレームのところに持っていきます。 タイムラインフレームレートを元々29.97で設定しているので、だいたい1秒のところという意味ですね。 次に、Paintノードを選択した状態で、 ストロークコントロール→端から表示　の右側の◆をクリックして赤くします。 タイムラインのカーソルを0秒に持って行った後に、 ストロークコントロール→端から表示　のスライダーを一番左に動かします。 これで再生してみると、ペイントで書いた白い線の軌跡にそって、Happy Birthdayの文字が表示されるアニメーションがついていると思います。 ４）背景を整える では最後に、背景を整えていきましょう。 エディットページに戻り、 エフェクト→ジェネレーター→単色をビデオ１にドラッグします。 ビデオ１の単色を選択した状態で、 インスペクタ→ジェネレーター→カラーを選択し、白にします。 次に、ダウンロードしておいた「ロウソクの画像」をビデオ２にドラッグします。 すると、ちょっと背景に対して、文字が小さい感じがするので、調整しましょう。 ビデオ３のHappy Birthdayの画像を選択した状態で、 インスペクタ→変形 　　ズーム　1.5 　　位置　X　0, Y 142 に修正して、Happy Birthdayの文字の大きさを整えます。 これで完成です！ 同じ手法で、英語の筆記体の文字をザックリなぞって出すこともできますので、ぜひ使ってみてください。 ※厳密にやろうとすると結構大変なのですが・・・、ザックリならいけます！ 　

Lesson 25 検索窓に文字をタイプライター風に打ち込む方法 時々クライアントから「最後の情報部分に検索窓を入れて欲しい」と言われることがあります。 角丸の四角と文字で構成することもありますが、今回は虫メガネマークを使って作ってみます。 こんな感じです。 では、早速やってみましょう。 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）Fusionで検索窓を作る 検索窓は、横長で角丸の長方形と、虫メガネマークで作れそうです。 まずは、横長で角丸の長方形を作りましょう。 エフェクト→エフェクト→Fusionコンポジションを選択して、ビデオ１にドラッグします。 今回は少しクリップを長くしておきたいので、タイムラインに配置したFusionコンポジションをトリミングして15秒くらいまで伸ばしておきます。 タイムラインの下にあるFusionマークをクリックして、Fusionページに行きます。 まず、エフェクトのツールから、 Tools→シェイプ→s四角形を押します。 すると、ノードエディター側に、sRectangleというノードが現れます。 シェイプの一覧には似た様な感じで「sなんとか」というものが沢山ありますが、これは「シェイプだよ」という意味です。 そして、シェイプ系のノードは、必ず「sレンダー」と一緒に使わないと次に進めないルールになっていますので、sRectangleを押した状態で、「sレンダー」を押してつなぎます。 さらに、MediaOutにつないでおきましょう。 sRenderの左側の丸を白くしておくと、左側モニターはこんな感じで、透明の背景に大きい白い四角が表示されていると思います。 では、このシェイプを変形していきましょう。 sRectangleを選択した状態で、右上のインスペクタに行き、 ソリッド　チェックを入れる オフセット（Y）　-0.2 幅　0.5 高さ　0.05 角の丸み　1.0 に、設定します。 すると、モニターはこんな感じの「アイスの棒」みたいな角丸の四角になったと思います。 今回は角の丸みを1.0にしたので完全に「アイスの棒」ですが、ほどほどに角丸にすることもできるので、お好みで調整してください。 これで検索窓の枠ができました。 ２）虫メガネマークを検索窓に乗せる 次に虫メガネマークを検索窓に乗せていきます。 「コピペで簡単！DaVinci Resolve fusion用マスク」のページに行き、 検索１をコピーします。 ノードエディターの何もないところにCommand+V（WindowsではCtrl+V）して貼り付けます。 すると、Search1というノードが登場したと思います。 背景ボタンを押し、Backgroundノードを登場させ、Search1→Backgroundの順でつなぎます。 元々背景ノードは黒い平面です。「黒い平面」を「虫メガネの形」で切り抜いたので、黒い虫眼鏡になっていると思います。 では、これをうまく検索窓に合成していきましょう。 虫メガネの大きさをちょうど良くするために、Backgroundを押した状態で変形ツールを押し、さらにMergeでつなぎます。 Mergeでつなぐときに、虫メガネが上、検索窓が下にくるように、 虫メガネ側（つまりTransform）は緑の矢印に、 検索窓側（つまりsRender）は黄色の矢印につなぐようにしてください。緑上黄下。 今、MediaOutの右の丸を白くしておくと、右モニターにはこんな感じで表示されていると思います。 では、虫メガネを正しい位置に持っていきましょう。 Transformを選択した状態で、 インスペクタ側の設定を、 センター　X 0.71　Y 0.14 サイズ　0.25 に設定します。 これで、うまく検索窓に黒い虫メガネを配置することができました。 ３）検索してほしいテキストを入れる ここで、画面下にあるエディットボタンを押して、一度エディットページに戻りましょう。 エフェクトから タイトル→テキスト＋を選択し、ビデオ２にドラッグします。 長さはFusionコンポジション（検索窓の画像）にそろえておきます。 タイムライン上で、テキスト＋を選択した状態で、 インスペクタ側でテキストを打ち込んでいきます。 テキスト 　テキスト　仕事で使える動画制作 　フォント　ヒラギノ角ゴProN　W6 　サイズ　0.0405 レイアウト 　センター X 0.48 Y 0.148 に設定したところ、うまく検索窓にフィットしました。 視聴者に検索してもらいたい言葉はその都度違うと思うので、うまく入りきらない場合や、検索窓があまり過ぎちゃう場合は、Fusionに戻り、sRectangleの幅を調整して合わせるようにしてください。 ４）テキストを一文字ずつ表示されるようにする 最後にタイプライターで打ったようにテキストを一文字ずつ表示させます。 タイムラインのカーソルを1秒ちょうどのところに合わせます。 タイムライン上のテキスト＋を選択した状態で、 インスペクタ→テキストの設定の下の方にある 「端から表示」の右の◆をクリックして赤くします（キーフレームを打ちます）。 タイムラインのカーソルを0秒まで戻します。 「端から表示」の右側の丸を左にドラッグします。（もしくは、終点を0.0に設定します。） これで、1秒の尺で、文字がタイプライターで打ったみたいに一文字ずつ表示されるアニメーションをつけることができました。 今回はこれで完成です！ タイプライターの打ち込むスピードは最後のキーフレームを打つところで調整できるので、気持ちの良いスピードを探ってみてください。 　

Lesson 22 黄金色（ゴールド）に輝く文字を作る方法 リッチな印象や、ゴージャスな雰囲気を出したい時に黄金色（ゴールド）に輝くテロップを入れたくなることがあります。 Photoshopでゴールドの文字を作る方法はたくさん紹介されていますが、DaVinci Resolveの標準エフェクトだけで作ってみます。 こんな感じです。 では、早速やってみましょう。 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）Fusionでグラデーションの文字を作る エフェクト→エフェクト→Fusionコンポジションを選択して、ビデオ１にドラッグします。 タイムラインに配置したFusionコンポジションをトリミングして15秒くらいまで伸ばしておきます。 タイムラインの下にあるFusionマークをクリックして、Fusionページに行きます。 画面中段にあるテキストのアイコンを押します。 ノードエディターにText1のノードが現れるので、これを選択した状態で、 インスペクタで、 テキスト　GOLD フォント　Trajan Pro 3 　　　　　Bold サイズ　0.15 に設定します。 Trajan Pro 3は僕が好きでよく使うフォントだというだけで、太めのフォントであれば明朝形でもゴシック形でも合うと思います。ここはお好みで変更してみてください。 Text1の左側の穴を白くすると、左側モニターには白い文字でGOLDと表示されると思います。 次に、ゴールドなグラデーションを設定します。 以前 Lesson 12で、グラデーションを設定したように、細かく数値を打ち込んでいってもいいのですが、なかなか面倒くさいので、僕が作ったグラデーション平面をコピペしてください。 以下のボタンを押すとクリップボードに情報がコピーされるので、ノードエディター側でペーストしてください。 { Tools = ordered() { GOLD_Gradient = Background { CtrlWZoom = false, NameSet = true, Inputs = { GlobalOut = Input { Value = 449, }, Width = Input { Value = 1920, }, Height = Input { Value = 1080, }, UseFrameFormatSettings = Input { Value = 1, }, [“Gamut.SLogVersion”] = Input { Value = FuID { “SLog2” }, }, Type = Input { Value = FuID […]