【CapCut 教學】為什麼影片時間不用「秒」，而是「時:分:秒:幀」？搞懂 CapCut 照片播放時間與 FPS

前一篇文章，完成了一個很簡單、很陽春的影片。而在其中，提到了一張圖片的播放時間，這一篇文章，將針對這個部份，作一些完整的介紹。

上一篇文章中提到 CapCut 照片播放時間是以「時：分：秒：幀數」的格式來指定，前三個欄位很好理解，因為他是常用的時間單位，而幀數(Frame)則令人好奇究竟是什麼東西。


影片會動的原因

影片之所以會「動」，原理其實非常簡單又神奇：它利用了我們人類大腦的「視覺暫留」與「似動現象(Phi phenomenon)」，用一連串靜止的相片騙過了大腦，讓我看這一連串照片時，覺得裡頭的東西在動。

1. 視覺暫留(Persistence of Vision）：當你的眼睛看到一張圖片時，就算圖片瞬間消失，圖像在你的視網膜和大腦神經中不會立刻消失，而是會停留大約 0.1 到 0.4 秒。

2. 似動現象(Phi Phenomenon）：當兩張內容有些微差異的靜止照片(例如：手拉近了 1%)以極快的速度接連切換時，大腦來不及處理兩張照片之間的「斷層」，就會自動在腦海裡把中間的變化「補齊」，產生「畫面在連續移動」的錯覺。

看一下 YT 上的簡單例子
透過上面的例子，我們可以大概了解影片運作的原理。

幀數(Frame)與 FPS 的影響

我們把每個獨立的畫面稱為一「幀」，由上面似動現象的說明，我們可以知道相鄰的兩幀應該會有差異，而且每秒播放的幀數(切換速度)對視覺體驗有很大的影響：
  • 相鄰兩幀的差異如果越大：看起來動態感越強(瞬移)，但也會越卡頓、越不連貫。
  • 播放速度如果越慢：畫面看起來會像停住一樣、不流暢，不容易被大腦看成是連續影片。
所以當我們在談論影片時，常會講到一個名詞 FPS(Frames per second)，也就是每秒播放的幀數，當這數值越高的時候，畫面就越流暢。試想，我們把投手投球由出手到被捕手接住的過程作成100幀圖片，這100幀圖片以 1FPS 和 30FPS播出，必然是天差地遠的效果。

因此在 CapCut建立一個專案的時候，他其實已經預設了 FPS，要知道這項資訊，我們可以在 CapCut 剪輯工作畫面，不要選取任何東西，此時，在右上角的專案屬性的地方(如圖1 #1)可以看到目前專案的 FPS(如圖1 #2)
專案的幀數設定
圖1 專案的幀數設定
點選修改(如圖1 #3)可以更改設定，以前是常見的設定：
  • 24FPS：通常是電影用
  • 30FPS：電視及YT常用，稍微流暢一些
  • 60FPS：大多用在體育賽事或電競直播上，這樣快速轉換角度時仍能保持清𥇦不模糊。
  • 120FPS/240FPS：有些特殊狀況比如慢動作鏡頭，他可能以較高的 FPS去拍攝，再以24FPS播放，以此產生慢動作的效果。

CapCut時間的意義

講了這麼多，還是回到 CapCut的時間，為什麼他最後要用幀數，而不是直接指定秒或毫秒就好呢？

1. 達到「影音精準對齊」的最小單位：在 30fps 的影片中，1 秒被拆成了 30 個獨立的畫面，每一幀約為 0.033333...秒。如果你要讓照片或文字剛好在某個音樂鼓點出現，音樂的拍子往往落在特定的「某一畫面」上。直接指定「第幾秒第幾幀」，剪輯軟體就能精準將照片剪在最完美的那一格，不會有半格的誤差。

2. 避免小數點帶來的「累計誤差」與浮點數問題：電腦在處理無窮小數（浮點數計算）時容易產生微小誤差。當專案越來越長、剪輯片段越來越多時，這些微小的小數點誤差累積起來，就會導致影音不同步（聲音與畫面對不上）。用「整數的幀數」來算，電腦處理起來最準確且不會出錯。

3. 符合影視工業的統一標準(Timecode）：「時:分:秒:幀」是整個影視、動畫與剪輯行業使用數十年的標準時間碼(Timecode）。無論是用 CapCut、Premiere 還是 Final Cut Pro，只要講「00:01:05:12」(1分5秒第12幀），任何剪輯者或軟體都能明確知道是哪一個畫面，方便跨平台或跨團隊溝通。

等一下，這樣不會怪怪的嗎？

如我將圖片設成 00:00:03:05，這樣代表播出 3秒又5幀。這在 30FPS下會是 3秒+5/30秒=3.166秒；若是 10FPS下會是 3秒+5/10秒=3.5秒。這樣表示產生的影片長度會不固定？這難道表示，匯出時改了 FPS，產生的影片總長度會不固定嗎？

這邊的解法是，由於專案一開始設定是 30FPS，因此影片長就以 30FPS來計算，得到 3.166秒；而匯出時，決定採用 10FPS， CapCut 會沿用原本算出來的 3.166作為最後影片應有的長度，這時配合 10FPS，可以算出應該作出 10frames/second * 3.166seconds = 31.66幀，進位得 32幀大約 3.2秒。

雖然長度差異微乎其微(只有 0.03秒左右），但如果你要做的是極度精確的影片，建議從開工剪輯到最後匯出都一直保持相同的 FPS(例如統一用 30 FPS），就能 100% 避免這種換算產生的微小誤差囉！






留言

張貼留言

這個網誌中的熱門文章

【CapCut 教學】字幕與文字框有何不同？手動加字幕、時間軸對齊與樣式設定

圖片
 接下來，想要試試字幕的作法 字幕和文字框有何不同 字幕 他的作用是用來對應「影片中的語音、旁白或口白」。 字幕的數量龐大（全片可能多達數十到數百句），字體大小與畫面擺放位置通常需要保持全片統一。 字幕是全域的，也就是說整個影片的字幕是連動的，只要把某一句的顏色、大小或格式一改，全部的字幕都會照著改。 文字框 他適合用來做標題、畫面局部的文字註解、地點名稱等等各自獨立的元素。 文字框一般而言數量少、視覺設計多變、位置彈性，通常由創作者手動新增擺放。 各個文字框是獨立的，修改某個文字框的樣式並不會影響其他文字框。當然，可以多選文字框一次修改，以達到樣式一致的目的。 怎麼在影片加上字幕 CapCut 並不支援直接在 App裡加上字幕軌道的功能，他可以讀字幕檔或是自動產生字幕，這邊先介紹用字幕檔的方式 字幕檔格式介紹 其實有很多字幕檔的格式，.srt(SubRip Subtitle) 是全世界通用性最高、結構最簡單(純文字加上時間碼)的格式。幾乎所有剪輯軟體都有支援，缺點是檔案本身無法儲存字體顏色、位置或樣式，所以在匯入 CapCut 後再自行修改。 .srt 字幕檔的格式規則 每段字幕主要由三個部份構成： 字幕編號(從 1 開始依序編號)。 時間碼(Timecode)：格式為「開始時間 --> 結束時間」，中間用 --> 隔開，時間單位是 小時:分鐘:秒,毫秒（注意秒數跟毫秒之間是用「逗號 ,」而不是句號）。 字幕文字內容（可以打一行，或按 Enter 換行打兩行）。 每段字幕結束後要空一行，接著才能接下一段字幕。 圖1 .srt字幕檔範例 時間單位的轉換 由於 .srt要求的是 時:分:秒,毫秒，而 CapCut的是 時:分:秒:幀數，所以要作轉換。理論上，比如我們用的是 30FPS，那第15幀就是 500毫秒，以此類推。不過實際上，這邊的數字可以先亂填，匯入 CapCut後，可以再作調整。 匯入字幕 1. 用選單 文字 => 本機字幕 => 匯入檔案，將 .srt檔匯入。 圖2 匯入字幕1 2. 匯入後也變成一種資源 圖3 匯入字幕2 3. 像其他資源一樣，點選後往下拉到時間軸即完成匯入 圖4 匯入字幕3 由圖4可以看到 CapCut已自動加了一個文字軌道，並把我們先前的字幕按照時間及長度設定了對應的文字...
閱讀完整內容

【CapCut教學】1分鐘自動將音檔變字幕！免費高效上字幕全攻略

圖片
先前，我們曾經自己 手動編輯字幕 ，但其實有比較方便的方式可以完成這個工作，也就是 CapCut的「自動字幕」功能。 一般作字幕的流程 先寫好旁白。 自己口語唸一遍，用錄音程式錄起來。 在 CapCut 中導入音檔。 利用自動字幕功能，產生字幕。 調整字幕的出現時間、長度，修改樣式。 實作 匯入音檔 圖1 匯入音檔 如圖1，選 音樂=>匯入=>匯入，即可選擇要匯入的音檔。匯入後，再把資源拖到時間軸，就會多出一個旁白的軌道。 製作字幕 圖2 製作字幕1 1. 見圖2，選擇「文字」。 2. 選擇「自動字幕」。 3. 選擇「所說的語言」並選擇「中文」即可。 4. 按「產生」就會作出字幕，可以注意這裡很明顯的標有鑽石圖案及PRO字樣，表示這個功能是要收費的。 圖3 製作字幕2 見圖3，可以看見 CapCut新增了一個字幕的軌道，並根據音檔的內容及時間長度，在裡面加了一些字幕框。 在錄音的時候，我特別在句子與句子之間都有停頓，因為這樣要裁剪時會比較方便，另一個小技巧是：當錄音中途出錯時，不需要暫停重來，只要留好停頓，把出錯的地方再次重唸，之後編輯將錯誤的部份去掉就可以了。 修改字幕 CapCut作出來的字幕有可能會有問題，所以我們需要檢查並作修改 圖4 修改字幕 如圖4，我們可以點選任一個字幕框，然後在右上角的屬性視窗切到「字幕」，可以在這邊統一修改。 另外還有一個問題是輸出的是簡體中文，這個問題留待後面再討論。 我唸太慢了怎麼辦 由於是看著稿子唸，根本不知道自己唸一段要多久，極有可能出現旁白的時間比圖片出現時間還久，這時怎麼處理？ 圖5 調整旁白速度 如圖5，這個例子，第一句話已經唸太久了，可以看到#1的圖片框比較短，#2的旁白框比較長。所以照以前裁剪的方式把第一句變成一個單獨的旁白框。 先點選#2的旁白框，然後在右上角的屬性視窗切到「速度」tab，下方有 速度/時長 可以調整，這兩個會連動，所以可以隨便選一個調整就好。 那可不可以直接調整旁白框的寬度呢？答案是不行，調整寬度作的是裁剪，這樣作的結果是句子唸到一半就斷掉；而調整速度是讓句子唸快點，整句還是會唸完。 成品 由於自動字幕屬於PRO功能，未購買 PRO則不能輸出，所以這次的YT檔案是用手機錄下預覽畫面。這裡的字幕保留 CapCut產生的字幕未修改，所以有很多錯誤，最後的四不猿是我唸成四不像。 影片中前兩...
閱讀完整內容

【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是調整第一句後的結果，因為播放起來，感覺這樣的速度還可以，就直接用了。至於第二句，比較明顯是兩個字兩個...
閱讀完整內容