如何用 Premiere Pro 剪輯線上課程影片|流暢配合旁白與畫面

Adobe Premiere Pro 剪輯線上課程教學的精選圖片

在這個 Premiere Pro 剪輯線上課程影片教學,我會跟你分享諾特斯團隊的 YouTube 影片剪輯技巧,教你如何使用 Adobe Premiere Pro 讓旁白錄音流暢地配上螢幕錄影畫面。

這一篇筆記我會跟你分享諾特斯團隊的剪輯技巧

只要學會了,你也可以開始製作影片,上傳到 YouTube 分享你的知識!


如果你偏好用影片學習,歡迎觀看下面的 YouTube 影片。

我是如何用 Adobe Premiere Pro 剪輯線上課程影片|如何流暢地讓螢幕錄影畫面配上旁白錄音?|Pr 畫面放大縮小|Premiere Pro 教學 2024|YouTube 剪片教學

如果你喜歡透過圖文學習,請繼續往下閱讀吧 !

圖文版會比較詳細、方便快速瀏覽,還會持續更新與補充內容。


備註:
1. Adobe Premiere Pro 又稱 Adobe Premiere Pro CC,其中的「CC」代表 「Creative Cloud」。
2. Adobe Premiere Pro 可以簡稱為 Premiere 或 Pr。
3. 以下教學我會把 Adobe Premiere Pro 簡稱為 Premiere。


諾特斯團隊影片製作流程

我先簡短說明我 YouTube 頻道 的影片製作流程,大致分成 3 個階段:規劃內容、製作素材、剪輯影片

我 YouTube 頻道的影片製作流程,大致分成 3 個階段

第 1,先規劃影片的主題與內容。

像是我希望「觀眾在看完 YouTube 教學後,可以再到諾特斯網站觀看更詳細的圖文筆記」,所以我打算製作一部「導流到網站的結尾影片」。

我打算製作一部「導流到網站的結尾影片」

確定這個主題後,就能用 Notion 或其他筆記平台製作講稿的內容和注意事項,這裡我就簡稱它為「腳本」。

製作講稿的內容和注意事項

第 2,開始製作剪輯素材和錄音、錄影。

我的頻道是使用一款免費且開源的程式 OBS 錄製。它不僅可以進行跨平台串流,也可以錄製清晰的畫面與錄音。

如果你對這款軟體有興趣,可以點擊連結前往下載。

👉 點我下載 OBS

使用免費且開源的程式 OBS 錄製 1

如果你對 OBS 錄音、錄影的教學有興趣,可以點擊下方連結觀看。

⭐ 更多免費筆記
OBS 錄製線上課程教學

第 3,開始剪輯影片。

之前的筆記提到過,我們頻道是使用 Adobe Premiere Pro 作為剪輯軟體。

👉 點我觀看「Adobe Premiere Pro 評價」

Premiere 評價

在這個階段,我會一邊對照 1. 腳本上的內容及注意事項,一邊使用 2. 素材剪輯出最終成果。

對照 1. 腳本上的內容及注意事項,一邊使用 2. 素材剪輯出最終成果

這篇圖文筆記,主要就是分享這個階段的剪輯技巧

如果你不是使用 Premiere 作為剪輯工具,那要注意:
筆記中提到的快捷鍵與功能可能沒有辦法通用。

但是「旁白與畫面的剪輯概念」還是可以套用在所有剪輯軟體上

如果你不是使用 Premiere 作為剪輯工具,要注意

好,那我們開始操作吧!


剪輯影片

範例檔雲端

如果你想跟著筆記一起操作,可以在前往我準備的 Google 雲端 連結下載檔案。

👉 點我前往 Google 雲端,下載筆記用素材

  • 成品打包檔,可以看到我製作的檔案。
  • 範例素材,可以看到我會使用到的全部素材。
    裡面有旁白 MP3 檔、螢幕錄影 MP4 檔,還有這次教學的簡易腳本。
Google 雲端範例檔

新增序列

在 Premiere 匯入雲端的範例素材,並新增一個序列。

新增一個序列

點「Settings」(設定) 來做序列設定。

點「Settings」設定
  • Editing Mode (編輯模式):調整成 Custom (默認)。
  • Timebase (時間基準) 和 Display Format (顯示格式):是設定我們影片的幀數,代表 1 秒會有幾張畫面。
    預設的 29.97 fps 就是一般影片常用的幀數之一,所以我們保持預設就好。
    其他不同用途的影片,可以參考表格來做幀數設定。
影片的幀數表格
  • Sequence Name (序列名稱):將影片命名。
  • 其他選項:我們保持預設就好。

設定好之後,就可以按「OK」。

設定好之後,就可以按「OK」

這樣我們就建立好一個序列了,時間軸也幫我們自動開啟這個序列!

時間軸自動開啟這個序列

但是旁白音檔跟螢幕錄影,我們要先處理哪一個呢?

這個問題我們團隊實際研究過:
如果剪輯操作畫面比較多的操作類影片,由「螢幕錄影去配合旁白的語速」是最好的方法,所以我們優先處理旁白和語速。

由「螢幕錄影去配合旁白的語速」是最好的方法

剪輯旁白

把旁白音檔拖曳到時間軸,按快捷鍵「\」(反斜槓),讓音軌符合時間軸寬度。

  • 快捷鍵:讓時間軸的素材「符合時間軸的顯示比例」
    Windows 系統:\ (反斜槓)。
    Mac 系統:\ (反斜槓)。
把旁白音檔拖曳到時間軸

接著,開啟範例檔案內的「簡易腳本」,我們先檢查音檔有沒有錯誤或缺少的內容

開啟範例檔案內的「簡易腳本」
  • 與「播放」相關的快捷鍵:(以下 Windows 系統與、Mac 系統通用)
    播放:「空格鍵」。
    暫停:「空格鍵」或「K」。
    播放時,加速:,「L」。
    播放時,2 倍數:按 2 次「L」。
與「播放」相關的快捷鍵

對照著腳本聽完後,可以發現有 2 個有錯誤的地方:一個是念錯重錄,一個是有多餘的停頓。

我們要刪除它們。

可以發現有 2 個有錯誤的地方

刪除錯誤錄音

拖曳「播放磁頭」的藍線到第一個錯誤前。

拖曳「播放磁頭」的藍線到第一個錯誤前

接下來要調整時間軸的「瀏覽大小」,方便我們剪輯。

  • 調整「右側的拉桿」:放大音軌的振幅
  • 調整「下方的拉桿」:放大音軌的波長
調整時間軸的「瀏覽大小」,方便我們剪輯

再來要刪除第一個錯誤。

我們直接使用「Razor Tool」(剃刀工具) 的快捷鍵,拖曳「藍線」在錯誤的前、後,按「Ctrl + K」分割、「Delete」刪除。

  • 快捷鍵:Razor Tool (剃刀工具) 的「分割」
    Windows 系統:Ctrl + K。
    Mac 系統:Cmd + K。
使用「Razor Tool」剃刀工具 的快捷鍵 Ctrl K 進行分割、刪除

我們後面多餘的停頓也是,用「Ctrl + K」進行分割和刪除。

後面多餘的停頓也是,用「Ctrl K」進行分割和刪除

完成後,在空白處點「右鍵」,「Ripple Delete」(波紋刪除) 來刪除空白的地方。

在空白處點「右鍵」,「Ripple Delete」波紋刪除

刪除多餘的停頓

其他還有很多空白的片段,也就是沒有音波的地方,這些我們都要刪除。

其他還有很多空白的片段 2

將「藍線」移動到開頭空白尾端。

將「藍線」移動到開頭空白尾端

放大時間軸確定沒有切到後面的旁白後,按快捷鍵「Ctrl + K」分割、刪除。

按快捷鍵「Ctrl K」分割、刪除

後面所有的空白也用同樣的做法,用「Ctrl + K」分割出來、再刪除。

剪輯時,我們要一邊聽聲音 (旁白的內容),將「藍線」移動到音波頭、尾的位置,並反覆放大、縮小時間軸檢查藍線有沒有切到旁白,再進行分割、刪除

好了之後,按「\」(反斜槓),就會看到音軌被切得密密麻麻了。

後面所有的空白也用同樣的做法:分割、刪除

備註: 我們頻道是把聲音切得滿細的,如果你覺得聽起來沒有什麼問題,可以只處理比較明顯的空白就好。

將分割的段落閉合 (Close Gap)

接下來,我們要將分割後的空白段落閉合。

我們要將分割後的空白段落閉合

在時間軸按快捷鍵「Ctrl + A」,全選所有的音波。

  • 快捷鍵:全部選取。
    Windows 系統:Ctrl + A。
    Mac 系統:Cmd + A。
在時間軸按快捷鍵「Ctrl A」

之後點上方工具列「Sequence」(序列) 的「Close Gap」(關閉間隙)。

點上方工具列「Sequence」序列 的「Close Gap」關閉間隙

這樣就閉合了。

這樣就閉合了

接著在最前面的空白處點「右鍵」,「Ripple Delete」(波紋刪除)。

空白處點「右鍵」,「Ripple Delete」波紋刪除

我們就會得到只有「聲音段落」的旁白音檔。

只有「聲音段落」的旁白音檔

調整整體語速

調整語速之前,我們要先了解自己影片的幀數。
像這部影片的幀數是 29.97 fps,代表 1 秒的時間內大約有 30 張畫面

我們放大時間軸,可以看到上面的刻度也是這樣計算的,1 秒內有 30 個小格。

1 秒內有 30 個小格
幀數 fps畫面 / 秒適合的影片類型
24 fps24 張/秒日本動畫……
29.97 fps、
30 fps
30 張/秒新聞、電視劇、多數網路影片……
60 fps60 張/秒動畫電影、遊戲、電影製作、體育賽事……

所以,當我們在時間軸左上角的碼表輸入「+15」的話,藍線就會前進「半秒」。

左上角的碼表輸入「15」的話,藍線就會前進「半秒」

輸入「+5」的話,藍線就會前進「1/6 秒」。

輸入「5」的話,藍線就會前進「1 6 秒」

然後特別的是,如果輸入「+100」會直接「+1 秒」。

輸入「100」會直接「1 秒」

輸入「+300」會直接「+3 秒」。

輸入「300」會直接「3 秒」

我們團隊就是用這種方法來精準調整語速,判斷的依據如下:

時機判斷輔助碼表幀數實際秒數補充
句中的停頓頓號 (、)+51/6 秒
句子 與 句子逗點 (,)
句點 (。)
+151/2 秒相同話題內的句子
不同話題句點 (。)+1001 秒換了不同話題
轉場+1001 秒畫面轉跳後,留 1 秒給觀眾反應
影片片尾+500 ~ +1,0005 秒 ~ 10 秒留給 YouTube 資訊卡的時間
此表僅適用幀數為 29.97 或 30 的影片

調整語速時,我們會一邊看著腳本、一邊聽旁白錄音來判斷。

一邊看著腳本、一邊聽旁白錄音來判斷

我們把「藍線」拖曳到第一句旁白的尾端。

把「藍線」拖曳到第一句旁白的尾端

在左上角的碼表輸入「+15」,藍線就會往後「半秒」。

在左上角的碼表輸入「15」,藍線就會往後「半秒」

接著,點左下角工具列的「Track Select Forward Tool」(軌道選取前進工具),或是按它的快捷鍵「A」,就會看到鼠標變成「黑色的雙箭頭符號」。

  • 快捷鍵:Track Select Forward Tool (軌道選取前進工具)
    Windows 系統:A。
    Mac 系統:A。
點左下角工具列的「Track Select Forward Tool」軌道選取前進工具

就能點一下「音軌」,把後面所有的旁白全部選起來,往後對齊藍線。

點一下「音軌」往後對齊藍線

按「空格鍵」繼續播放。

腳本上有標示「Google 搜尋」後的畫面是「轉場」,所以我們要把「藍線」移到「網站架設 諾特斯」的尾端。

把「藍線」移到「網站架設 諾特斯」的尾端

在左上角碼表輸入「+100」,藍線就會往後移「1 秒」。

在左上角碼表輸入「100」,藍線就會往後移「1 秒」

再點一下「旁白」,全部往後對齊藍線。

再點一下「旁白」,全部往後對齊藍線。

以此類推,後面的旁白,我們都是用同樣的方式來調整。

你可以根據腳本上的句子、標點符號、備註來判斷語速的間隔,要半秒還是 1 秒,或是依照自己的感覺與喜好來判斷。

後面的旁白,我們都是用同樣的方式來調整

設定好全部的語速後,可以點左下角工具列的「Selection Tool」(選取移動工具),或是按它的快捷鍵「V」切換回正常的白箭頭游標。

  • 快捷鍵:Selection Tool (選取移動工具)
    Windows 系統:V。
    Mac 系統:V。

這樣就能開始剪輯畫面囉。

點左下角工具列的「Selection Tool」選取移動工具

剪輯畫面

好!接下來要來處理畫面了。

取消畫面與音軌的連結

我們把「螢幕錄影」拖到時間軸,會看到 MP4 的影像都會黏著一個音檔

MP4 的影像都會黏著一個音檔

為了避免它蓋掉處理完的旁白,我們要將「螢幕錄影」往上移到 V2 影片軌道,會看到黏著的音檔對應移動跑到 A2 音軌。

往上移到 V2 影片軌道,音檔也會跑到 A2 音軌

接著在螢幕錄影按「右鍵」,選「Unlink」(取消連結)。

在螢幕錄影按「右鍵」,選「Unlink」取消連結

這樣就能取消連結,再刪除不要的音檔囉。

取消連結,再刪除不要的音檔

好了之後,就把 V2 軌道的「螢幕錄影」拖曳到 V1 軌道吧。

把 V2 軌道的「螢幕錄影」拖曳到 V1 軌道吧

讓畫面加速或放慢

接下來,我們要一邊聽旁白音檔、一邊對照螢幕錄影

馬上看到螢幕錄影上搜尋動作快了,旁白還沒有講到搜尋,滑鼠就已經開始動作。

螢幕錄影上搜尋動作快了

所以我們把「藍線」移到「滑鼠動作」前的畫面,按「Ctrl + K」分割螢幕錄影,再整段移動到下一句旁白上。

分割螢幕錄影,再整段移動到下一句旁白上

再按「空格鍵」繼續播放,我們看到螢幕錄影上的打字慢半拍出現,旁白已經進到諾特斯網站,畫面卻還在打字。

螢幕錄影上的打字慢半拍出現

所以這次換把「藍線」移到「搜尋後」的畫面,得把時間軸放很大才能精準找到關鍵的轉跳畫面,再按「Ctrl + K」分割螢幕錄影。

得把時間軸放很大才能精準找到關鍵的轉跳畫面

縮回時間軸,點左下角工具列的「Rate Stretch Tool」(速度調整工具),或是按它的快捷鍵「R」,會看到滑鼠變成一個左右箭頭的符號。

  • 快捷鍵:Rate Stretch Tool (速度調整工具)
    Windows 系統:R。
    Mac 系統:R。
點左下角工具列的「Rate Stretch Tool」速度調整工具

我們要移動到素材的分割處,才會看到禁止的紅線消失。

移動到素材的分割處,禁止的紅線才會消失

接著按住不放,用拖曳的方式將「打字畫面」縮短到覆蓋住「Google 搜尋」的旁白。

用拖曳的方式將「打字畫面」縮短到覆蓋住「Google 搜尋」的旁白

同樣的方法。
前面分割掉的空白也能用快捷鍵「R」把第一段錄影拉長,意思是放慢這段影像來補滿這個空白。

同樣的方法,用快捷鍵「R」把第一段錄影拉長

調整完之後,就會看到「Google 搜尋」畫面上的「打字速度」加快了!

「Google 搜尋」畫面上的「打字速度」加快了!

使用內建截圖增加停頓長度

那這裡有個小技巧要跟大家分享:
那就是畫面在轉跳、操作後,我們要保留一小段的時間,讓觀眾看清楚畫面上的操作
要注意,不要馬上開始下一個動作,讓觀眾沒有時間反應。

我們按「V」切換回選取鼠標,把分割後的「螢幕錄影」往前移動。

把分割後的「螢幕錄影」往前移動

可以看到畫面一轉跳,馬上就進行滑鼠操作了。

畫面一轉跳,馬上就進行滑鼠操作了

這樣就是沒有預留時間,讓觀眾理解畫面資訊,所以我們要在中間安插一個靜止的影像

要在中間安插一個靜止的影像

我們把「螢幕錄影」往後放在下一句旁白上。

把「螢幕錄影」往後放在下一句旁白上

接著把「藍線」移到分割處。

把「藍線」移到分割處

按快捷鍵「Ctrl+Shift+E」,或是在預覽視窗找到「Export Frame」(匯出影像) 這個按鈕。

  • 快捷鍵:Export Frame (匯出影像)
    Windows 系統:Ctrl + Shift + E。
    Mac 系統:Cmd + Shift + E。
按快捷鍵「CtrlShiftE」,或是在預覽視窗找到這個按鈕

這個功能可以把「預覽視窗」上顯示的畫面截圖、匯出,變成全新的一個素材!

  • Name (名):可以將檔案命名。
  • Format (檔案格式):我們選擇「JPEG」。
  • Import into project (導入到專案):勾選起來。
    這樣按「OK」後,截圖就會自動匯入我們的專案
  • Browse … (瀏覽):可以選擇截圖檔案存放的位置。

設定完就能按「OK」。

Export Frame」匯出影像

然後截圖就會直接幫我們匯入專案視窗囉!

截圖就會直接幫我們匯入專案視窗囉

我們把「截圖」拖曳到時間軸的 V2 軌道,對齊「空白處」。

把「截圖」拖曳到時間軸的 V2 軌道,對齊「空白處」

然後縮短,塞到 V1 軌道這個空白內。

縮短塞到 V1 軌道這個空白內

這樣畫面轉跳後多了 1 秒的靜止畫面,讓觀眾有吸收畫面資訊的反應時間囉!

讓畫面與旁白同步

接下來的操作,就是將「讓畫面加速或放慢」和「使用內建截圖增加停頓長度」這 2 個剪輯技巧交叉使用

而畫面與旁白同步的要點是:

  • 第 1,旁白講話時畫面就動作,旁白結束时畫面就暫停
  • 第 2,畫面動作後,一定要保留至少半秒的停頓,讓觀眾有時間可以吸收畫面資訊
畫面與旁白同步的要點 1

例如「選第一個搜尋結果」這句旁白。
我們放大時間軸,找到「鼠標點擊」後「轉跳完」的畫面,進行分割。

找到「鼠標點擊」後「轉跳完」的畫面,進行分割

再縮小時間軸,用快捷鍵「R」讓畫面加速到與旁白一樣的範圍。

用快捷鍵「R」讓畫面加速到與旁白一樣的範圍

然後把後面分割後的「螢幕錄影」往前移動到「下一句旁白」的位置。

分割後的「螢幕錄影」往前移動到「下一句旁白」的位置

中間這段空白就用「Export Frame」(匯出影像) 補上靜止的截圖。

用「Export Frame」匯出影像 補上靜止的截圖

這樣就完成「選第一個搜尋結果」這句旁白與「螢幕錄影」畫面的同步了!

完成「選第一個搜尋結果」這句旁白與「螢幕錄影」畫面的同步了

我再示範「點右上角的開始架站按鈕」這句旁白。
先找到滑鼠點擊後「轉跳完」的畫面,進行分割。

我再示範「點右上角的開始架站按鈕」這句旁白

然後把後面分割的「螢幕錄影」往前移動到「下一句旁白」的位置。

把後面分割的「螢幕錄影」往前移動到「下一句旁白」的位置

再用快捷鍵「R」將它拉長,讓畫面放慢到與旁白一樣的範圍。

用快捷鍵「R」將它拉長,讓畫面放慢到與旁白一樣的範圍

再用「Explore Frame」(匯出影像) 補上靜止的截圖。

用「Explore Frame」匯出影像 補上靜止的截圖

這樣就完成第二句的旁白與畫面同步囉!

這樣就完成第二句的旁白與畫面同步囉

刪除多餘的畫面

我們繼續製作,會看到下一段錄影出現與腳本不同描述的操作。

按照腳本內容,我們應該先講上面的「3 種教學」,再介紹下面「WordPress 教學總整理」。
這裡的螢幕錄影「直接往下移動」,與腳本上的內容不符。

螢幕錄影「直接往下移動,與腳本上的內容不符」

我們檢查一下更後面的畫面,果然發現有一段重錄的錄影。

內容錄製時,我們常常會出現錯誤的操作與遲疑的畫面,像是點到錯誤的按鈕、滑鼠飄移、忘記下一個步驟而出現空白動作。

我們團隊的教學錄製也很常出現需要淘汰的內容,幸好這些錯誤的畫面都能用剪輯的方式刪除

幸好這些錯誤的畫面都能用剪輯的方式刪除

首先,我們要先找到錯誤及正確的畫面,有什麼共同點

先找到錯誤及正確的畫面,有什麼共同點?

對照來看,可以發現能進行無縫接軌的地方就是畫面轉跳前的「點擊右上角按鈕」這一幕了。

能進行無縫接軌的地方就是畫面轉跳前的「點擊右上角按鈕」這一幕了

所以找到正確段落的「點擊右上角按鈕」,進行分割。

找到正確段落的「點擊右上角按鈕」,進行分割

然後把前面的錯誤段落,包括專案視窗內的截圖檔案全部刪除。

把前面的錯誤段落,包括專案視窗內的截圖檔案全部刪除

接著把「正確段落」往前移到對應的旁白上方。

把「正確段落」往前移到對應的旁白上方

用「Export Frame」(匯出影像) 補一張靜止的截圖時,因為刪除的截圖原圖還在,所以會詢問你是否要覆蓋檔案,按「Yes」就好了。

會詢問你是否要覆蓋檔案,按「Yes」就好了
用「Export Frame」匯出影像 補一張靜止的截圖

下一句旁白就重複同樣的步驟,我們找到「轉跳後」的畫面,分割。

找到「轉跳後」的畫面,分割

然後用快捷鍵「R」把畫面補齊。

用快捷鍵「R」把畫面補齊

用「Export Frame」(匯出影像) 補一張靜止的截圖,這樣畫面就會比較和諧了!

用「Export Frame」匯出影像 補一張靜止的截圖 1

剩下的畫面,我們用剛剛教的方法完成所有的剪輯。

剩下的畫面,我們用剛剛教的方法完成所有的剪輯

最後的片尾,我習慣留 5~10 秒的空白可以放 YouTube 的引導視窗。

所以把滑鼠移到「旁白」的最尾端。

所以把滑鼠移到「旁白」的最尾端

輸入「+1000」,意思是「+10 秒」。

輸入「1000」,意思是「10 秒」

在這裡進行分割,把多餘的片尾刪除。

進行分割,把多餘的片尾刪除

這樣我們就完成這 1 分鐘左右的小短片了!

這樣我們就可以完成這 1 分鐘左右的小短片了

完成之後,我們可以整理一下專案視窗,建立一個資料夾,把剛剛截圖的畫面收納起來,保持專案的整潔

整理一下專案視窗,保持專案的整潔

透過動畫吸引觀眾的注意力

接下來我們可以再加一些動畫,來吸引觀眾的注意力,讓觀眾聚焦

最常見的做法就是框選提示放大縮小,而這兩個情況通常會出現在說明細節、點擊、畫面轉跳的時機。

製作框選動畫

這部影片的第 1 個點擊是「Google 搜尋後」的「點擊搜尋結果」,我們可以把「諾特斯網站的連結」框起來,提醒觀眾要點擊的地方是這裡。

提醒觀眾要點擊的地方是這裡

在左下角的工具列找到「Rectangle tool」(矩形工具)。

左下角的工具列找到「Rectangle tool」矩形工具

可以放大預覽視窗,在上方拉出一個框。

放大預覽視窗,在上方拉出一個框

但系統預設的矩形是填滿的,完全覆蓋住畫面了,我們要把矩形改成紅色框才行。

點效果控制視窗的「Shape」(形狀)。

點效果控制視窗的「Shape」形狀

把「Fill」(填滿) 的勾選取消。

把「Fill」填滿 的勾選取消

再把「Stroke」(筆畫) 打勾,顏色改成最顯眼的紅色。

把「Stroke」筆畫 打勾,顏色改成最顯眼的紅色。

如果你覺得線條太細,可以在旁邊輸入粗細的數字,在這裡我就輸入「10」。

如果你覺得線條太細,可以在旁邊輸入粗細的數字

如果你覺得矩形的位置大小需要調整,可以按快捷鍵「V」切換回選取鼠標,再點一下「Shape」(形狀),確保我們是選到紅框沒錯,就會看到畫面上的矩形跑出拖曳控制器,讓我們可以自由調整大小。

按快捷鍵「V」切換回選取鼠標,再點一下「Shape」形狀

接著回到時間軸,我們把矩形的 V2 軌道覆蓋住「Google 搜尋結果」的 V1 軌道,這樣就完成一個紅框了!

把矩形的 V2 軌道覆蓋住「Google 搜尋結果」的 V1 軌道

最後,我們要幫紅色框製作一個淡入的動畫。

在矩形素材最前面的邊邊按「右鍵」,選擇「Apply default transitions」(使用預設過渡)。

在矩形素材最前面的邊邊按「右鍵」,選擇「Apply default transitions」使用預設過渡

接著調整一下淡入的速度,你可以拖曳土黃色的框,對照預覽視窗的畫面來調整動畫時間。

拖曳土黃色的框來調整動畫時間

這樣我們就完成一個簡單的框選動畫了!

完成一個簡單的框選動畫了!

讓畫面放大的動畫

製作「放大、縮小」動畫十,我最常使用的時機就是講解細節滑鼠點擊前、後。
剛好下一個步驟就是「點擊右上角的按鈕」,我們就在這裡製作一個放大動畫吧!

我們就在「點擊右上角的按鈕」製作一個放大動畫吧!

在前面說過:旁白講話時畫面就動作。所以我們把「藍線」移到旁白的最前面。

把「藍線」移到旁白的最前面

點擊「螢幕錄影」。

點擊「螢幕錄影」

然後在效果控制器的「Position」(位置) 和「Scale」(規模) 各自按下前面的「碼表」來設置關鍵影格。

各自按下前面的「碼表」來設置關鍵影格

之後在時間軸的碼表輸入「+15」,也就是增加「半秒」。

在時間軸的碼表輸入「15」,也就是增加「半秒」

再回到效果控制器,把 Scale (規模) 的「100.0 」改成「140.0」,意思是把這段螢幕錄影放大「140%」。

把 Scale 規模 的「100.0 」改成「140.0

然後確定預覽視窗的預覽大小,是「Fit」(適配) 。

確定預覽視窗的預覽大小是「Fit」適配

直接看著預覽視窗來調整 Position (位置) 的「X 軸」和「Y 軸」,把畫面調整到網頁右上角的位置。

看著預覽視窗來調整 Position 位置 的「X 軸」和「Y 軸」,把畫面調整到網頁右上角的位置

我們播放一次看看,就可以看到畫面從「中央」用「半秒」的時間放大了「140%」到「右上角」的位置了!

畫面從「中央」用「半秒」的時間放大了「140」到「右上角」的位置了!

而我們只製作了這段螢幕錄影的關鍵影格。

我們只製作了這段螢幕錄影的關鍵影格

所以在畫面轉跳後,下一步就自然縮回原本的大小了。

在畫面轉跳後,下一步就自然縮回原本的大小了

讓畫面放大、縮小的動畫

繼續播放,我希望後面的地方要強調 YouTube 和網站筆記的連結,所以我想在旁白對應的畫面放大、講完之後再縮小。

我想在旁白對應的畫面放大、講完之後再縮小

把藍線移到「這裡的教學」的旁白前。

把藍線移到「這裡的教學」的旁白前

點擊「螢幕錄影」。

點擊「螢幕錄影」 1

同樣將 Position (位置) 和 Scale (規模) 設定關鍵影格。

將 Position 位置 和 Scale 規模 設定關鍵影格

然後時間軸「+15」增加「半秒」。

時間軸「15」增加「半秒」

把 Scale (規模) 改成「140.0」。

把 Scale 規模 改成「140.0」

也調整 Position (位置) 的「X 軸」和「 Y 軸」到順眼的位置。

調整 Position 位置 的「X 軸」和「 Y 軸」到順眼的位置

這樣就完成放大的動畫了!

完成放大的動畫了!

但是我們還在介紹畫面上的內容,「放大」的動畫就跑掉了,這種情況要怎麼解決呢?

「放大」的動畫跑掉了要怎麼解決呢?

我們要記住放大後的 Position (位置) 和 Scale (規模) 的數值。

記住放大後的 Position 位置 和 Scale 規模 的數值

然後點擊尺寸跑掉的「截圖」。

點擊尺寸跑掉的「截圖」 1

在 Position (位置) 與 Scale (規模) 輸入相同的數字就好。

在 Position 位置 與 Scale 規模 輸入相同的數字

接著用藍線來回檢查,可以看到這 2 個素材現在都是相同大小了!

用藍線來回檢查,可以看到這 2 個素材現在都是相同大小了!

再來,我們要製作縮小的動畫。

把滑鼠移到「更有系統的學習 怎麼用 WordPress 架設網站」這段旁白後。

把滑鼠移到「更有系統的學習 怎麼用 WordPress 架設網站」這段旁白後

然後點擊「截圖」。

點擊「截圖」

將 Position (位置) 與 Scale (規模) 設置關鍵影格。

將 Position 位置 與 Scale 規模 設置關鍵影格

把時間軸「+15」也就是「半秒」。

把時間軸「15」也就是「半秒」

再將 Scale (規模) 的「140.0」改成「100.0」。

再將 Scale 規模 的「140.0」改成「100.0」

而 Position (位置) 的「X 軸」與「 Y 軸」改成原本的數字。

如果忘記原本的數字是多少,可以將「藍線」移動到放大前的時間點。

將「藍線」移動到放大前的時間點

點一下「螢幕錄影」,記下這裡的 X 軸和 Y 軸的數字。

點一下「螢幕錄影」,記下這裡的 X 軸和 Y 軸的數字

回過頭,點擊「截圖」。

回過頭,點擊「截圖」

我們可以直接在效果控制器,將「藍線」移動到縮小後的關鍵影格上。

我們可以直接在效果控制器,將「藍線」移動到縮小後的關鍵影格上

然後在 Position (位置) 輸入剛剛記錄的數字。

在 Position 位置 輸入剛剛記錄的數字

完成之後播放一次,這樣就完成強調畫面的放大、縮小囉!

完成強調畫面的放大、縮小囉!

剩下的部分,同樣幫所有點擊與轉跳補上框選或放大縮小的動畫吧。

然後我們要記住一個概念,就是畫面要先製作放大縮小,再製作框選動畫這樣才不會有「素材沒有跟著移動」的情況。


替影片加上背景音樂 (BGM)

從 YouTube 音樂庫下載 BGM

因為我的影片會在 YouTube 使用,所以能到 YouTube 工作室的音樂庫來找適合的音樂。

到 YouTube 工作室的音樂庫來找適合的音樂

通常我會先點「搜尋或篩選音效庫」的「長度」來做初步的篩選。

先點「搜尋或篩選音效庫」的「長度」

像這部影片是 1 分鐘左右,所以我會找「不到 2 分鐘」的音樂,然後按「套用」。

找「不到 2 分鐘」的音樂,然後按「套用」

再來選「搜尋或篩選音效庫」的「類型」。

再來選「搜尋或篩選音效庫」的「類型」

這裡就依照自己的頻道需求和喜好來做選擇。

這裡就依照自己的頻道需求和喜好來做選擇

縮小範圍後,我會按「長度」進行排序,從最長或最接近影片長度的音樂開始播放,聽聽看音樂適不適合自己的影片。

縮小範圍後,我會按「長度」進行排序

如果找到中意的音樂,要下載前要注意最右側的「授權類型」。

下載前要注意最右側的「授權類型」

點一下可以看到這首 BGM 的使用規範,我們必須遵守上面的內容,才能在 YouTube 任意使用音樂庫的資源

點一下可以看到這首 BGM 的使用規範,我們必須遵守上面的內容

調整 BGM 的淡出

找到中意的音樂後,我們把音樂匯入 Premiere 的 A2 音軌。

我們把音樂匯入 Premiere 的 A2 音軌

我挑選的音樂剛好在後面有一個明顯的漸弱,所以我們在這裡分割音軌、刪除。

剛好在後面有一個明顯的漸弱,我們在這裡分割音軌、刪除

接下來,我們來幫 BGM 在片尾做一個長 10 秒的淡出吧。

把「藍線」移到旁白的尾端。

把「藍線」移到旁白的尾端

點一下「BGM」。

點一下「BGM」

在效果控制器把 Level (等級) 設置關鍵影格。

在效果控制器把 Level 等級 設置關鍵影格

再把「藍線」移到螢幕錄影的最後。

把「藍線」移到螢幕錄影的最後

將 Level (等級) 的「0 dB」改成「-40 dB」,這樣就能確保片尾的地方音樂會淡出到幾乎完全沒有聲音

將 Level 等級 的「0 dB」改成「 40 dB」

降低 BGM 的音量

我們播放一次影片,會發現 BGM 的音量太大聲了、甚至蓋過旁白,必須把 BGM 調小聲點才行。

我們在 BGM 點「右鍵」,Audio Gain … (音訊增益)。

在 BGM 點「右鍵」,Audio Gain . 音訊增益

然後點「Set Gain To …」 (將增益設定為),輸入「-25」,意思是把音量「降低 25 分貝」。

好了之後按「OK」。

點「Set Gain To .」 將增益設定為,輸入「 25」

這樣 BGM 就不會蓋過旁白囉!

這樣 BGM 就不會蓋過旁白囉

替影片加上字幕

那如果你還想替影片加上字幕,可以點擊連結參考我之前做過的圖文筆記。

👉 點我查看「AI 上字幕教學」

AI 上字幕 1

像這樣 1 分鐘的影片,只需要幾秒就能夠輸出一份 SRT 的 CC 字幕,或是快速製作出一份 PNG 字幕檔!
這裡我就先略過輸出字幕的細節,你可以直接匯入雲端下載的字幕資料夾就好。

直接匯入雲端下載的字幕資料夾

點開資料夾,可以看到許多字幕的 PNG 檔案。

點開資料夾,可以看到許多字幕的 PNG 檔案

我們往下滑,找到 XML 檔,直接拖曳到時間軸的 V4 軌道。

找到 XML 檔,直接拖曳到時間軸的 V4 軌道

點「Unlink」(取消連結)。

點「Unlink」取消連結

刪除沒有必要的音軌。

刪除沒有必要的音軌

這樣就能看到一份完整的字幕囉!

這樣就能看到一份完整的字幕囉

但是,我們還要檢查有沒有字幕蓋住畫面上的重要內容

我們可以直接拖曳「藍線」快速瀏覽
在支持諾特斯的「進一步了解」,我們發現滑鼠點擊框選的操作被字幕擋住了。

我們發現滑鼠點擊框選的操作被字幕擋住了

點 2 下 V4 軌道的「XML 檔」。

點 2 下 V4 軌道的「XML 檔」

找到對應的 PNG 檔,點一下。

找到對應的 PNG 檔,點一下

在效果控制器,將 Position(位置)Y 軸的「540.0」改成「-300.0」。

將 Position(位置)Y 軸的「540.0」改成「 300.0」

之後點時間軸上的「分頁」,回到主要的影片序列。

點時間軸上的「分頁」,回到主要的影片序列

這樣就會看到字幕往上移動、避開了點擊的畫面囉。

這樣就會看到字幕往上移動、避開了點擊的畫面囉

匯出影片

最後,我們點擊左上角的「Export」(匯出)。

點擊左上角的「Export」匯出

Reset (預設) 的輸出選項,可以直接使用「YouTube 1080p Full HD」的規格。

Reset 預設 的輸出選項,可以直接使用「YouTube 1080p Full HD」的規格

如果你找不到這個選項,就要從最下面的「More Presets」(更多預設)。

點最下面的「More Presets」更多預設

輸入「YouTube」來找到它。

輸入「YouTube」找到它

好了之後,按右下角的「Export」(匯出)。

好了之後,按右下角的「Export」匯出

這樣我們就完成一段有動畫引導、有背景音樂、有字幕輔助的影片囉!

完成一段有動畫引導、有背景音樂、有字幕輔助的影片囉!

成品展示

這就是剪輯後的成果。

我可以把影片上傳到 YouTube,或是把它當作「其他影片的通用片尾」來重複利用。

成果展示 | 諾特斯如何用 Adobe Premiere Pro 剪輯教學類影片

筆記使用到的 Premiere 快捷鍵整理

指令Windows 系統Mac 系統備註
時間軸顯示符合比例\ (反斜槓)\ (反斜槓)
開始播放空格鍵、L空格鍵、L
暫停播放空格鍵、K空格鍵、K
加速播放LL影片「播放」時按
2 倍速播放按 2 下「L」按 2 下「L」影片「播放」時按
Razor Tool (剃刀工具) 分割Ctrl + KCmd + K
全部選取Ctrl + ACmd + A
軌道選取前進工具AA
選取移動工具VV正常游標
速度調整工具RR
Export Frame 匯出影像Ctrl + Shift + ECmd + Shift + E

總結:如何剪輯 YouTube 線上課程影片

這次主要分享我們團隊的影片剪輯技巧,再來複習一次畫面與旁白同步的要點吧!

  • 第 1,旁白講話時,畫面就動作;旁白結束時,畫面就暫停
  • 第 2,畫面動作後,一定要保留至少半秒的停頓,讓觀眾有時間可以吸收畫面的資訊
再來複習一次畫面與旁白同步的要點

因為我們頻道主要是製作教學影片,在語速與畫面的節奏掌握得比較嚴謹,你只要依照自己的節奏與感覺,並掌握這 2 個重點,就能夠製作出屬於自己風格的教學影片囉。

186 掌握這 2 個重點,就能夠製作出屬於自己風格的教學影片囉

最後,如果你還想知道其他的 Premiere 剪輯技巧、功能介紹,可以在下方留言區告訴我,有機會我會再做圖文筆記和大家分享!

感謝你的收看!

感謝收看!

參考資料:諾特斯團隊經驗分享。

製作團隊

撰稿、文字編輯、圖片編輯:蚊子
總編輯、發佈:諾特斯