觀看教學影片
步驟 1:畫一個矩形
把素材放到時間軸上。在工具列點擊 Rectangle Tool,然後在 Program 監看視窗中,於想放對話框的位置拖曳出一個簡單的矩形。它會以圖形圖層的形式出現在片段上方的軌道。
步驟 2:圓角化並選擇顏色
選取形狀後,開啟 Essential Graphics 面板(Window > Essential Graphics),切換到 Edit 分頁。在 Align and Transform 區段中,提高 Roundness 的數值,直到矩形變成柔和的膠囊形狀。影片中大約調到 150。接著往下捲到 Appearance,點擊灰色的 Fill 顏色方塊,選一個你喜歡的顏色,例如經典的淺藍色。

步驟 3:用 Pen 工具加上尾巴
點擊時間軸上灰色的空白處以取消所有選取。接著在工具列選擇 Pen 工具,在 Program 監看視窗中點擊,於矩形的下方角落畫出一個小三角形。點擊第一個點來封閉形狀。給它相同的填色,讓三角形融入對話框,成為尾巴。

步驟 4:把形狀合併成一個對話框
矩形和三角形目前還是兩個獨立圖層。在時間軸上點選其中一個,按住 Shift 再點選另一個,然後按右鍵並選擇 Nest。輸入名稱並點擊 OK。現在你的聊天對話框是單一片段,可以當作一個物件來移動、縮放和製作動畫。

步驟 5:複製對話框當作回覆
按住 Alt(Mac 為 Option),把巢狀對話框往上拖一個軌道來複製。在 Program 監看視窗中,雙擊上方的對話框,並稍微往下移。接著在 Effects 面板搜尋 Horizontal Flip,套用到上方的對話框並重新定位,讓尾巴指向另一邊,就像對方的回覆。
用 BetterFX 更快:不用開 Effects 面板。按下你的 BetterFX 快速鍵,輸入 Horizontal Flip 的前幾個字母,再按 Enter,就能套用到選取的片段。取得 BetterFX
想讓回覆有自己的顏色,就對上方圖層套用 Tint 效果。在 Effect Controls 中,點擊 Map Black To 與 Map White To 旁的色票,選擇你想要的顏色。影片中第二個對話框用的是綠色。

步驟 6:加入訊息文字
用 Type 工具寫下第一個對話框的訊息,再次點擊時間軸上的灰色空白處,然後寫下第二則訊息。讓每段文字都漂亮地放在各自的對話框內。為了讓每則訊息和對話框保持在一起,選取一個對話框和它的文字(按住 Shift 同時選取),按右鍵並選擇 Nest,再點擊 OK。第二個對話框和它的文字也重複同樣的操作。
步驟 7:製作彈出動畫
對下方的對話框套用 Transform 效果。在 Effect Controls 中展開 Transform,點擊 Scale 旁的碼表建立關鍵影格,然後設定第二個數值,讓對話框在幾格內從 0(看不見)變成完整大小。選取兩個關鍵影格,在其中一個上按右鍵並選擇 Ease In,再按一次右鍵並選擇 Ease Out。這樣彈出效果會很流暢,而不是機械感十足。

用 EaseFlow 更流暢:選取關鍵影格後,一鍵套用真正的緩動曲線,不用再拖曳 Bezier 控制點。認識 EaseFlow
最後,在 Effect Controls 中點擊 Transform 這個字,按 Ctrl + C(Mac 為 Cmd + C)複製,選取第二個對話框並按 Ctrl + V。現在兩個對話框都有動畫了。如果不希望它們同時彈出,就把第二個對話框在時間軸上稍微往後拖。
小技巧
- 錯開訊息時間。讓第二個對話框晚半秒出現,感覺更像真實對話。
- 文字要簡短。短訊息讀起來更快,也更容易放進對話框。
- 加上音效。在每個對話框加上訊息提示音或 whoosh 音效,動畫會真實許多。
FAQ
如何在 Premiere Pro 製作聊天對話框?
用 Rectangle Tool 畫出矩形,在 Essential Graphics 中把角圓角化,用 Pen 工具加上三角形尾巴,再把兩個形狀 Nest 在一起。
如何翻轉聊天對話框,讓它指向另一邊?
對複製的對話框套用 Horizontal Flip 效果並重新定位,讓尾巴指向相反那一側。
如何讓對話框流暢地彈出?
用關鍵影格讓 Scale 從 0 變到完整大小,再替關鍵影格加上 Ease In 和 Ease Out。想了解更多,請閱讀我們的Premiere Pro 關鍵影格緩動指南。
想要現成版本?試試通知動畫範本,直接拖進你的專案。








