ロゴを強調するスポーツ中継風のトランジションを演出する方法｜PowerDirector編

 

 

この記事では、スポーツ中継のトランジション風の

場面転換演出をPowerDirectorで行う方法について解説しています。

 

 

 

 

 

 

スポーツ中継風トランジション作成の流れ

 

 

 

スポーツ中継風のトランジションを実際に作っていきます。

作成の流れは下記の3つの手順で行います。

 

 

①２つのシーンのつなぎ目に『カラーボード』を配置

②カラーボードとシーンのつなぎ目にトランジションを適用

③トランジションのアニメーションに重ねるように、ロゴ画像(テキストなど)を配置

 

 

 

①２つのシーンのつなぎ目に『カラーボード』を配置

 

 

つなげたい2つのシーンの間に空白の時間(ここでは2秒)を作りお好みの色のカラーボードを配置します。
※下記で解説

 

 

 

2つのシーンの間に2秒前後の空白を作る

 

まず、トランジションでつなげたい2つのシーンの間に空白の時間(ここでは2秒)を作ります。

 

 

 

2秒という間隔を正確に空ける場合は

素材をドラッグするときにタイムコードを見ると時間が図りやすいです。
※下記画像なら開始位置が11秒14フレームの位置から開始位置が2秒後の13秒14フレームまでドラッグするような感じです。

 

ドラッグ(移動)前のタイムコード

ドラッグ(移動)後のタイムコード

 

 

 

 

空白を埋めるようにお好みのカラーボードを配置する

 

 

『メディアルーム』→『カラーボード』を開き

お好みの色のカラーボードを先程の手順で空けておいた2秒の部分にドラッグします。

 

 

 

 

 

 

 

 

②カラーボードとシーンのつなぎ目にトランジションを適用

 

 

続いて、配置したカラーボードとシーンのつなぎ目にトランジションを適用します。

ここでは『幾何学模様』の『スライディング5』を使用します。
※バージョンが古くてない場合は、『ソフトワイプ』の『右』でOKです。

 

 

 

頭の部分に『スライディング5』をドラッグし適用できたら

トランジション部分をダブルクリックして『トランジションの設定』を開きます。

 

 

 

 

ここでは所要時間が0.5秒(プロジェクトのタイムラインフレームレートが60fpsなら30フレーム/30fpsなら15フレームでOKです)に設定し

トランジション動作は『オーバーラップ』で『図形の色』はお好みのカラーを選択します。

 

 

 

 

するとこんな感じの仕上がりになります。
※下記動画DEMO参照

 

 

 

 

③トランジションのアニメーションに重ねるように、ロゴ画像(テキストなど)を配置

 

 

最後に先程作成したカラーボードの前面トラックに重ねるように

ロゴ画像(テキストなどでもOK)を前面トラックに配置して仕上げていきます。

 

 

 

ロゴ画像やテキストを重ねるように配置

 

 

まずは、カラーボードと完全に重なるように

ロゴ画像(あるいはテキスト素材)を前面トラックに重ねて配置します
※今回の解説ではテキスト素材を使用しデザインの説明は割愛します

 

 

 

 

するとこのような仕上がりになります。
※下記映像DEMO参照

 

 

 

 

配置した素材にキーフレームで拡大アニメーションを作成

 

 

配置したロゴ画像(あるいはテキスト素材)にキーフレームで拡大アニメーションを作成します
※今回はテキスト素材なのでタイトルデザイナー(詳細モード)でキーフレーム設定を行います

 

先程配置したテキスト素材をダブルクリックしてタイトルデザイナーを開きます。

そして『拡大/縮小』のパラメータに対して<始点：0秒地点>と<中間点：1.5秒地点>と<終点：2秒地点>にキーフレームを作成します。

 

 

あとはそれぞれのキーフレームを選択して下記のような倍率(例)で拡大アニメーションを仕上げます。

 

例：1つ目のキーフレームの値

 

例：２つ目のキーフレームの値

 

例：３つ目のキーフレームの値

 

 

こうすると1.5秒かけて緩やかにロゴ画像(またはテキスト素材)が拡大し

1.5秒～2.0秒で大きく拡大していくアニメーションに仕上がります。
※下記映像DEMO参照

 

 

 

 

 

 

素材の前後にフェードトランジションを適用

 

 

続いて拡大アニメーションを作成した素材にフェードのトランジションを適用します。

トランジションルームを開き『一般』→『フェード』を素材のINとOUTにドラッグします。

 

 

 

 

トランジションの所要時間はカラーボードのトランジションと重ねる形で0.5秒にしておきます。

 

 

 

 

するとこのような仕上がりになります。
※下記映像DEMO参照

 

 

 

 

 

+おまけ装飾：テキストを細かくデザインしてロゴっぽく作成

 

 

ロゴ画像ではなくテキストで代用する場合は、１文字ずつサイズを変えたりして

ロゴっぽくデザインするのがおすすめです。

 

 

ひらがなを小さくしたり、特定の文字を大きくしたり、特定の文字だけ色を変えたりなどです。
※ちなみにPowerDirectorはテキストに拡大アニメーションを作成する際は境界線をつけないほうがスムーズにアニメーションします

 

 

参考程度に仕上がりをご確認ください。

 

 

 

 

 

 

総括：ロゴを強調するスポーツ中継風のトランジションを演出する方法｜PowerDirector編