想讓人物照片呈現如玻璃般破碎、隨風飄散的動態效果?這篇教學將手把手教你利用 Photoshop 的圖層蒙版、自訂畫筆與視頻時間軸,製作出極具視覺衝擊力的破碎人物動畫。無論你是初學者還是進階玩家,跟著步驟操作,都能輕鬆掌握核心技法。
開始前,請準備好兩張已扣圖的人物素材(教學提供素材下載),以及一張適合當背景的圖片。新建畫布,填充喜歡的背景色(範例使用深藍色),將兩張人物素材拖入並轉為智能物件,調整大小位置後分別命名為「羅1」、「羅2」。



為「羅1」、「羅2」各添加圖層蒙版,並取消圖層與蒙版的鏈接(點擊鏈接圖示取消)。選擇「直線工具」,模式設為「像素」,按住 Alt 鍵點擊「羅1」的蒙版縮圖進入蒙版編輯模式。以黑色為前景色,從左上角拖曳至右下角畫出一條對角線,再用油漆桶工具填滿左下半部。此時「羅1」的右上半部將顯示,左下半部隱藏。








為了營造破碎感,我們需要一支不規則的畫筆。開啟畫筆預設面板,點擊右下角「預設管理器」,載入「混合畫筆」組中的三角形畫筆(或其他幾何形狀)。調整畫筆設定:間距拉大至 100% 以上,開啟「形狀動態」調整大小抖動、最小直徑、角度抖動,並開啟「散布」增加隨機分佈。這支畫筆將用於繪製破碎邊緣。







回到「羅1」的蒙版編輯模式(Alt+點擊蒙版),沿著對角線邊緣用黑白交替顏色繪製,模擬破碎齒狀效果。完成後切換至移動工具,按住 Shift 鍵點擊右方向鍵,將蒙版向右平移,直到「羅1」完全隱藏。若邊緣仍有殘留,用矩形選框工具選取蒙版區域填滿黑色修正。




按住 Alt 鍵拖曳「羅1」的蒙版複製給「羅2」。選取「羅2」的蒙版,按 Ctrl+T 自由變換,右鍵選擇「水平翻轉」再「垂直翻轉」,形成鏡像對稱的破碎分割。同樣用 Shift+方向鍵微調位置,使兩人物在對角線兩側互補顯示。


選單「視窗」→「時間軸」,點擊「建立視頻時間軸」。為「羅1」與「羅2」的圖層蒙版位置添加關鍵幀(點擊秒錶圖示)。將時間指標移至起始點(0:00f),調整「羅2」蒙版使其完全顯示、「羅1」完全隱藏。移動時間指標至結束點(如 3:00f),再次平移兩蒙版,使「羅1」完全顯示、「羅2」完全隱藏。記住:先移時間軸,再移蒙版。





複製「羅2」圖層(Ctrl+J),刪除其蒙版並柵格化。為新圖層添加黑色蒙版(完全隱藏),將時間軸拉回起始點。使用先前設定的三角形畫筆,白色前景色在蒙版上繪製碎片形狀。完成後右鍵蒙版選擇「應用圖層蒙版」,並將圖層轉為智能物件。同法製作第二個碎片圖層。






將兩碎片圖層的時間段對齊主動畫區間。為每個碎片的「變換」屬性添加關鍵幀,在起始點位置設在畫面外,結束點移入畫面形成飛入效果。預覽動畫(空白鍵播放),微調關鍵幀時間與位置,直到破碎、交替、飛散效果流暢自然。
滿意後,選單「檔案」→「匯出」→「存檔為 Web 適用格式」,選擇 GIF 或 MP4 輸出。這個技法不僅適用於人物,也可用於文字、Logo 等任何素材,發揮創意打造專屬破碎動畫!