作者：
觀看教學
步驟 1：安裝整頁截圖擴充功能
想把整個頁面存成一張圖片，你需要整頁截圖的擴充功能。教學使用免費的 Chrome 擴充功能 GoFullPage - Full Page Screen Capture。從 Chrome Web Store 安裝後，它就會出現在瀏覽器的擴充功能選單中。
步驟 2：擷取網頁
開啟你想展示的網站，點選 Extensions 圖示，再點選 GoFullPage 的相機圖示。它會對整個頁面拍下多張截圖，並拼接成一張長圖。完成後你可以下載成 PDF 或 PNG。請選擇 Download image (PNG)。
步驟 3：把圖片放進 Premiere Pro
匯入 PNG 並拖到時間軸上。放大並調整位置，讓頁面頂部填滿畫面，這就是你的起始位置。當圖片寬度與影片寬度一致時效果最好。
用 QuickPaste 更快：複製圖片後，用一個快捷鍵直接貼到時間軸，不必先儲存再匯入檔案。了解 QuickPaste
步驟 4：加入 Transform 效果與 Position 關鍵影格
在 Effects 面板中搜尋 Transform（Video Effects > Transform），並拖到圖片上。在 Effect Controls 中開啟 Transform 區段，把播放磁頭移到開頭，點選 Position 旁的碼錶來建立第一個關鍵影格。接著在時間軸上往前移，將圖片往上拖曳或更改 Position 數值，直到到達你想結束的頁面區段。Premiere Pro 會自動加入第二個關鍵影格。
步驟 5：用 Ease Out 讓捲動更順暢
選取關鍵影格，對其中一個按右鍵，選擇 Temporal Interpolation，再選擇 Ease Out。現在捲動會以全速開始，再緩緩減速停下，看起來比筆直的線性動作自然得多。
用 EaseFlow 更順暢：選取關鍵影格，一鍵套用真正的緩動曲線，不必再拖曳 Bezier 控制把手。了解 EaseFlow
步驟 6：微調速度曲線並加入動態模糊
想要完全掌控，請展開 Position 旁的箭頭，並點選關鍵影格來顯示速度圖表與其控制把手。拖曳把手來塑造專屬的曲線。只要注意不要把把手往上拉，否則圖片會衝過頭，毀掉動畫。想要更真實，請在 Transform 效果中取消勾選 Use Composition's Shutter Angle，並提高 Shutter Angle，讓頁面捲動時產生動態模糊。
小技巧
- 用寬視窗擷取。較大的瀏覽器視窗，會讓圖片在 Premiere Pro 中放大後更清晰。
- 分小段捲動。如果頁面很長，請加入更多關鍵影格，讓頁面在每個部分稍作停留。
常見問題
如何在 Premiere Pro 讓網站捲動？
把整頁擷取成一張 PNG，加入 Transform 效果，從圖片頂部到底部為其 Position 設定關鍵影格，然後對關鍵影格套用緩動。
為什麼我的捲動看起來卡卡的？
關鍵影格預設是線性的。請套用 Ease Out 或緩動曲線，並透過 Shutter Angle 設定加入一些動態模糊。
我需要 Transform 效果嗎？
這是建議的做法。它的 Position 作用於圖片本身，並提供 Shutter Angle 來製作動態模糊。
想找動畫素材搭配你的頁面一起展示嗎？瀏覽我們的動態圖形範本。
