Lesson 14 必殺技が出る時のような集中線背景を作る方法 前回はファストノイズとグラデーションを使って「雰囲気のある背景」を作りました。 今回はファストノイズ、グラデーションに座標空間というエフェクトを追加して、「アニメキャラが必殺技を出す時のような集中線背景」を作ってみたいと思います。 こんな感じです。 では、早速やってみましょう。 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）フュージョンコンポジションを配置する 次に、エフェクト→エフェクト→Fusionコンポジションというのを タイムラインのビデオ１にドラッグします。 ３）Fusionページに移動する 次に、画面下にある「キラキラとステッキ」みたいなアイコンをクリックして、Fusionページに移動します。 ノードエディターの画面にはMediaOut1 だけが表示されていると思います。 ここで、こちらの「背景」ボタンを押します。 すると、ノードエディター側に Background1 というのが登場します。 Backgroundにカーソルを持っていくと、左下に「穴が二つ」表示されます。 こちらの「左側の穴」をクリックして白くします。 「左側の穴」を白くすると、上部のモニターの左側がアクティブになって、 Background1と表示されたと思います。 実はこの「２つの穴」は、上部の２つのモニターに映す映像を選択するための「穴」で、 これでBackground1の内容を左側のモニターに映すことができるようになったわけです。 ちなみに、右側は「MediaOut1」が映るようになっていますので、 後々、バックグラウンドを編集したものを「MediaOut1」につなぐことで、 同じものを出力することができるようになります。 ４）グラデーションを編集する では、「Background1」を編集していきましょう。 ノードエディター側で「Background1」を選択した状態で、 右上のインスペクタのところで、 カラー→種類→単色となっているところを、グラデーションに変更します。 すると、グラデーションを詳細に作れる画面になるので編集していきましょう。 まず、 グラデーションの種類→Linear 開始　X 0.5　Y 1.0 終了　X 0.5　Y 0.0 に設定します。 さらに、グラデーションと書いてあるバーの下に三角が2つありますが、 左側の三角をクリックします。 すると、色を変更できるようになりますので、 左側を「濃い青色」にします。 右側の三角もクリックして、こちらは「少し緑よりの明るめの水色」になるようにしましょう。 こうすると、モニター側はこんな感じに、上の方が「濃い青色」で、下の方が「少し緑よりの明るめの水色」のグラデーションになっていると思います。 ここで一旦、Background1と、MediaOut1をつないでおきましょう。 ５）ファストノイズを合成する 次に、ノードエディター側で、Background1を選択した状態で、この「ぼやけた円が混ざった四角」のアイコンを押します。これがファストノイズのアイコンです。 （ちなみに有名な合成ソフトAfter Effectsではフラクタルノイズというエフェクトがあり、かなりファストノイズと似ています。） これを押すと、ノードエディター側が変化して、こんな感じになったと思います。 いきなりノードが増えてわかりにくいので少し整理しましょう。 MediaOut1を右に引っ張り、Background1を左下に持っていきましょう。 ここで、Merge1というのが登場していますが、これは「併合する」という意味で、 ▶︎緑矢印から来たものを前景 ▶︎黄色矢印から来たものを後景として合成する という意味になっています。 レイヤーで言うと上にあるのが▶︎緑矢印から来たもの レイヤーで言うと下にあるのが▶︎黄色矢印から来たもの ということですね。 僕はこれがわかりやすいので、ノードエディター側も整理して背景に当たるものは下になるようにしています。 今、MediaOut側の右側のモニターをみるとこんな感じになっていると思います。 空に雲がかかったような感じですね。 ６）ファストノイズを編集する 次に、FastNoise1を選択した状態で、 インスペクタ側を編集していきます。 ディテール　4.0 コントラスト　1.3 明るさ　-0.6 X/Yをロック　チェックを外す スケール(X)　40.0 スケール(Y)　0.5 とします。 今、モニター側はこんな感じの縦縞模様になっていると思います。「カーテンを作った時」に似ていますね。 さらに、ファストノイズを動かすためにキーフレームを打っていきます。 まず、カーソル（再生すると動いていくオレンジ色の縦棒）を0秒のところに合わせます。 そして、 ノイズ→センターYの値を　-5.0　に設定して、数字の右側にある◆を押してキーフレームを打ちます。 次に、カーソルを一番右に持っていきます。 ここで、ノイズ→センターYの値を　5.0　に設定します。 すると、背景のグラデーションの縦線が上に上がっていくようなアニメーションになったと思います。 　 ７）座標空間を追加する では最後に、「座標空間」というエフェクトを追加します。 ノードエディターの何もないところで右クリックするとツールを出せる画面が登場します。 ここから、ツールを追加→ワープ→座標空間をクリックします。 すると、ノードエディターに「CoordinateSpace1」というのが登場します。 Merge1からMediaOut1につながっていた矢印を一度ドラッグして切って、CoordinateSpace1を間につなげるようにします。 そして、CoordinateSpace1を選択した状態で、インスペクタ側の形状を「極座標から直交座標」に変えます。 これで完成です！ ファストノイズをキーフレームで動かした段階でもっと数値を派手に変化させれば、もっとスピード感のある集中線にすることもできますので、お好みでカスタマイズしてみてください。 　 　

Lesson 13 ファストノイズ＋グラデーションで雰囲気のある背景を作る方法 前回はグラデーションの作り方について書きましたが、これをもう少し進めて、なんとなく雰囲気のある背景動画を作る方法をご紹介します。 こんな感じです。 では、早速やってみましょう。 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）フュージョンコンポジションを配置する 次に、エフェクト→エフェクト→Fusionコンポジションというのを タイムラインのビデオ１にドラッグします。 ３）Fusionページに移動する 次に、画面下にある「キラキラとステッキ」みたいなアイコンをクリックして、Fusionページに移動します。 ノードエディターの画面にはMediaOut1 だけが表示されていると思います。 ここで、こちらの「背景」ボタンを押します。 すると、ノードエディター側に Background1 というのが登場します。 Backgroundにカーソルを持っていくと、左下に「穴が二つ」表示されます。 こちらの「左側の穴」をクリックして白くします。 「左側の穴」を白くすると、上部のモニターの左側がアクティブになって、 Background1と表示されたと思います。 実はこの「２つの穴」は、上部の２つのモニターに映す映像を選択するための「穴」で、 これでBackground1の内容を左側のモニターに映すことができるようになったわけです。 ちなみに、右側は「MediaOut1」が映るようになっていますので、 後々、バックグラウンドを編集したものを「MediaOut1」につなぐことで、 同じものを出力することができるようになります。 ４）グラデーションを編集する では、「Background1」を編集していきましょう。 ノードエディター側で「Background1」を選択した状態で、 右上のインスペクタのところで、 カラー→種類→単色となっているところを、グラデーションに変更します。 すると、グラデーションを詳細に作れる画面になるので編集していきましょう。 まず、 グラデーションの種類→Radial 開始　X 0.5　Y 1.0 終了　X 0.5　Y 0.0 に設定します。 さらに、グラデーションと書いてあるバーの下に三角が2つありますが、 左側の三角をクリックします。 すると、色を変更できるようになりますので、 左側を「明るい青色」にします。 右側の三角もクリックして、こちらは「先ほどよりも濃い青」になるようにしましょう。 こうすると、モニター側はこんな感じに、上の方が「明るい青」で、下の方が「濃い青」のグラデーションになっていて、さらに真ん中の上から円を描くようにだんだんと濃い青が広がっていくようになっていると思います。 前回グラデーションの種類がLinerだったので直線的なグラデーションになっていましたが、今回はRadialを指定したので、円形的になっています。点の光源から光が差しているようですよね。 ここで一旦、Background1と、MediaOut1をつないでおきましょう。 ５）ファストノイズを合成する 次に、ノードエディター側で、Background1を選択した状態で、この「ぼやけた円が混ざった四角」のアイコンを押します。これがファストノイズのアイコンです。 （ちなみに有名な合成ソフトAfter Effectsではフラクタルノイズというエフェクトがあり、かなりファストノイズと似ています。） これを押すと、ノードエディター側が変化して、こんな感じになったと思います。 いきなりノードが増えてわかりにくいので少し整理しましょう。 MediaOut1を右に引っ張り、Background1を左下に持っていきましょう。 ここで、Merge1というのが登場していますが、これは「併合する」という意味で、 ▶︎緑矢印から来たものを前景 ▶︎黄色矢印から来たものを後景として合成する という意味になっています。 レイヤーで言うと上にあるのが▶︎緑矢印から来たもの レイヤーで言うと下にあるのが▶︎黄色矢印から来たもの ということですね。 僕はこれがわかりやすいので、ノードエディター側も整理して背景に当たるものは下になるようにしています。 今、MediaOut側の右側のモニターをみるとこんな感じになっていると思います。 昼間の青空に雲がかかったような感じですね。 ６）ファストノイズを編集する 次に、FastNoise1を選択した状態で、 インスペクタ側を編集していきます。 ディテール　2.0 コントラスト　0.4 明るさ　-0.1 スケール　16.0 変化のレート　0.1 とします。 これで再生してみると、もやもやとしたものが青いグラデーションの上に乗っているような感じになったと思います。 先ほどMediaOutにつないでいたので、これで既にエディット画面のタイムライン上に来ていると思います。 今回はこれで完成です！ グラデーション部分の色を変えれば、もっと違った雰囲気にもできるので、映像の導入部分の「扉絵」などで使ってみてください。 　 　

Lesson 10 デジタルグリッチエフェクト付きのタイトル文字を作る方法 デジタルグリッチエフェクトの説明が難しいんですが、ノイズやズレがあってから文字が現れるような感じのトランジションエフェクトです。 なんかかっこいい感じにしたい時に使います。 では、早速やってみましょう。 １）タイムラインの設定 まずは、タイムラインを設定します。 ファイル→新規タイムラインをクリックし、 プロジェクト設定のチェックをはずしてから、フォーマットをクリックします。 今回は横型にしたいので、 解像度と書いてあるところに、1920 x 1080 を入力します。 タイムラインフレームレートは29.97fpsにしておきましょう。 これで作成を押すとタイムラインが作られます。 ２）デジタルグリッチの文字を配置する エフェクト→タイトル→Digital Glitchを選択し、 タイムラインのビデオ１に配置します。 右側のインスペクタでテキストを変更します。 テキストはデジタルグリッチエフェクト フォントはヒラギノ角ゴ Std 太さはW8 サイズや行間を調整してこんな感じにしました。 再生してみると、すでにデジタルノイズを伴って登場するようなグリッチエフェクトが付いていると思います。 このタイムラインに名前を付けておきます。 DigitalGlitch_01　としておきました。 ３）新しいタイムラインを用意して、テクスチャを配置する 今回はUnsplashからカラフルなテクスチャ画像を無料でダウンロードしてきました。 元素材のURLはこちらです。 https://unsplash.com/ja/%E5%86%99%E7%9C%9F/vkzqqEWthtc こちらを新しいタイムラインを作って、ビデオ１に配置します。 ４）フュージョンで合成する タイムラインに配置したカラフルなテクスチャを選択した状態で、 フュージョンページにいきます。 画面一番下の列にある「棒とキラキラ」のアイコンが「フュージョン（Fusion）」ページへいくためのボタンなので、これを押します。 「エディット」の右隣にあります。 すると画面が切り替わり、下の方にはこんな感じの図が書かれています。 これは「ノードエディター」と呼ばれる編集画面で、これまでのレイヤー構造とは別の仕組みになっています。 左側にある「MediaIn1」というのが、タイムラインから送られて来ている映像（つまりカラフルな画像）で、最終的に「MediaOut1」からタイムラインに映像が戻されます。 今はまだ何も加工していないので、カラフルな画像が入って、そのままカラフルな画像がタイムラインに戻っているという状態です。 では、このカラフルな画像を、先ほど作った「グリッチエフェクトのタイムライン」で切り抜いていきます。 フュージョンページの左上の方に、「メディアプール」というボタンがあるのでこれを押します。 すると、タイムラインや素材などの一覧が現れるので、先ほど作った DigitalGlitch_01 というタイムラインをノードエディター側にドラッグします。 DigitalGlitch_01は、MediaIn2というノードになっていると思います。 次に、MediaIn2の白い四角から線を引っ張ってMediaIn1の青い三角につなぎます。 わかりやすいように直線的に配置を並べ替えておきました。 これで、「グリッチエフェクトをつけたタイムライン」の形に「カラフルなテクスチャ」を切り抜くことができました。 ５）アウト点を打って書き出す エディターに戻って再生すると、グリッチエフェクトの形のカラフルな文字が出ていると思います。 思ったよりもちっちゃくなっていると思いますが、これはカラフルな画像のサイズに依存しているからです。 タイムライン上でカラフルなテクスチャを選択した状態で、 インスペクタ→ビデオ→リタイム＆スケーリング→スケーリング→クロップに設定すると少し大きく戻るはずです。 再生してみるとわかるのですが、最後の部分はテクスチャに戻ってしまっています。 これは、デジタルグリッチのタイムラインの方が尺が短かったからですね。 そこは書き出さないようにしたいので、 4秒ちょうどのところで「O（オー）」を押してアウト点を打っておきます。 これで書き出せば完成です！