Lesson 41 グリーンバック映像の背景をクロマキーで透明にする方法 インタビューなどを撮る時に、背景を緑色（グリーンバック）にして撮影しておいて、後から背景を編集で合成しようというケースが時々あります。 いわゆるクロマキー合成ですが、DaVinci Resolveにもクロマキーを使える機能が用意されているので、合成してみましょう。 こんな感じです。 　 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）素材のダウンロード アナウンサーの女性風の映像をAdobe Fireflyで生成しました。 Motion Elementsにアップロードしましたので、以下のURLから無料でダウンロードしてください。 https://www.motionelements.com/ja/stock-video-56010031-a-woman-resembling-a-news-anchor-set-against-a-green-screen 画面の後ろに合成するための猫の映像はこちらです。 https://www.motionelements.com/ja/search/video?price_range=-1&s=%E6%B2%96%E7%B8%84%E3%81%AE%E7%8C%AB&sort=match ３）グリーン部分を透明にする ではクロマキー作業をやっていきましょう。 クロマキーというのは、「何かを元に透明にする」という技術の中の一つで、 クロマ→色情報を元に「特定の色の部分を透明する」というやり方です。 今回はこの緑の部分を透明にして、 後ろに別の映像を合成しようと思います。 では、グリーバックの女性の映像をビデオ１に配置します。 タイムライン上で右クリックして「Fusionコンポジションで開く」をクリックします。 開いたFusionページのノードエディターでは、 green_back_womanからMediaOutにつながっていると思います。 Tools→マット→ウルトラキーヤーを選び、女性の動画とMediaOutの間に入れます。 まだ映像は変化しません。 次に、UltraKeyerのカラーの隣にある「スポイトマーク」を グリーンバックの「緑色の部分」にドラッグします。 最初、使い方がよくわからない時に「スポイトを一度押してから、緑色の部分を押すのかな？」と思ってやっていて、いつまでもうまく行かなかったのですが、このUltraKeyerの場合は「スポイトをドラッグして色を吸う」という仕組みになっています。ご注意ください。 うまくいくと、こんな感じで色の情報が出つつ、背景が透明になります。 次に、モニターの上の方に「丸が三つ重なったようなカーラチャンネルのマーク」があるので、これを一度クリックします。 すると、モニターの絵が白黒（アルファチャンネル）に切り替わります。 アルファチャンネルを表示している間は、 白い部分→表示されている部分、 黒い部分→透明になっている部分を表しています。 これを見るとある程度、白と黒の領域は別れているんですが、まだ混ざっている部分がありますよね。 つまり、背景部分にまだうまく透明にできていない部分があり、 人物部分にも透明になっちゃっている部分があるということです。 では、うまく白と黒が分かれるように調整していきましょう。 赤のレベル→0.56 青のレベル→0.55 背景補正→0.19 くらいにすると、背景の白い部分が無くなって、わりとうまく行きました。 画面上のアルファチャンネルマークを押して、カラーチャンネル表示に戻してみると、背景が透明になっているんですが、肩のあたりに少しモヤモヤが出ています。 これを少し軽減していきましょう。 イメージのタブを開いて、 フリンジのガンマ→0.5くらいまで落としていきます。 これで少しモヤモヤがましになりました。 再生してみると、わりといい感じだと思うのでこれで合成していきます。 ４）猫の映像と合成する 合成した後には、映像の位置を整える必要があると思うので、先にトランスフォームを入れておきましょう。 をドラッグして、UltraKeyerの後に入れておきます。 次に、猫の映像をドラッグして配置し、トランスフォームをつないでから、 マージでつなぎます。 猫が下（黄色の三角） 女性が上（緑色の三角）になるようにマージにつなぎます。 これで、猫と女性の映像が合成できました。 女性は小さくして左下に持っていきましょう。 女性の横につないだトランスフォームを選択して、センターとサイズで位置を調整します。 これで書き出せば完成です！ 　 余談ですが、以下のように話すタイミングに合わせてテロップを出す必要がある場合は、「背景を透明にした素材」をエディットページに配置して、他の素材と組み合わせる方が便利かもしれません。 Fusionページとうまく使い分けていきましょう！ 　

Lesson 40 カウントダウンするタイマー表示を作る方法 エクササイズの動画などを見ると、「この動作をあと30秒続けます！」というように、カウントダウンのタイマーが登場します。 丸があってその中に数字が書いてあり、時間と共に数字がカウントダウンしていき、さらに丸の周りの境界線が変化していくというものを、今回は作ってみます。 こんな感じです。 　 カスタマイズから始めたい方はこちら コードを購入 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）円の境界線部分 まずは「円の境界線が時間と共に変化する」部分から作っていきましょう。 エフェクト→Fusionコンポジションを選択し、 ビデオ１に配置します。 今回は30秒のカウントダウンタイマーを作りたいので、 クリップの右端を引っ張ってトリムして、35秒くらいにしておきましょう。 右クリックして「Fusionページを開く」を押します。 背景と楕円形をノードエディターにドラッグして、 Ellipse→Backgroundとなるようにつなぎます。 Ellipseを選択し、インスペクタ側で、 フル→チェックを外し、 境界線の幅→0.04にします。 これで境界線だけの画像に変わります。 さらに、「長さ」を変化させていくと境界線の長さが変わることが分かります。 タイマーは一番上から始まった方が自然だと思うので、 角度→90度 にしておきます。 先にキーフレームを打って、動きをつけてしまいましょう。 0フレームのところにカーソルを持っていき、 長さを0にした状態で、◆を押してキーフレームを打ちます。 次に、30秒のところにキーフレームを打ちます。 タイムラインのフレームレートは29.97fpsに設定したので、 29.97fps x 30秒= 899.1 厳密に言うと899.1フレームが30秒なんですが、まあ900フレームで良いでしょう。 ということで、900フレームのところにカーソルを合わせて、 長さを1.0にします。 これで再生してみると、30秒かけて黒い境界線が描かれていくという動画になりました。 ※背景が黒だと円がわからないので、以下の動画は背景を白くしています。 では、白い円を合成してタイマーの形を整えていきましょう。 もう１セット、背景と楕円形をノードエディターに配置し、 マージでつなぎます。 境界線を作った方を緑色の三角に、 2つ目の円を黄色の三角につなぎます。 色を整えておきましょう。 Background2の方を選んで、インスペクタ→カラー→白にします。 また、動く境界線にあたるBackground1の方を選んで、インスペクタ→カラー→オレンジにします。 境界線のオレンジ色が、白い円からはみ出ているように見えるので 少し大きさを調整します。 境界線にあたるBackground1とMergeの間に変形を入れます。 transformを選択し、インスペクタ側で、 サイズ→0.925　として、白い円にぴったり境界線がはまるようにします。 ついでに、「反転・横」を押して、 回転する方向を時計回りにしておきましょう。 これで、カウントダウンタイマーの部分が完成です。 再生してみて、うまく30秒で境界線が満ちていくか確認してみてください。 ３）カウントダウン部分 では、続いてカウントダウン部分を作っていきます。 テキストを1秒ずつ30個書いていってもいいんですが、しんどいので、エクスプレッションで設定します。 テキストをノードエディターにドラッグし、 mergeの後に、もう一度mergeを入れて、テキストをつなぎます。 Merge2の緑色の三角にTextを、 Merge2の黄色の三角にMerge1をつなぐようにしてください。 つぎに、Textを選択し、インスペクタ側の「文字を打ち込む枠」の右側にある◆を右クリックします。 すると、メニューが出てくるので、一番下にある「エクスプレッション」を押します。 すると、「文字を打ち込む枠」のすぐ下に、エクスプレッションを打ち込む枠が出てきます。 初期値は Text(“”) となっていると思います。 こちらを、 Text(time) に、修正します。 また、カラーは黒、サイズは0.45にしておきましょう。 すると、現在のフレーム数と同じ数字が、テキストに表示されるようになったと思います。 今回は秒数を表示したいので、timeを30で割ってみましょう。 Text(time/30) に、修正します。 すると、小数点付きの秒数にできました。 これだと、割り切れない場合はものすごく長い桁数になって、とても見ずらいので 小数点以下を切り捨てる関数「floor()」を使います。 Text(floor(time/30)) と修正しましょう。 これで、小数点のない数値（整数）にすることができました。 ただ、今はカウントアップしているので、これを30秒間のカウントダウンに変えましょう。 0, 1, 2, 3・・・とアップしているということは、30から引けば、 30-0=30, 30-1=29, 30-2=28・・・となっていくと思うので、 Text(30 – floor(time/30)) に修正します。 これで、30から始まり、うまくカウントダウンされるようになりました。 ・・・なのですが、30秒を超えると-1, -2, […]

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のサイズや角度を調整すると、ドットの大きさを自由に変えられます。 写真を動画に変えても同じようにハーフトーン加工できるのでいろいろ試してみてください。