PowerPoint×Canva×ScreenFlowでスライド動画作成④ScreenFlowでスライド動画編集

PowerPoint×Canva×ScreenFlowでスライド動画作成④ScreenFlowでスライド動画編集

前回の記事で、ScreenFlowでスライド動画の撮影・収録方法を解説いたしました。

ScreenFlowでスライド動画撮影・収録 PowerPoint×Canva×ScreenFlowでスライド動画作成③ScreenFlowでスライド動画撮影・収録

この記事では、ScreenFlowで撮影・収録した動画の編集&書き出し方法についての解説をお伝えします。

この記事を最後までご覧になって、あなたのお悩みを解決するきっかけにしていただけたら嬉しいです。それでは行きましょう!

ScreenFlowの編集画面の紹介

ScreenFlowの編集画面の紹介

ScreenFlowの編集画面の解説をしていきます。

プレビュー画面

プレビュー画面
プレビュー画面。編集する動画の確認モニターですね。
再生ボタンと動画の先頭、末尾にジャンプのボタン
再生ボタンと動画の先頭、末尾にジャンプのボタンです。

タイムライン

タイムライン
タイムライン

ここに撮影・収録した映像と音声のトラックが時系列で表示されます。

映像をミュートボタン
映像をミュートボタン
音声をミュートボタン
音声をミュートボタン
トラックの表示高さの調整
トラックの表示高さの調整

トラックの高さの大小を変えられます。映像の内容や音声の波形を確認したいときに大きくするといいです。

トラック表示の上下入れ替え
トラック表示の上下入れ替え

3本線をドラッグするとトラックの上下を入れ替えることができます。これは画面の前面背面に比例していて、上のトラックの方が前面になって下のトラックの方が背面になります。音声と映像の前面背面は関係ないので上下はお好みで、僕は映像が上じゃないとしっくりこないので、そうしてます。

ツール変更
ツール変更

下にツールパレットの箇所で

  1. 選択
  2. ズーム
  3. 手のひら
  4. ブレード
  5. トラック選択

が切り替えれます。ショートカットキーで操作するので僕は使いません。

タイムラインの表示範囲の設定
タイムラインの表示範囲の設定

このスライダーで表示範囲の大きさを変更できます。これもショートカットキーで操作するので僕は使いません。

ツールパネル

画面右側のツールパネルっていうんですかね?右から

メディア
メディア

映像とか音声の格納庫です。

テキスト
テキスト


テロップを編集します。

注釈
注釈


図表とか注釈を挿入します。

オーディオ
オーディオ


ボリュームの調整などを行います。

ビデオ
ビデオ


映像の位置とサイズトリミングを調整

ScreenFlowの編集ステップ

ScreenFlowの編集ステップ

編集したいトラックを全てタイムラインに挿入して、僕はこんな順序でやっています。

  1. 音量調整
  2. ワイプ映像のサイズ&位置調整
  3. カット編集
  4. 画像・映像を重ねて表示
  5. テロップの挿入
  6. BGM挿入

音量調整

右クリックで「オーディオを分離」
右クリックで「オーディオを分離」
映像と音声のファイルを分離
映像と音声のファイルを分離

顔出し映像と音声が一つのファイルになっていると思いますので、右クリックで「オーディオを分離」で映像と音声のファイルを分離しておきます。

まずは音量調整、音量調整はできるだけ全部の音量をできるだけ均等に、歪まない程度にできるだけ大きくします。

タイムラインをズームインするのですが、ショートカットを使います。ショートカットとはキーボードのキーで動作を操作することです。

マウスやトラックパッドでカーソルも持っていって「保存」
マウスやトラックパッドでカーソルも持っていって「保存」

例えばファイルを保存するときに、いちいちマウスやトラックパッドでカーソルも持っていって「保存」なんて押していると時間がかかりますよね。

そんなときに⌘+Sのキーを押すと保存という動作が瞬時にできちゃいます。パソコン初心者の方ほど、このショートカットを最初に憶えてクセ付しておくと作業が楽にスピーディーになります。知らなかった方もぜひ覚えておいてください。

タイムラインのズームインアウトは頻繁に使います。

環境設定→ショートカット
環境設定→ショートカット

「ScreenFlow」→「環境設定」この操作も「⌘+,」のショートカットで開けます。

ショートカットタブ→「編集メニュー」タイムラインをズームイン、タイムラインをズームアウトと並んでいます
ショートカットタブ→「編集メニュー」タイムラインをズームイン、タイムラインをズームアウトと並んでいます。
「^」をショートカットに設定
「^」をショートカットに設定

ズームアウトは-キーを押すとできます。ズームインにはショートカットが設定されていないので、ここをクリックしてアウトの隣のキー「^」をショートカットに設定しましょう。このときにエンターキーを押すとうまくいかないようなので、エンターキーを押さないでそのまま違うところをクリックします。

ズームイン、ズームアウトがスムーズにスピーディーに操作
ショートカットを設定するとズームイン、ズームアウトがスムーズにスピーディーに操作できます。
音声トラックを全部選択
ズームインして、音声トラックを全部選択します。
オーディオのパネルを表示
右のツールパネルの左から二番目をクリックしてオーディオのパネルを表示します。
「音量レベルを平滑化」にチェック
「音量レベルを平滑化」にチェックを入れます。この作業で全ての音声クリップを大きくしてくれます。
音量を90%ぐらいに設定

そのままだと大きすぎる時があるので、そんなときは音量を90%ぐらいに設定してます。これはあくまで僕の場合の設定ですので、あなたのベストな音量調整を試してください。

ワイプ映像のサイズ&位置調整

今回はスライドの映像と顔出しの映像があるので、顔出しのワイプ映像のサイズ&位置調整を行います。

スライドの映像トラック
スライド映像のトラック
顔出し映像のトラック
顔出し映像のトラック

トラックの上下がそのまま画面の前面背面の関係と連動しているので、顔出しの映像のトラックを上に持ってきます。

顔出し映像のサイズを編集
顔出し映像のサイズを編集

右のビデオパネルを開いてサイズを調整します。今回はワイプとして使うので30%ぐらいに設定します。するとこのように顔出し映像が小さく表示されます。

顔出し映像のトリミング
顔出し映像のトリミング

次にトリミングが必要な場合は、切り取りを開きます。左をトリミング、右をトリミング、上をトリミング、下をトリミングで調整します。

顔出し映像の位置を数値で編集
顔出し映像の位置を数値で編集

位置の調整をします。位置は数値でも入力できますが、

顔出し映像の位置をドラッグで編集
顔出し映像の位置をドラッグで編集

顔出しの映像をドラックして位置を決める方がやりやすいと思います。右下に顔出し映像をドラッグして配置します。

カット編集

カット編集とは、不必要な部分や不要な間をカットしていく作業ですが、今回はスライド動画なので、最低限の編集でいいと思います。間が開きすぎているところ、言い間違えたところ、「あの〜」とか、「え〜」などの不要なつなぎ言葉をカットしていきます。

今回は

  1. メインのスライドショーの映像
  2. 顔出しのワイプ映像
  3. 音声

の連動している3つのトラックがありますので、3つとも同時のカット編集していきます。

連動しているトラックは同時にカット編集
連動しているトラックは同時にカット編集

当たり前ですが、映像と音声がちゃんとシンクロした状態にするためです。ここでもショートカットを使います。リップル削除を覚えましょう。

通常選択したクリップをdeleteキーで削除
通常選択したクリップをdeleteキーで削除すると、
クリップ間に間が空いてしまう
クリップ間に間が空いてしまいます。

そこで間が開かないように削除と同時に空いた間のクリップを詰める動作をリップル削除と言います。削除したい部分の選択にはインアウトを使います。

「I」キーを押してインポイントを設定
「I」キーを押してインポイントを設定

削除したい始まりの地点で「I」キーを押すとインポイントが設定されてタイムラインがブルーになります。

「O」キーを押してアウトポイントを設定
「O」キーを押してアウトポイントを設定

削除したい終わりの地点で「O」キーを押すとアウトポイントが設定されます。インポイントからアウトポイントまでの箇所がブルーになります。

シフトキーを押しながら範囲をドラックしてもインアウトを設定できます。
シフトキーを押しながら範囲をドラックしてもインアウトを設定できます。
deleteキーを押すとクリップ間に間が空いてしまう
選択したインアウトポイントを「delete」キーを押すとただ消去されるだけですので、
「⌘+delete」キーでリップル削除
「⌘+delete」キーでリップル削除
消去して間がつめられます。
消去して間がつめられます。

これも覚えると、とてもスムーズでスピーディーにカット編集できますので覚えておくと良いでしょう。後者のドラッグしてリップル削除の方が最初はやりやすいかもですが、慣れてくるとインアウトを使ったリップル削除の方が早いと思います。

ちなみにカット編集なら、Adobe Premiere Proが一番早くできると思います。ショートカットキーを設定してインポイント+カット、アウトポイントをカットと同時にリップル削除できるので、2回キーを押すだけで済みます。

画像・映像を重ねて表示

今回スライド動画なので、映像の編集は行いませんが、画像や映像を重ねることができます。

右のツールパレットの一番左を選択して、ここに重ねたい画像や映像をドラッグします。
右のツールパレットの一番左を選択して、ここに重ねたい画像や映像をドラッグします。
重ねたい画像ファイルをタイムラインの上にねじ込むようにドラックすると
重ねたい画像ファイルをタイムラインの上にねじ込むようにドラックすると
トラックが一つ作られます。
トラックが一つ作られます。

顔出し映像のワイプ画像と同じようにサイズと位置を調整して、表示する区間を設定すると画像や映像を重ねられます。重ねたクリップにトランジションを設定するとよりスムーズに重ねられます。

テロップの挿入

今回はスライド動画なので、テロップは挿入しませんが、ScreenFlowではテロップも表示できます。スライド動画の撮影・収録後に、ここにテロップ入れたかったなというときは追加で挿入できます。

テロップ挿入のやり方は、右のツールパレットのTマークをクリックしてテキストパレットを使います。
テロップ挿入のやり方は、右のツールパレットのTマークをクリックしてテキストパレットを使います。
+マークを押すと黒い角丸の背景のテキストが表示されます。
+マークを押すと黒い角丸の背景のテキストが表示されます。
このテキストに文字を入力するのですが、
このテキストに文字を入力するのですが、うまく入力できない時があるので、文字はあらかじめ用意しておいてコピーペーストした方がうまくいきます。
フォントを変更。
フォントを変更。
サイズを変更。
サイズを変更。
ボールドマークを押し直す
サイズを変更したときにテキストの表示がおかしくなるときがあるので、ボールドマークを押し直すと正しく表示されました。
行揃えも変更できます。
行揃えも変更できます。
塗りつぶしの下の四角をクリックするとカラーパレットが開きますので
塗りつぶしの下の四角をクリックするとカラーパレットが開きますので
文字のカラーを変更できます。
文字のカラーを変更できます。
輪郭にチェックを入れると文字の縁取りを設定できます。同じように視覚をクリックして縁取りのカラーを変更できます。
輪郭にチェックを入れると文字の縁取りを設定できます。同じように視覚をクリックして縁取りのカラーを変更できます。
バックドロップのチェックを外すと文字の背景が消えます。
バックドロップのチェックを外すと文字の背景が消えます。
文字の背景のカラーも変更できます。
文字の背景のカラーも変更できます。
背景の角丸の大きさ、余白の大きさも設定できます。
背景の角丸の大きさ、余白の大きさも設定できます。

BGM挿入

BGMの挿入ですが、BGMは別になくても良いです。つける場合は本当にうっすらと音声を邪魔しないように設定しましょう。

メディアパネルにBGMファイルをドラッグ
BGMの挿入も同じように右のツールパレットの一番右を選択して、ここにBGMファイルをドラッグします。
BGMファイルをタイムラインに挿入
BGMファイルをタイムラインに挿入
BGMトラックを作成
BGMトラックを作成

僕はBGMは一番下のトラックに表示したいので、タイムラインの一番下にねじ込むようにドラックするとトラックが一つ作られます。BGMを表示する区間を設定します。

BGMのボリューム調整
BGMのボリューム調整

BGMのボリューム調整は、音量調整と同じようにオーディオのパレットを使います。音量は「小さすぎるんじゃないの?」というぐらい薄らでちょうど良いです。今回は10%くらいに設定します。

「⌘+option+,」キーでクリップの先頭にトランジションを挿入
「⌘+option+,」キーでクリップの先頭にトランジションを挿入

フェードインアウトを設定するときは、トランジションを使います。「⌘+option+,」キーでクリップの先頭にトランジションを挿入できます。このトランジションでフェードインを設定できます。

トランジションのクリップの長さでフェードインの区間を設定
トランジションのクリップの長さでフェードインの区間を設定

トランジションのクリップをドラックして長さを変更できます。トランジションのクリップの長さでフェードインの区間を設定できます。

「⌘+option+.」キーでクリップの末尾にトランジションを挿入できます。このトランジションでフェードアウトを設定できます。あとは、フェードインの時と同じ要領です。

動画全体にうっすらとかけても良いし、動画のオープニングとエンディングにBGMを設定しても良いと思います。

終わりに

以上で一通りScreenFlowの編集を行ってきました。ScreenFlowでは、ぼかしを入れたり、囲み枠などの注釈を入れることもできます。ScreenFlowの編集の仕方で聞きたいこと、わからないことがあれば、このページに埋め込んでいるYouTubeのコメント欄に書き込んでください。


ここまでご覧いただいてありがとうございました。

ScreenFlowでスライド動画編集
  1. 画面紹介
  2. ステップ
    1. 音量調整
    2. カット編集
    3. BGM挿入

あなたの参考になったでしょうか?「参考になったよ!」というあなたは、どんどんシェアしてもらって構いません。それではまた、会いましょう。

2 COMMENTS

小南 善彦 (こみなみ よしひこ)

始めまして、小南と申します。

いつもわかりやすく、ためになる動画をありがとうございます。

ScreenFlowについてお聞したいのですが、テロップを入力する際にフォントは特殊なものではないのですが、該当する文字が出ない時がよくあります。たとえば「まる」と打ち込んで「〇」と表記したいのですが「丸」しかありません。

CANBAでつくったスライドを ScreenFlowのタイムラインに入れて、 ScreenFlowでそれぞれのテロップが表示されるタイミングをずらして編集したいのが最終の目的です。

CANBAで入力してある文字を ScreenFlowにコピペするか、もしくは何かほかのフォントのサイトから、そのそのフォントを ScreenFlowで使えるようにすることは可能でしょうか。

もしくはCANBAだけで文字の現れるタイミングをずらすことは可能でしょうか。アニメーションの中にこちらの任意のタイミングでその文字を出せるような機能はありますか。

もしそれができれば、CANBAのプレゼンテーションを ScreenFlowで画面収録しながら
収音するのもありだとは思いますが・・。

ScreenFlowとCANBA関連のYoutubeをたくさん出されているので、ぜひアドバイスいただければと思います。

どうぞよろしくお願いいたします。

小南 

返信する
V-WorkStyle海堀芳弘

コメントありがとうございます。
「わかりやすくためになる」とのお言葉励みになります。

行われていることは、Canvaでスライドを作成、画面収録した動画をScreenFlowに取り込んで編集するということでしょうか?

「文字の現れるタイミングをずらす」というのはどういうことをされたいのでしょうか?
それがわかれば何か返答できるかもです。

返信する

V-WorkStyle海堀芳弘 へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。 が付いている欄は必須項目です