タイムラインに素材を挿入することで、直観的に編集することができる

VideoStudio を活用して、教材作成のための動画編集を体験しましょう。
Contents
はじめに―動画編集の研修を始めるにあたって―··························································

1１

動画素材の取り込み·························································································

1２

オープニングの作成·························································································

2

３

タイトル用クリップの追加

４·················································································

5BGM クリップの追加·······················································································

8５トランジションの追加······················································································

9６

字幕用クリップの追加·····················································································

10７

部分的なスロー再生の場面を作成する ··································································

11８

パン＆ズームの場面を作成する··········································································

14９その他の設定·································································································

17

10 吹き出し・図の挿入 ···························································································

19

11 ビデオの書き出し ······························································································

24【プロジェクトの保存】 ···························································································

25

はじめに―動画編集の研修を始めるにあたって―
本実習では、動画編集のソフトウエアとして VideoStudio ProX（コーレル） を使用します。
VideoStudio は、多彩なサンプルメディアや効果用フィルタが特徴ですが、基本的な編集機能としてタイムラインを用いるなど、他の多くの動画編集ソフトと編集作業の考え方を共有する部分も多くあります。
クリップの分割・編集やタイトル、ミュージックの挿入など、動画編集の基礎を押さえていただき、今後の教材作成に役立てていただきたいと思います。

１

動画素材の取り込み
PC 上の動画ファイルをタイムラインにドラッグアンドドロップして、取り込みます。

|1

２

オープニングの作成（例）
A 「メディアボタン」→ライブラリーを表示させます。
B 適当な画像を選択して、タイムラインにドラッグアンドドロップします。
C 取り込んだ画像を表すクリップの右端を伸縮して、時間を調整します。
（ここでは、10 秒間表示するようにしてみます。
）
D オープニングのタイトルを書きましょう。
a タイムラインのジョグスライダーを、タイトルを入れたい箇所に合わせます。
（ここでは、０秒の位置に合わせましょう。
）
b タイトルボタンをクリックします。
c モニターウィンドウをダブルクリックして、タイトルを入力します。
（ここでは、「家庭」「調理」と入力します。
）
d タイトルを表すクリップの右端を伸縮して、時間を調整します。
（ここでは、オープニングの時間に合わせます。
）（オープニングの画像をメディアライブラリーから取り込みます。）

クリック

ドラッグ

（オープニングのクリップの長さを 10 秒にしましょう。）

2|（ジョグスライダーの位置を 0 秒に合わせます。）（タイトルボタンをクリックして、文字入力が可能な状態にします。
）|3

（タイトルを表すクリップの右端をドラッグして、表示時間をオープニングのクリップに合わせます。
）

4|

３

タイトル用クリップの追加（例）A 「カラー/装飾ボタン」→「カラークリップ」で、ライブラリーを表示させます。
B 適当なカラークリップを選択して、タイムラインのオープニングと本編動画との間にドラッグアンドドロップします。
（ここでは、白色のカラークリップを挿入します。
）
C 取り込んだカラークリップの右端を伸縮して、時間を調整します。
（ここでも、10 秒間表示するようにしてみます。
）
D カラークリップに、２のオープニングと同じ要領で、タイトルを書き込みましょう。
（ここでは、「じゃがいもの皮むき」と書きます。
）
E タイトルにアニメーション（フェードイン・フェードアウト）を付けます。
a タイトルのクリップをダブルクリックして、「オプションウィンドウ」を表示させます。
（ここでは、「じゃがいもの皮むき」のクリップをダブルクリックします。
）
b 「タイトル設定」→「アニメーション」をマーク→「適用」をチェック→「フェード」を選択→その右側にある「TT マーク」をクリックして、フェードアニメーションの設定を表示させます。
c フェードアニメーションの設定では、「単位」→「テキスト」、「一時停止」→「ユーザー定義」、「フェードスタイル」→「クロスフ
ェード」を選択し、「OK」をクリックします。
d 「モニターウィンドウ」を見てください。
「クリップモード」になっています。
オレンジ色のスライダーは、左がフェードイン終了時点、右がフェードアウト開始時点を表します。
「モニターウィンドウ」でプレビューさせながら、適切に設定してみましょう。

|5

（タイトル用に 10 秒間のカラークリップを挿入します。
）

選択クリックドラッグ（「じゃがいもの皮むき」と書いたタイトルクリップを作成します。）※作成方法は、「２ オープニングの作成」を参照してください。

オープニングクリップのタイトルと同様の方法で作成しましょう。

6|

（タイトルクリップにフェードイン／アウトのアニメーションを付けます。
）（フェードイン／アウトのタイミングを調整しましょう。）

フェードイン終了時点フェードアウト開始時点|7

４BGM クリップの追加（例）A 「メディアボタン」→「スコアフィッターミュージック」→ライブラリーを表示させます。
B 適当な音楽ファイルを選択して、タイムラインにドラッグアンドドロップします。
C 取り込んだ音楽を表すクリップの右端を伸縮して、時間を調整します。
（ライブラリーのスコアフィッターミュージックは、再生時間に合わせて編曲を変化させるようプログラムされています。
）（本編のクリップに少し重なるように、再生時間を調整しましょう。
）

クリック
クリック

ドラッグ

8|

５

トランジションの追加（例）「トランジション」は、画面切り替えの効果を表します。

A 「トランジションボタン」→ライブラリーを表示させます。
B 適当なトランジションを選択して、タイムラインの、タイトルと本編のクリップの間にドラッグアンドドロップします。
（ここでは、「クロスフェード」を使います。
）（トランジションのクリップをダブルクリックすると、オプション画面が表示されます。
）

クリック

|9

６

字幕用クリップの追加（例）

字幕を入れるときのポイントは、文字に縁取りを付ける ことです。
A タイムラインのジョグスライダーを、タイトルを入れたい箇所に合わせます。
（ここでは、本編クリップの最初近くに「親指の使い方に注目しましょう。」という字幕を設置します。
）
B タイトルボタンをクリックします。
C 文字サイズの設定ライブラリーウィンドウの右下の「オプション^」をクリックして、「オプションウィンドウ」を表示します。
D モニターウィンドウをダブルクリックすると、文字入力が可能になるとともに、「オプションウィンドウ」で文字サイズ等の設定が可能になります。
a 【文字サイズ】
文字サイズを変更します。
（ここでは、「50」にします。
）
b 【文字の縁取り】「境界線/シャドウ/透明度」をクリック→「境界線」タブで→「文字の枠」をチェック→ 枠の厚み を 「15.0」 →「ラインカラー」を白にしましょう。

E 字幕の文字を入力し、必要があれば、ドラッグして表示位置を移動させます。

クリック

モニターウインドウで入力位置をダブルクリックし、文字の大きさを「50」にしましす。

字幕を入力しましよう。

クリック

チェック
縁取りの厚みを「15」にします。

10 |縁取りの色を白にします。

７

部分的なスロー再生の場面を作成する【クリップの分割とビデオオプション】
A 【クリップの分割・切り出し】
スロー再生したい場面の最初のシーンにジョグスライダーを合わせて→モニターウィンドウの「ハサミ」マークをクリックして、クリップを分割します。
同様に、スロー再生したい最後のシーンにジョグスライダーを合わせて→モニターウィンドウの「ハサミ」マークをクリックすることにより、→→スロー再生したい場面のクリップが切り出されることになります。
B 切り出したクリップをタイムライン上で、ダブルクリックすると、オプション画面が表示されます。
C 表示された「ビデオオプション」の「再生速度変更/タイムラプス」をクリックし、設定画面を表示させます。
D 「速度」のスライダーを移動させて、再生速度を変更します。
（ここでは、左側に振り切ってみましょう。
）
E 「OK」をクリックして、設定画面を閉じ、プレビューで確認してみましょう。

（スロー再生したい場面の最初のシーンにジョグスライダーを合わせ、続いて「ハサミ」をクリックして、クリップを分割しましょう。
）

クリック
クリップを分割したい位置に合わせて…

| 11

（同様に、スロー再生したい場面の最後のシーンでクリップを分割することにより、クリップの切り出しを行いましょう。
）

12 |（切り出したクリップをダブルクリックして、オプションウィンドウを表示します。
）（続いて、「再生速度/タイムラプス」で、該当のクリップの再生速度を変更します。
）

ダブルクリック| 13

８

パン＆ズームの場面を作成する【フィルターによる効果の付加】
A 【クリップの切り出し】
７A を参照して、「パン＆ズーム」の効果を付加したい場面のクリップを切り出します。
B 「フィルターボタン」をクリックして、ライブラリーを表示します。
C ライブラリーの中の「ビデオのパンとズーム」を選択し、該当のクリップにドラッグアンドドロップで効果を付加します。
D ライブラリーウィンドウ右下の「オプション^」をクリックして、オプションウィンドウを表示させます。
E 「属性」タブの「フィルターをカスタマイズ」をクリックして、パン＆ズームの設定画面を表示します。
F 【パンのスタート】
スライダーを最初の位置にし、左側の画面の点線枠を拡縮して、パンのスタートシーンを決定します。
G 【パンの終了】
スライダーを最後の位置にし、左側の画面の点線枠を拡縮して、パンの終了シーンを決定します。
H スライダーを動かして、期待通りのパン＆ズームになっているか確認しましょう。
I 「OK」をクリックして、設定画面を閉じ、プレビューで確認してみましょう。

（パン＆ズームの効果を付加したいクリップを切り出します。）（ここでは、いちょう切りをしている手元のパン＆ズームを行います。）

14 |

（
「フィルターボタン」をクリックして、ライブラリーを表示します。
）（続いて、「ライブラリーの中の「ビデオのパンとズーム」を選択し、該当のクリップにドラッグアンドドロップで効果を付加します。
）

クリック
オプションウインドウを表示しましょう。

（「オプション^」をクリックして、属性設定を表示し、フィルターのカスタマイズ設定画面を表示します。
）| 15

（パン＆ズームの設定をします。
）【パン開始時点のシーン設定】

スライダーを開始時点に合わせてから作業を行います。

【パン終了時点のシーン設定】

スライダーを終了時点に合わせてから作業を行います。

16 |

９

その他の設定場面転換の際のタイトルの挿入、タイムリーな字幕の挿入、エンディングクリップの作成を行い、教材用動画を完成させましょう。

【クリップの途中に、タイトルを挿入する】
操作としては、「タイトル挿入位置で、クリップを分割する」→「分割した時点に、タイトルクリップを挿入する」（「３ タイトル用クリップの追加」を参照してください。）→必要であれば、追加したクリップの両端に「トランジションを設定する」の３段階です。

| 17

【必要な個所に字幕を設置する】【エンディング用クリップ等を作成】

18 |10 吹き出し・図の挿入「オーバーレイトラック」を活用すると、「吹き出し」や「図」の挿入が可能になります。

A 挿入する図を用意します。
Point:背景を透明にする必要があるため、背景を単色で塗っておきます（クロマキー）。
（例）透明にしたい箇所を緑で塗っています。

| 19

Ｂ 用意した図を必要な箇所にドラッグアンドドロップで挿入します。
Point:２つ以上の図を同じ時間に表示させたい場合は、トラックを増やしておきます。
Point:図を挿入する場所は、オーバーレイトラックです。

20 |Ｃ クロマキー処理を行い、背景を透明にしましょう。
a 挿入した図をダブルクリックして、「オプションウィンドウ」を表示させます。
b 「属性」→「マスク＆クロマキー」をクリックして、設定画面を表示させます。
c 「オーバーレイオプションを適用」にチェックを入れます。
d 必要な場合は、「近似」の値を操作してください。

| 21

Ｄ 図を本編動画に合わせて動かしたい場合は、「高度なモーション」を使って、図に動きをつけます。
（動きの設定の方法は、16 頁の「パン」の設定とほぼ同じです。16 頁を参考にしてください。
）

Point:「キーフレーム」を細かく追加しながら、追加したキーフレームごとに画像の位置を調整していくことで、対象に追従した動きを実現することができます。
Point:対象に追従した動きを実現する図形を挿入したいときは、上のように「高度なモーションの作成」
を使って手動でモーションの作成を行う方法以外にも、本編動画の「モーショントラッキング」機
能を活用して、追従したい対象のモーションを自動的に解析し、それで作成されたモーションに画22 |像を載せるという方法があります（位置や大きさの調整は、追加されたモーショントラックの「モーションの調整」で行います）。

| 23

11 ビデオの書き出し完成した動画を、mp4 形式 で書き出してみましょう。
クリック
クリック

クリック

ファイル名を入力します。

保存場所を選択します。

クリックして、書き出しを開始します。

24 |【プロジェクトの保存】
編集の作業内容を保存します。これを再度読み込むことにより、再編集が可能になります。

「ファイル」→「名前を付けて保存」| 25

教材作成 に役立 つ動画 編集ソ フトの 活用