註解:

在比 Photoshop CC 更舊的 Photoshop 版本中,您必須有 Photoshop Extended 才可以使用本文所討論的某些功能。Photoshop CC 沒有個別的 Extended 供應項目。Photoshop Extended 的所有功能現在是 Photoshop CC 的一部分。

影格動畫工作流程

在 Photoshop 中,您可以使用「時間軸」面板建立動畫影格。每一個影格代表圖層的組態。

註解:

您也可以使用時間軸與主要影格建立動畫。請參閱建立時間軸動畫

Photoshop 影格動畫工作流程
動畫的圖例。單輪車影像位於本身的圖層上;圖層的位置在動畫的每一個影格中都有所變更。

若要在 Photoshop 中建立影格式動畫,請使用下列一般工作流程。

開啟新文件。

如果沒有看見「時間軸」和「圖層」面板,請將它們開啟。請確定「時間軸」面板是在影格動畫模式中。在「時間軸」面板的中間,按一下向下箭頭,選擇「建立影格動畫」然後按一下箭頭旁邊的按鈕。

增加圖層或轉換背景圖層。

因為無法製作背景圖層的動畫,所以請增加新圖層或將背景圖層轉換為一般圖層。請參閱轉換背景與圖層

將內容增加到動畫。

如果動畫中包括數個獨立製作動畫的物件,或者如果您想要變更物件的顏色,或完全變更影格中的內容,請在不同的圖層上建立物件。

在「時間軸」面板中增加影格。

選取影格。

請參閱選取動畫影格

編輯選取影格的圖層。

執行下列任一項作業:

  • 開啟和關閉不同圖層的可見度。

  • 變更物件或圖層的位置使圖層內容移動。

  • 更改圖層不透明度使內容淡入或淡出。

  • 變更圖層的混合模式。

  • 為圖層增加樣式。

    Photoshop 還提供一些工具,可以使影格之間的圖層特性保持相同。請參閱統一動畫影格中的圖層屬性

依需要增加更多的影格並編輯圖層。

您可以建立的影格數目,僅受限於可供 Photoshop 使用的系統記憶體容量。

您可以使用「補間」指令,在面板中的兩個現有影格之間,產生中間變化的新影格。這是使物件在螢幕上移動或是淡入或淡出的快速方式。請參閱使用補間建立影格

設定影格延遲和重複播放選項。

您可為每一個影格指定延遲時間,並指定重複播放,讓動畫執行一次、執行數次或連續地執行。請參閱在影格動畫中指定延遲時間以及在影格動畫中指定重複播放

預視動畫。

使用「時間軸」面板中的控制項,在建立動畫的同時播放動畫。然後使用「儲存為網頁用」指令,在網頁瀏覽器中預視動畫。請參閱在網頁瀏覽器中預視最佳化的影像

將動畫最佳化,讓下載更有效率。

儲存動畫。

儲存影格動畫有幾個不同選項:

  • 使用「儲存為網頁用」指令儲存為動畫 GIF。

  • 儲存為 Photoshop (PSD) 格式,日後可再進一步處理動畫。

  • 儲存為影像順序、QuickTime 影片或個別檔案。請參閱轉存視訊檔案或影像順序

在動畫中增加影格

增加影格是建立動畫的第一步。如果您已開啟影像,「時間軸」面板會將影像顯示為新動畫中的第一個影格。所增加的每一個影格,都會由複製前一個影格開始。接著,您可以使用「圖層」面板來變更影格。

  1. 請確定「時間軸」面板是在影格動畫模式中。

  2. 按一下「複製選取的影格」按鈕 

選取動畫影格

在處理影格之前,必須先選取它做為目前的影格,目前影格的內容會顯示在文件視窗中。

在「時間軸」面板中,影格縮圖的四周出現窄邊界 (在有陰影的選取範圍標明顯示內) 即代表是目前影格;影格縮圖的四周出現有陰影的標明顯示則代表是選取的影格。

選取一個動畫影格

  1. 請在「時間軸」面板中,執行下列任一項作業:

    • 按一下影格。

    • 按一下「選取下一個影格」按鈕 ,選取系列中的下一個影格做為目前影格。

    • 按一下「選取上一個影格」按鈕 ,選取系列中的上一個影格做為目前影格。

    • 按一下「選取第一個影格」按鈕 ,選取系列中的第一個影格做為目前影格。

選取多個動畫影格

  1. 在「時間軸」面板中,執行下列任一項作業:

    • 按住 Shift 鍵並按一下第二個影格,選取連續的多個影格,第二個影格以及第一個和第二個之間的所有影格都會增加到選取範圍中。

    • 若要選取不連續的多個影格,請按住 Ctrl 鍵 (Windows) 或 Command 鍵 (Mac OS) 並按一下其他影格,將這些影格增加到選取範圍中。

    • 若要選取所有影格,請從面板選單中,選擇「選取全部影格」。

    • 若要取消選取多個影格選取範圍中的某個影格,請按住 Ctrl 鍵 (Windows) 或 Command 鍵 (Mac OS) 並按一下該影格。

編輯動畫影格

  1. 在「時間軸」面板中,選取一或多個影格。

  2. 執行下列任一項作業:
    • 若要編輯動畫影格中的物件內容,請使用「圖層」面板修改影像中影響該影格的圖層。
    • 若要更改動畫影格中的物件位置,請選取在「圖層」面板中包含物件的圖層,並將它拖移到新的位置。

    註解:

    您可以選取並變更多個影格的位置。但是,如果您拖移多個不連續的影格,這些影格在新的位置上會連續排列。

    • 若要反轉動畫影格的順序,請從面板選單選擇「反向影格」。

    註解:

    要反轉的影格不一定要是連續的,您可以反轉任何選取的影格。

    • 若要刪除選取的影格,請從「時間軸」面板選單中選取「刪除影格」,或是按一下「刪除」圖示 ,然後按一下「是」確認刪除。您也可以將選取的影格拖移到「刪除」圖示上。

統一動畫影格中的圖層屬性

在「圖層」面板中的統一按鈕 (「統一圖層位置」、「統一圖層可見度」以及「統一圖層樣式」),可以決定您在作用中動畫影格內所做的屬性變更如何套用至相同圖層中的其他影格。選取統一按鈕時,作用中圖層內所有影格的該屬性都會變更;取消選取按鈕時,變更只會套用到作用中影格。

「圖層」面板中的「傳遞影格 1」選項也會決定對於第一個影格中的屬性所做的變更,將如何套用到相同圖層中的其他影格。選取這個選項時,您可以更改第一個影格中的屬性,而且在作用中圖層中的所有後續圖層將會隨著第一個影格而更改 (並且保留您已建立的動畫)。

統一圖層屬性

  1. 在「時間軸」面板中,變更某個影格的屬性。

  2. 在「圖層」面板中,按一下「統一圖層位置」、「統一圖層可見度」 或「統一圖層樣式」,將更改過的屬性套用至作用中圖層內的所有其他影格。

傳遞影格 1

  1. 在「圖層」面板中,選取「傳遞影格 1」選項。
  2. 在「時間軸」面板中,變更第一個影格的屬性。

    變更的屬性會套用 (關聯) 至圖層中的所有後續影格。

註解:

您也可以按 Shift 鍵以選取圖層中任何連續的影格群組,並變更任何選取影格中的屬性,以傳播影格。

顯示或隱藏統一圖層按鈕

  1. 從「圖層」面板選單選擇「動畫」選項,然後選擇下列其中一項:

    自動

    「時間軸」面板開啟時,顯示統一圖層按鈕。

    永遠顯示

    無論「時間軸」面板開啟或關閉,一律顯示統一圖層按鈕。

    永遠隱藏

    無論「時間軸」面板開啟或關閉,一律隱藏統一圖層按鈕。

拷貝影格與圖層屬性

若要了解拷貝及貼上影格的結果,請將影格當成具有指定圖層組態的影像複製版本。在拷貝影格時,會同時拷貝圖層的組態 (包含每一個圖層的可見度設定、位置和其他屬性)。在貼上影格時,也會將圖層組態套用到目的地影格上。

  1. 在「時間軸」面板中選取一或多個要拷貝的影格。

  2. 從面板選單中選擇「拷貝影格」。
  3. 在目前動畫或另一個動畫中,選取目的地影格。
  4. 從面板選單中選擇「貼上影格」。
  5. 選取「貼上」方法:

    取代影格

    以拷貝的影格取代選取的影格。不會增加新的圖層。目的地影格中,每個現有圖層的屬性都會由每個複製圖層的屬性取代。當您將影格貼上到不同的影像中時,會在影像中增加新的圖層;不過,在目的地影格中只會看見貼上的圖層 (現有的圖層會隱藏起來)。

    貼上選取範圍之上

    將貼上的影格內容新增為影像中的新圖層。當您將影格貼上到相同的影像中時,使用這個選項會使影像的圖層數變成兩倍。在目的地影格中,新貼上的圖層為可見的,原始的圖層會隱藏起來; 在非目的地影格中,新貼上的圖層會被隱藏起來。

    貼上選取範圍之前或貼上選取範圍之後

    將拷貝的影格增加到目的地影格之前或之後。當您將影格貼上到不同的影像中時,會在影像中增加新的圖層;不過,在新的影格中只會看見貼上的圖層 (現有的圖層會隱藏起來)。

  6. (選擇性) 若要連結「圖層」面板中貼上的圖層,請選取「連結新增的圖層」。

    此選項只適用於將影格貼入另一個文件。當您打算將貼上的圖層視為一體進行重新定位,請選取此選項。

  7. 按一下「確定」。

使用補間建立影格

補間一詞來自於「在其間」,是用來描述這個程序的傳統動畫詞彙。補間 (亦稱為內插補點) 可以大幅縮減建立動畫效果 (例如淡入或淡出,或是移動影格中的成份) 所需要的時間。在建立補間的影格之後,您可以個別進行編輯。

使用「補間」指令可以在兩個現有的影格之間自動增加或修改一系列影格,也就是在新影格之間平均地改變圖層屬性 (位置、不透明度或效果參數),建立出移動的感覺。例如,若要使圖層淡出,可以將起始影格中的圖層不透明度設定為 100%,再將結束影格中同一個圖層的不透明度設定為 0%。當您在兩個影格之間進行補間時,新增影格中的圖層不透明度會平均減少。

Photoshop 使用補間建立影格。
使用補間將文字位置製成動畫

  1. 若要將補間套用到指定的圖層,請在「圖層」面板中選取圖層。
  2. 選取一個影格或多個連續影格。
    • 如果選取一個影格,要選擇以上一個影格或下一個影格來補間影格。

    • 如果選取兩個連續影格,會在這兩個影格之間增加新的影格。

    • 如果選取超過兩個影格,補間操作會改變第一個和最後一個選取影格之間的現有影格。

    • 如果選取動畫中的第一個和最後一個影格,會將這些影格當成連續影格,並在最後一個影格之後增加補間影格。(當您將動畫設定為重複播放多次時,就可以使用這種補間方法)。

  3. 執行下列任一項作業:
    • 在「時間軸」面板中,按一下「補間」按鈕

    • 從面板選單中選擇「補間」。

  4. 指定新增影格中要變更的圖層:

    全部圖層

    變更選取影格中的全部圖層。

    選取的圖層

    僅變更選取影格中目前選取的圖層。

  5. 指定要變更的圖層屬性:

    位置

    在開始和結束影格之間,平均地變更新增影格的圖層內容位置。

    不透明

    在開始和結束影格之間,平均地變更新增影格的不透明度。

    效果

    在開始和結束影格之間,平均地變更圖層效果的參數設定。

  6. 如果在步驟 2 中只有選取一個影格,請從「補間使用」選單中,選擇要增加影格的位置:

    下一個影格

    在選取影格與下一個影格之間增加影格。當您在「時間軸」面板中選取最後一個影格時,無法使用這個選項。

    第一個影格

    在最後一個影格與第一個影格之間增加影格。您必須在「時間軸」面板中選取最後一個影格,才能使用這個選項。

    上一個影格

    在選取的影格與前一個影格之間增加影格。當您在「時間軸」面板中選取第一個影格時,無法使用這個選項。

    最後一個影格

    在第一個影格與最後一個影格之間增加影格。您必須在「時間軸」面板中選取第一個影格,才能使用這個選項。

  7. 在「要增加的影格」方框中輸入數值,或是使用向上鍵或向下鍵選擇要增加的影格數目。(如果您選取兩個以上的影格,就無法使用這個選項)。
  8. 按一下「確定」。

為每一個新影格新增圖層

「為每個新影格建立新圖層」指令會自動在新影格中新增可見圖層,但在其他影格中隱藏該圖層。當您建立動畫時,如果需要在每一個影格中增加新的視覺成份,這個選項可節省時間。

  1. 從「時間軸」面板選單中選擇「為每個新影格建立新圖層」。

    核取記號表示該選項已經開啟。

隱藏動畫影格中的圖層

當您建立新的圖層時,預設可在所有動畫影格中看見新圖層。

  • 若要讓新增的圖層只顯示在使用中的影格中,請從「時間軸」面板選單中取消選取「新增在所有影格中均可見的圖層」。

  • 若要隱藏特定影格中的圖層,請選取影格,然後在「圖層」面板中隱藏所需的圖層。

指定影格動畫的延遲時間

您可以為動畫中的一個或多個影格指定延遲,也就是顯示影格的時間。延遲時間以秒顯示,如果不到一秒,則以十進位小數值顯示。例如,四分之一秒被指定為 0.25。如果您為目前的影格設定延遲,之後所建立的每一個影格都會記住並套用這個延遲數值。

  1. 在「時間軸」面板中選取一或多個影格。

  2. 按一下所選影格下方的「延遲」值,檢視彈出式選單。
  3. 指定延遲:
    • 從彈出式選單中選擇一個數值 (上次使用的值會顯示在選單的底部)。

    • 選擇「其他」,在「設定影格延遲」對話框中輸入一個數值,並按一下「確定」。如果選取多個影格,只需為一個影格指定延遲值,就會將該數值套用到所有影格。

選擇影格配置方法

影格配置方法指定是否要在顯示下一個影格之前放棄目前的影格。您可以為包含背景透明的動畫選取配置方法,指定是否可以從下一個影格的透明區域中看見目前的影格。

Photoshop 影格配置方法
影格配置方法

A. 包含背景透明度並使用「復原至背景」選項的影格 B. 包含背景透明度並使用「不要配置」選項的影格 

「配置方法」圖示可指出影格是設定為「不要配置」 或「配置」。(將「配置方法」設定為「自動」時不會顯示任何圖示)。

  1. 選取要選擇配置方法的影格。
  2. 用滑鼠右鍵按一下影格縮圖 (Windows) 或按住 Ctrl 鍵 (Mac OS) 並按一下影格縮圖 (Mac OS),檢視「配置方法」內容選單。
  3. 選擇配置方法:

    自動

    自動決定目前影格的配置方法,如果下一個影格包含圖層透明度,即放棄目前的影格。對於大多數動畫而言,「自動」選項 (預設值) 即可產生所需的結果。

    註解:

    若要保留包含透明度的影格,請在使用「移除多餘像素」最佳化選項時,選取「自動」配置選項。

    不要配置

    在顯示中增加下一個影格時,保留目前的影格。目前的影格 (和前一個影格) 可以透過下一個影格中的透明區域顯示出來。請使用瀏覽器查看使用「不要配置」選項的動畫之正確預視。

    配置

    在顯示下一個影格之前,從顯示中放棄目前的影格。也就是說,任何時間都只會顯示一個影格 (而且目前的影格不會透過下一個影格中的透明區域顯示出來)。

指定重複播放影格動畫

選取重複播放選項,以指定播放動畫順序時的重複次數。

  1. 按一下「時間軸」面板左下角的「選取重複播放選項」方框。

  2. 選取迴圈選項:「一次」、「3 次」「永遠」或「其他」。
  3. 如果選取「其他」,請在「設定迴圈計算」對話框中輸入一個數值,並按一下「確定」。

    註解:

    在「儲存為網頁用」對話框中也可以設定重複播放選項。如需詳細資訊,請參閱儲存為網頁及裝置用概覽

刪除整個動畫

  1. 從「時間軸」面板選單中選擇「刪除動畫」。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策