2013.06.07

Windows 8のプログレスバーを作ってみた！

今回はEDIUS Neo 3.5のみの機能で下記のようなWindows8のプログレスバー(進捗バー)を作ってみました。※この画像は実際に作ったものです。

作ろうとと思ったきっかけは先日、IronFlat(動画の師匠です)さんの作った玄人志向RH7850-E2GHD/DPのレビュー動画の冒頭にシーンにグラサン男がキラリーンと光るシーンがあるんですが、そのシーンに使われていたGPUトランジションのひとつであるトランスフォームのライトムーブという機能を使ったことが無かったので練習がてらに何かに使おうと思っていた時に、ちょうど、Windows8のプログレスバーがキラリーンと光っているのを見て”これだ！”と思い立ち製作を開始しました。

外観はすべてクイックタイトラーで作り、色の再現は先日の紹介したカラーピッカーで行いました。プロジェクトの内容は3つのシーケンスで出来ています。それでれを説明すると以下のようになります。

 

シーケンス3

パーセンテージの数字表示のみのシーケンスでタイトラーで100個のタイトルを作って元動画となるべく同じになるようにタイミングを合わせました。2Vはテキストの色がブラックのために見えないので見えるようにしたカラーマットで1Vはパーセンテージの動きを確認するためのオリジナルのプログレスバーの動画です。

100個もタイトル作ると大変そうみたいですが、コピペで数字のみを書き直しただけなので1時間程度の作業でした。裏話を言うと、先日購入したばかりのゲーミングマウス Logicool G300rのお蔭が大きかったですね～ｗ。このマウスはカスタマイズ可能なボタンが9個も付いているのでEDIUSで編集しやすいように設定しました。実は、これの機能を試してみたくてこのような煩雑な作業を敢えて行ったというところもありましたｗ。

 

シーケンス2

シーケンス3を取り込んでプログレスバーを作成したシーケンスです。シーケンス3を2か所に配置し、4Vの白のカラーマットは緑のプログレスバーの上に配置している白いラインで、マスクフィルターで動いていてるように見せています。最初はマスクのアンカーは中心に置いて作っていたんですが、両サイドから縮まってきて、うまい具合に片方だけに進行しているようにできなかったのでアンカーを右端に移動させたらうまい具合にできるようになりました。

3Vは緑のプログレスバーでトランスフォームのライトムーブを設定してます。キーフレームはたくさんありますが、実は3種類しかありません。始点[00:00:00.00]、2秒地点[00:00:02.00]、2秒1フレーム地点[00:00:02.01]のみを作成します。左から右に光のラインが何度も流れるようにするには2秒で左から右に動いたライトの動きを[00:00:02.01]の1フレームで元の位置に戻すように設定します。

この時、2秒の所のハイライトのキーフレームを固定に設定して、数値を0にして右から左に移動するライトが光らないようにします。あとは、この2点のキーフレームを一緒の選択してコピーして2秒間隔で貼り付けます。尚、2Vトラックにあるプログレスバーウィンドウはタイトラーで作ったウィンドウの外観で1Vはサンプル動画です。

プログレスバー始点の設定値

プログレスバー２秒の地点の設定値

プログレスバー２秒１フレーム地点の設定値

上の画像のタイムラインバーがあるところを拡大するとこんな感じになってます。この２点のキーフレームをコピーして貼り付けました。

 

シーケンス1

最終的に動画として公開するためにまとめたシーケンスなのでプログレスバーを作るには必要のないパーツですが一応記載しておきます。3Vから6Vトラックまではすべてタイトルで、一番下のプログレスバーはオリジナルのプログレスバーの動画です。

下記が完成した動画になります。