Lesson 30 インクのしみが広がっていくようなトランジション（切り替え効果）を作る方法 紙にインクをこぼした時に、インクのしみが広がっていくような感じで画面が切り替わるトランジションエフェクトを作ってみます。 こんな感じです。 私もWebCMを作る際、ダークな雰囲気を出しながら画面を切り替えたい時によく使っています。 では、早速やってみましょう。 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）丸いシェイプを加工する 今回の作戦は、 ・丸いシェイプを用意する ・輪郭をインクのしみのように変化させる ・小さいインクのしみ→大きいインクのしみ→画面全体　と変化させることで、この「しみの形」に従って画面を切り替える。 という感じで行ってみます。 こちらのGeminiに生成してもらったうさぎのイラストを、猫のイラストに切り替えます。 まず、切り替えたい画像（うさぎ）をビデオ１に配置します。 タイムライン上で画像を右クリックして、Fusionで開くを押します。 するとノードエディターには MediaIn→MediaOutだけのノードが現れます。 今回はここからスタートします。 次にツール→シェイプから s楕円形とsレンダーをドラッグしてきてMediaInにつなぎます。 すると、シェイプの形（ここでは円形）にうさぎが切り抜かれています。 ここまでだと「Lesson 08 動画を丸く切り抜く方法」と同じ結果ですが、ここからカスタマイズしていきます。 次に、ディスプレイスをsレンダーとMediaInの間に入れて、さらにディスプレイスにファストノイズをつなぎます。 （ディスプレイスはワープの中に、 　ファストノイズはジェネレーターの中にあります。） この時点で、少しシェイプの円がゆがみます。まだ微妙なところですが。 インクをこぼしたみたいになるように、 この形を整えていきます。 ファイストノイズのノードを選択した状態で、 ディテール　2.0 コントラスト　12.0 スケール　10.0 に設定します。 すると、円が変化して、 液体っぽくなったと思います。 うさぎも液体っぽく切り抜かれています。 ちなみにディテールとスケールの値を上げると、液体の粒が細かくなります。 こんなふうに荒々しい感じにすることもできます。 （ディテール　6.0、スケール30.0の場合） ３）シェイプを拡大・縮小してトランジションにする では、シェイプを動かして画面を切り替える効果・トランジションエフェクトにしていきましょう。 sレンダーとディスプレイスの間に、 トランスフォームを入れます。 Transformを選択した状態で、 タイムラインの0秒のところにカーソルをあわせ、 サイズを0にして、◆を押します。 これで、0秒のところでサイズが0というキーフレームが打たれました。 ※キーフレームについて、詳しくは「Lesson 04 動画の中で静止画を動かす方法（キーフレーム編１）」をお読みください。 続いて、タイムラインが30フレームのところで、 サイズを増やしていき、画像が完全に表示されるまで大きくします。今回は3.0にしました。 すると、何もないところから、 うさぎの画像が「インクのしみが広がるように」登場するようになりました。 では最後に、 猫→インクのしみのように変化→うさぎが登場 という形にしましょう。 猫の画像をドラッグし、登場したMediaIn2をマージでつなぎます。 マージでつなぐ時に、「うさぎレイヤー」が「猫レイヤー」の上側になるように うさぎを緑に、猫を黄色につなぐようにしてください。（緑が上レイヤー、黄色が下レイヤーです） これで完成です！ 　

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 28 シェイプとエクスプレッションで回転する星のパターンを作る方法 DaVinci Resolveでは一定のパターンを画面に敷き詰めることができます。 Adobe Illustratorでパターンを作って配置したり、背景素材サイトからもらってきたパターンを使うこともできますが、それだと静止画しかできません。 ここでは星のシェイプが回転するパターンを作ってみます。 こんな感じです。 では、早速やってみましょう。 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）シェイプで星型を作る エフェクト→エフェクト→Fusionコンポジションを選択して、ビデオ１にドラッグします。 今回は少しクリップを長くしておきたいので、タイムラインに配置したFusionコンポジションをトリミングして15秒くらいまで伸ばしておきます。 タイムラインの下にあるFusionマークをクリックして、Fusionページに行きます。 Tools→シェイプのところから、 s星と、sレンダーをノードエディターにドラッグして、とりあえずMediaOutにつなぎます。 「sなんとか」というノードは「シェイプ関係」のノードで、これらのノードは必ずsレンダーにつないで使います。 そうでないと、MediaOutや他のノードにつながらないので、覚えておいてください。 こうすると、右側モニターはこんな感じになっていると思います。 では、こちらをカスタマイズしていきます。 今回は少し丸っこいスターを目指してみます。 sStarのノードを選択した状態で、 インスペクタ側で、 ポイント　5 深度　0.47 ソリッド　チェックを入れる 境界線の幅　0.04 境界線のスタイル　ラウンド に設定します。 すると、星型はこんな感じになっていると思います。 ３）星型と背景をマージで合成する 次に星型と背景を合成します。 sRenderとMediaOutの間に、合成を追加して、さらに背景をつなぎます。 この時に、mergeの緑色に星型シェイプ（ここではsレンダー）、mergeの黄色にBackgroundをつなぐようにしてください。緑が上のレイヤー、黄色が下のレイヤーになるので、反対にしちゃうと背景の下にシェイプが隠れて見えなくなってしまいますので注意です。 このままだと、大きい星が一つあるだけなので、mergeの仕方を変更します。 mergeを選択した状態で、 エッジ→ラップ　に変更し、サイズを0.08まで下げます。 すると黒い背景に星がたくさん並びました。 ４）さらにカスタマイズする もう少しカスタマイズしていきましょう。 星が並んだものをよく見ると、星と星の左右の間隔が離れています。 これは、元々の星のシェイプが16:9で作られているため、左右に何も無い領域が上下に比べて多いからです。 ということで、画像自体を1:1の正方形にしておきましょう。 sRenderを選択し、インスペクタ側で、 自動解像度のチェックを外し、 幅　1080 高さ　1080　に設定します。 すると、sRenderの画像自体が1:1の正方形になり、 星の周りの領域も一定になりました。 これで、右側モニターでも星がきれいな等間隔に並びました。 これはこれで美しいのですが、今回は斜めに並べるようにしてみます。 mergeノードを選択し、角度を45度に設定します。 これで、星が斜めに並びました。 ５）エクスプレッションで星を回転させる 最後にエクスプレッションという機能を使って、星を回転させてみます。 sStarノードを選択し、インスペクタ側の 「角度」という文字を右クリックします。 すると、さらにメニューが出てくるので「エクスプレッション」を押します。 すると、角度の下に「新しい入力スペース」が登場するので、 ここに time*-1 と打ち込みます。 これは、「1 フレームごとに角度を -1 ずつ動かしてください」という命令です。＊は掛け算（×）と同じ意味です。 もし time*1と打てば、反時計回りに星が回り始めます。 もし time*10と打てば、反時計回りに10倍早く星が回ります。 今回はゆったりと回っている感じにしようと思うので、 time*-1 で行ってみます。 以前別の回でやったようにキーフレームを打つことで星を回転させることはできるのですが、キーフレームには「ここからここまで」という範囲があります。 エクスプレッションには「ここまで」がありませんので、数式に従ってずっと続けてくれるので便利です。 最後に、背景を少し明るくしておきましょう。 Backgroundノードを選択した状態で、 カラーを明るい水色にしておきます。 これで完成です！ ちなみに、Fusionコンポジションを12秒に設定して、タイムライン上で複製してつなげると、キレイに回転がつながるループ素材にすることもできます。 ※今回は1フレームあたり1°回転するというエクスプレッションなので、12秒後（360フレーム後）に、星のシェイプが元の角度に戻るからです。 　

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 26 ハンコ風の画像と文字をポンと押す動画を作る方法 「合格」とか「お得」とか、ハンコを押すようなテロップを出す演出をしたくなる時があると思います。 今回はそういうエフェクトを作ってみます。 こんな感じです。 では、早速やってみましょう。 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）Fusionでハンコを作る ハンコは、丸の枠と文字を組み合わせれば作れそうです。 まずは、ハンコの丸を作りましょう。 エフェクト→エフェクト→Fusionコンポジションを選択して、ビデオ１にドラッグします。 今回は少しクリップを長くしておきたいので、タイムラインに配置したFusionコンポジションをトリミングして15秒くらいまで伸ばしておきます。 タイムラインの下にあるFusionマークをクリックして、Fusionページに行きます。 まず、「コピペで簡単！DaVinci Resolve fusion用マスク」のページに行き、 ハンコの丸１をコピーして、Fusionのノードエディターにペーストします（貼り付けます）。 次に、stamp_circle_1を押した状態でテキストボタンを押して、テキストを配置します。 Text1を選択した状態で、インスペクタ側で「合格」と打ち込み、文字の位置をハンコの丸の真ん中ぐらいにくるようにドラッグして調整します。 今回はこちらの「筆ごしらえ」という素敵なフリーフォントを使わせていただきました。 https://booth.pm/ja/items/7797956 背景ボタンをノードエディターにドラッグして、MergeからBackgroundにつなぎます。 これで、「丸とハンコの形」をマスクとして背景に適用する という意味になり、背景の色が「丸とハンコの形」に切り抜かれます。 Backgroundノードを選択した状態で、カラーを単色、少し暗い赤に設定します。 今、Backgroundノードの左側の丸を白くすると、左側モニターはこんな感じになっています。 ポンとハンコをつく際には、少し大きめのサイズからハンコをつきたいので、トランスフォームを入れて少し大きくしておきましょう。 変形ボタンをドラッグして、BackgroundとMediaOutにつなぎます。 Transformを選択した状態で、インスペクタ側で、 サイズ 2.1にして、画面いっぱいくらいにしておきます。 ここで、を押して、Editページに戻ります。 ３）画像にハンコをつくアニメーションを付ける 合格のハンコは、この画像につきたいと思います。 先に、ハンコの画像を一旦ビデオ２に移動させます。 そして、このうさぎの画像をダウンロードし、画像ファイルをビデオ１に追加します。 タイムラインを１秒のところにカーソルを持って行った状態で、 ビデオ２のハンコのクリップを選択します。 インスペクタ側の設定で、うさぎの左側に合格のハンコがくるように調整します。 ズーム　0.63 位置　X　-434、Y　-54 回転の角度　7.7 としたら、だいたいうさぎの左側にきました。 真っ直ぐだと味気ないかなと思ったので、少し回転させました。 ここで、ズーム、位置、回転の角度それぞれの右側にある◆を押して、 キーフレームを設定します。 タイムラインのカーソルを０まで戻してから、 ズーム　1.45 位置　X -45 回転の角度　35 に設定します。 これで再生してみると、確かにハンコをつくアニメーションになっていますが、 少しゆっくりすぎます。 最初に1秒に設置したのが遅すぎたようなので、キーフレームをまとめて調整します。 タイムラインのタイムが表示されている部分の上あたりに、キーフレームのマークがあるので、これを押します。 すると、タイムラインのすぐ下に、キーフレームを打ったプロパティたちが表示されます。 1秒のところに打ってあるキーフレームの点を囲むようにドラッグして全部選択し、左側にドラッグします。 すると、左に行くほど、ハンコの決まる尺が短くなるので、ハンコのスピードが早くなっていると思います。 この尺は好みですが、僕は8フレにしておきました。 これで完成です！ ポン！というSEを追加しておくと、さらにハンコっぽいですね。 同じ要領で、いろんなハンコをつくことができますので、やってみてください。