PowerDirectorで映画「MARVEL / マーベル風」のオープニング演出を再現する方法（19以上推奨）

 

 

今回は、映画スパイダーマンやアイアンマンなどの『MARVEL / マーベル』っぽいオープニング演出を

PowerDirectorで作成、再現する方法を紹介いたします

 

 

玄人向け：MARVEL：イントロ風オープニング』を再現する方法の記事はこちら

PowerDirector 19で「MARVELイントロ風オープニング」を再現する方法

PowerDirectorで作成する MARVEL：イントロ演出   使用する主な機能   ・キーフレーム機能(イージング+アンカーポイント含む) ・複数色指定クロマキー合成 ・セ ...

続きを見る

 

 

 

ただMARVELっぽいものを作るのではなくて

ご自由にカスタマイズすることができる箇所がありますので

自分の色に合わせて調整して使用していただくことを目的としております

 

 

2020年3月に追加された365ユーザー専用のトランジションを使用しますのでその点についてはご理解いただけますと幸いです

※PowerDirector 19 Ultra以上で買い切り版でも追加されました

 

 

 

 

 

 

 

 

それでは、まずはDEMOを御覧ください

 

 

 

このように、1秒間に5～6枚のスライドショー　+　拡大エフェクトをかけた映像に対して

『拡大/縮小キーフレームを設定した赤い背景のテキストマスク』が通常の大きさになって表れてくるという

 

MARVELに似せた演出です。

 

赤い背景のテキストマスクを使えばMARVELっぽくなりますし

なきゃないでそれなりにオシャレな通常のオープニング演出にすることも可能です。

 

 

 

 

 

 

 

メイン：『MARVEL風』に加工する手順

 

 

 

MARVEL風に加工する手順は以下の6つになります。

 

 

 

 

 

 

流れはこのようになります。

 

 

 

 

 

作業1.切り替わっていく画像を1秒で5枚表示されるように表示時間を調整して並べて配置

 

 

まずは、スライドショーになるように映像素材を並べていきます。

並べる時に気を付けるのは各映像素材の表示時間です。

 

 

 

DEMOのように1秒で5枚表示されるようにするには

 

 

 

 

 

このような感じになります

 

 

あとは何秒のオープニング演出にするかで画像枚数が決まりますが

『映画：スパイダーマン』の冒頭部分はちょうど10秒かけてアニメーションが完了していたので

 

僕もそれと同じく10秒でDEMOを作成しております

 

※1秒が5枚なので、10秒で50枚

 

10秒だと50枚になりますが、切り替わる時間が速いので同じ写真を使っても実はあまり違和感がなかったりします

※同じ写真を連続で表示しなければ問題なし

 

 

 

 

 

作業2.並べた画像素材のつなぎ目を指定したトランジションで繋げる

 

 

次に、１で並べた映像素材と映像素材の間にトランジションを設定していきます

※一番マーベルっぽくなるトランジションは365ユーザー専用のトランジションなのでそのへんはご了承ください

 

使用するトランジションは、『トランジションルーム』→『歪み』→『Warp Vertically』です。

 

そしてトランジションの設定は『クロス』で『表示時間』は1枚の画像の表示時間と同じ(12フレーム or 6フレーム)でOKです

 

 

 

 

 

 

 

 

作業3.PCスペックに不安な方は、画像にトランジションを加えただけの動画を出力し置き換える

 

 

次に、2で出来上がった『画像+トランジションの映像素材』を動画として書き出して置き換えておくことで

これから行う作業でのPCへの負荷が軽くなります

 

素材を範囲出力するには、タイムライン上の再生バーにある『黄色のバー』を使用してください

 

この黄色いバーをドラッグして範囲を指定することができますので

範囲を指定したらタイムラインウィンドウにある『範囲出力』を押していただければそのまま範囲を指定して出力することができます

 

 

 

 

 

作業4.拡大エフェクトを配置してキーフレームを設定する

 

 

次に、3までで作成した映像素材に対して『拡大エフェクト』をかけます。

 

『拡大エフェクト』は、3までで作成した映像素材の前面にあるエフェクトトラックにいれて使用してください。

※『拡大エフェクト』の表示時間は3と全く同じ、かつタイムライン上で重ねていただいてOKです

 

そしてキーフレーム設定を行って、

時間経過により最大の拡大率から通常の拡大率へと戻っていくアニメーションにします

 

初心者向け｜PowerDirectorの「キーフレーム機能」を動画・画像付きで解説

  キーフレーム機能 素材の位置、サイズ、不透明度などのデータを時間経過で変化させてアニメーションを作成する機能   ・位置が動くアニメーション ・拡大/縮小アニメーション ・回転 ...

続きを見る

 

 

『拡大エフェクト』の始めと終わり部分に2点キーフレームを設定し

『始点部分の幅と高さを200』にして『終点部分の幅と高さを0』に設定してください。

 

 

拡大エフェクトでは200が最大の拡大率、そして0が通常の大きさの拡大率になりますので

だんだんと通常の大きさに戻っていくようなアニメーションに仕上げるのがポイントです。

 

 

 

 

作業5.INとOUTのフェードアウトアニメーションを設定

 

 

次に、4までで作成した動画にフェードインとフェードアウトを設定します。

 

本家のMARVELでは黒からのフェードイン、そして最後は白に向かうフェードアウトになっていますので

今回もそのようにします。

 

そして3で動画に置き換えていない場合のことを考えて、『画像+トランジション』と『置き換えた動画』のどちらでも設定可能なように

黒と白のカラーボードを使用して黒背景からのフェードインとだんだん白背景になっていくフェードアウトの設定方法の説明を致します。

 

 

まずは、PowerDirectorの『メディアルーム』の上部タブを『カラーボード』に切り開けて

カラーボードの選択ウィンドウを表示します。

 

この中から黒のカラーボードと白のカラーボードを上記の画像のように重ねていきます。

 

それぞれの表示時間はおよそ2秒で大丈夫です

 

そしてそれぞれのカラーボードの不透明度のパラメータに対して『キーフレーム設定』を行います。

 

 

 

 

 

 

作業6.お好みのカラーボードを使ってテキストマスクを適用+キーフレーム機能でアニメーションを調整

 

 

最後に、5までで作成した映像素材に対して、『カラーボードとテキストマスク機能』を使ってMARVELっぽく仕上げます

 

先ほどと同じように『カラーボードウィンドウ』を開きます

 

そしてお好みの色の『カラーボード』を上記の画像のように重ねて配置してください

 

次に配置した『カラーボード』を選択し、『デザイナー』→『マスクデザイナー』を起動します。

 

そして、『マスクデザイナー』が開いたら『テキストマスク』を選択してお好みのテキストマスクを作成して下さい

 

テキストマスクも可能！PowerDirector「マスクデザイナー機能」の解説

  マスクデザイナー機能  素材にマスクをかけて映像の一部を非表示にすることができる機能です   ・デフォルトマスク ・イメージマスク ・テキストマスク ・ブラシマスク &nbsp ...

続きを見る

 

テキストマスクが作成できたら、OKを押して『マスクを反転』にチェックを入れます。

 

これで後は、先ほどの白背景のカラーボードと同じように

素材を選択→『キーフレーム』→『不透明度』に対してキーフレームアニメーションを施せば完成でございます。

 

 

 

まとめ：PowerDirector 365で映画の『MARVEL / マーベル風』のオープニング演出を再現する方法

 

 

いかがでしたでしょうか

 

文字列や色などは自由にカスタマイズできますので

MARVELっぽくありつつも自分の色を出して作成できるかなと思います

 

 

作成難易度的にはキーフレーム機能とマスク機能を使いますので

ある程度PowerDirectorになれていないと大変かもしれませんが

それらの解説記事なども用意しておりますので、そちらも見ていただければと思います

 

 

ご不明な点等ございましたらコメントくださいませ

 

 

 

 

 

玄人向け：MARVEL：イントロ風オープニング』を再現する方法の記事はこちら

PowerDirector 19で「MARVELイントロ風オープニング」を再現する方法

PowerDirectorで作成する MARVEL：イントロ演出   使用する主な機能   ・キーフレーム機能(イージング+アンカーポイント含む) ・複数色指定クロマキー合成 ・セ ...

続きを見る