【CapCut教學】伴唱帶字幕教學:手動做出 KTV 逐字變色效果(複合片段全破解)
今天想來玩玩看如何像KTV裡的伴唱帶,唱到哪裡變色到哪裡的效果。
前置工作
![]() |
| 圖1 前置工作1 |
- 準備好音檔。
- 準備好文字框(以下稱A軌道),填上歌詞或旁白,依照音檔去調整其位置。
- 理論上應該一句是一個文字框,但可視情況調整。
- 這裡有個小訣竅,因為我們有多個文字框,他在不同畫面應該要出現在相同位置,不應該上下亂跳。要達成這個目的,我們先調整好第一個文字框的位置及樣式等等,接下來用複製貼上產生新文字框,接著去修改內容即可,這樣就可以得到一組相同的字幕。
- 如果有買 PRO,其實也可以用自動字幕功能(參考這篇),只是自動字幕可能會把字幕切成較多的片段,後續處理比較麻煩。
- 將A軌道複製成另一個B軌道,放到A軌道之上,注意文字框要完全重疊,然後將B軌道的文字框改成其他顏色。
- 如圖1,我沒有歌曲的音檔,所以隨便唸幾句話。可以看到文字框有兩個,下層顏色是白色,上層是黃色,因為是完全重疊,所以現在只能看到黃色的字。
處理文字變色
- 如圖2,選取軌道B的文字框,按滑鼠右鍵,選「建立複合式片段」。結果如圖3,原本B軌道的文字框,會變成一個像影片的東西。

圖2 建立複合式片段 
圖3 複合式片段 - 如果是點選兩個文字框一起作,就只會產生一個複合式片段;分開作就會產生兩個。(我後來改用兩個片段,但這裡忘記截圖了)
- 點選複合式片段,右上角屬性視窗選 影片 => 遮罩轉場 => 新增遮罩 => 矩形

圖4 增加遮罩 - 如圖4,新增遮罩後會在預覽視窗出現一個矩形,四週會有圖點。
- 另外,矩形框內部會出現軌道B複合式片段的內容(黃色),而外部則顯示軌道A文字框內容(白色)
- 設定關鍵影格

圖5 設定關鍵影格 - 把遮罩的矩形拉大,直至容納所有文字,這時預覽視窗只會看到黃色的字。
- 把播放頭往左拉,至第一個聲音出現的位置。再把矩形往左平移,直至整段文字都變白色。(圖5 #1) (圖5 #3)
- 維持播放頭不動,點選複合片段,在左方的屬性視窗,遮罩轉場的地方,找到「遮罩設定」,將最右邊的 「< ◆ >」的 ◆ 點起來,這樣就是標示關鍵影格。(圖5 #2)
- 再把播放頭移到複合片段最後一個聲音出現的位置,重複上述步驟,但這次是讓遮罩矩形包含所有文字(全顯示黃字
- 上面YT是調整第一句後的結果,因為播放起來,感覺這樣的速度還可以,就直接用了。至於第二句,比較明顯是兩個字兩個字為一組,可以參考前面的作法,關鍵影格來將字幕調仔細點。

圖6 調整文字 - 如圖6,可以看一下時間軸上的兩個複合片段,左邊的,只有頭尾有菱形標誌,表示設了兩個關鍵影格;而右邊那個則設了較多關鍵影格。
- 上面YT影片則是將第二句也作了調整的結果。
關鍵名詞
複合式片段(Compound Clip)
這個東西聽起來很厲害,可是其實一點都不是。我們在 CapCut中的素材有:文字、音樂、影片等,我們這個例子中,一開始用的是文字框,我們可以把文字框想成是一個設定好就不會再變的東西,原本字的大小是多少、顏色是什麼、放在什麼地方,決定了就固定不變。但我們這裡要的是動態變化,比如字原本是白色的,後來由左往右漸漸變成黃色,這種功能在文字框是作不到的,必需要是影片才行,建立複合式片段,可以想成是把文字框變成影片框,影片可以有連續的變化,就達到我們想要的效果。
關鍵影格(Keyframe)
我想大家都知道影片其實是由有微小差異的眾多靜態影像連續播放而成。現在舉個簡單的例子(不考慮真正的物理現象):比如我們想作出一顆球在3秒內由空中掉到地上,然後再彈回空中的影片,當然我們可以自己一張一張畫出圖片,但這樣太辛苦,我們可以告訴程式這個球是怎樣移動的,然後讓程式幫我們畫出中間的圖片。
我們可以說在一開始是在離地 1公尺的地方,而 3秒後還是停在離地 1公尺的地方,但如果我們真的這樣作,我們可能會得到一顆一直懸浮在空中的球。事實上我們應該要多加一些:這顆球在1.49秒時在離地 1公分的地方,1.5秒時接觸到地面,1.51秒時又離地 1公分。如此,程式會知道球有觸地而反彈,才能畫出正確的圖片。
而這個 0秒、1.49秒、1.5秒、1.51秒以及 3秒是幾個重要的時間點,而我們只要告訴程式在這幾個時間點,畫面長怎樣,他就懂得如何處理了。所以這幾個圖片就是所謂的關鍵影格。
以剛才的第一段字幕而言,我先告訴程式,一開始所有字都是白色,而最後字都是黃色,我是靠移動那個遮罩的矩形來達成這個功能,所以程式就會在兩個影格中間,將矩形慢慢、平均地移動,看起來就會像是在引導唱歌的樣子。
遮罩
遮罩,就是一塊裁切形狀的板子,用來決定畫面『哪裡要露出來、哪裡要藏起來。
以剛才的例子來看,我們在設了複合片段中放了一個矩形遮罩,這時畫面看起來會像個「回」字,中間的矩形是遮罩,四週的部份是影片,他產生的效是:中間看到的是 B軌道的內容(黃字),四週看到的是 A軌道的內容(白字),運用這樣的特性,就可以作到剛才控制字幕的要求。
附註
當作背景的風景圖取自:https://www.pexels.com/zh-tw/photo/547125/

留言
張貼留言