註解:

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

時間軸動畫工作流程

若要在時間軸模式中製作圖層內容的動畫,請在將目前時間指示器移到不同的時間/影格時,在「時間軸」面板中設定主要影格,然後修改圖層內容的位置、不透明度或樣式。Photoshop 會自動在兩個現有的影格之間增加或修改一系列的影格,也就是在新影格之間平均地改變圖層屬性 (位置、不透明度與樣式),建立出移動或變形的感覺。

例如,若要使圖層淡出,可以將起始影格中的圖層不透明度設定為 100%,然後按一下圖層的「不透明」計時器。然後將目前時間指示器移到結束影格的時間/影格,並將同圖層的不透明度設定為 0%。Photoshop 會自動在起始與結束影格之間內插影格,新影格中的圖層不透明度就會平均地減少。

除了讓 Photoshop 在動畫中內插影格之外,您也可以在空白的視訊圖層上繪圖,以建立手繪的連續影格動畫。

註解:

如果您想要建立 SWF 格式動畫,請使用 Adobe Flash、Adobe After Effects 或 Adobe Illustrator

若要建立以時間軸為基礎的動畫,請使用下列一般工作流程。

1.建立新文件。

指定大小與背景內容。確定像素外觀比例與尺寸適用於動畫輸出。色彩模式應該為 RGB。除非您有特殊的原因需要進行更改,否則請將解析度維持在 72 像素/英寸、8pc 的位元深度以及正方形的像素外觀比率。

確定「時間軸」面板已開啟。如有必要,按一下面板中央的向下箭頭,從選單中選擇「建立視訊時間軸」,然後按一下箭頭左邊的按鈕。如果「時間軸」面板位於影格動畫模式中,請按一下面板左下角的「轉換為視訊時間軸」圖示。

2.在面板選單中指定「設定時間軸影格速率」。

指定持續時間與影格速率。請參閱指定時間軸持續時間與影格速率

3.增加層。

背景圖層不能製作動畫。如果您要將內容製成動畫,請將背景圖層轉換為一般圖層,或是增加下列任一項:

  • 要增加內容的新圖層。

  • 要增加視訊內容的新視訊圖層。

  • 要仿製內容或用來建立手繪動畫的新空白視訊圖層。

4. 將內容增加到圖層。

5. (選擇性) 增加圖層遮色片。

圖層遮色片可用來顯現一部分的圖層內容。您可以製作圖層遮色片的動畫,以隨著時間顯現圖層內容的不同部分。請參閱增加圖層遮色片

6.將目前時間指示器移到您要設定第一個主要影格的時間或影格。

7.開啟圖層屬性的主要影格。

按一下圖層名稱旁邊的三角形。向下指的三角形會顯示圖層的屬性。接著,按一下計時器,以設定要製作動畫之圖層屬性的第一個主要畫格。您一次可以為一個以上的圖層屬性設定主要畫格。

8.移動目前時間指示器並更改圖層屬性。

將目前時間示指器移到圖層屬性發生變更的時間或影格。您可以執行下列一或多項作業:

  • 更改圖層的位置使圖層內容移動。

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

  • 更改圖層遮色片的位置以顯現圖層的不同部分。

  • 開啟或關閉圖層遮色片。

對於某些類型的動畫,例如變更物件的色彩或完全變更影格中的內容,您需要具有新內容的其他圖層。

註解:

若要製作形狀的動畫,您可以使用「向量圖遮色片位置」或「啟動向量圖遮色片」的時變計時器,以製作向量圖遮色片 (而非形狀圖層) 的動畫。

9.增加其他具有內容的圖層,並依需要編輯其圖層屬性。

10.移動或修剪圖層持續時間列以指定圖層出現在動畫中的時間。

11.預視動畫。

使用「時間軸」面板中的控制項,在建立動畫的同時播放動畫。然後在網頁瀏覽器中預視動畫。您也可以在「儲存為網頁用」對話框中預視動畫。請參閱預視視訊或時間軸動畫

12.儲存動畫。

您可以使用「儲存為網頁用」指令將動畫儲存為動畫 GIF,或是使用「演算視訊」指令將它儲存為影像順序或視訊。您也可以儲存為 PSD 格式,這個格式可以讀入至 Adobe After Effects

使用主要畫格建立圖層屬性動畫

您可以建立不同圖層屬性的動畫,例如位置、不透明度與樣式。每一個更改都可以獨立發生,也可以同時搭配其他更改。如果您想要獨立建立不同物件的動畫,最好是將它們建立在個別的圖層上。

註解:

如需製作圖層內容動畫的相關視訊,請參閱使用具有變形內容的主要影格

下面是如何建立圖層屬性動畫的一些範例:

  • 可以將主要畫格增加至「位置」屬性,然後移動目前時間指示器,並在文件視窗中拖移圖層,以建立位置動畫。

  • 可以將主要畫格增加至「不透明」屬性,然後移動目前時間指示器,並在「圖層」面板中更改圖層的不透明度,以建立圖層不透明動畫。

  • 您可以製作 3D 屬性的動畫,例如物件和相機位置。(如需詳細資訊,請參閱建立 3D 動畫。)

 

若要使用主要畫格來建立屬性動畫,必須至少為該屬性設定兩個主要畫格。否則,您對圖層屬性所做的更改在圖層持續時間仍會繼續作用。

每個圖層屬性都會有一個時變計時器圖示 ,按一下這個圖示就會開始製作動畫。如果某特定屬性的計時器為作用中,每當您更改目前時間與屬性值時,Photoshop 就會自動設定新的主要畫格。當屬性的計時器不是在作用中時,屬性就沒有主要畫格。如果您在計時器非作用中時輸入某個圖層屬性的值,這個值在圖層持續時間仍會繼續作用。如果您取消選取計時器,就會永久刪除該屬性的所有主要畫格。

選擇內插補點方法

內插補點 (有時稱為補間) 是在兩個已知值之間填入未知資料的程序。在數位視訊與影片中,內插補點通常代表在兩個主要畫格之間產生新的值。例如,若要在 15 個影格中讓某個圖形成份向左方移動 50 個像素,就要在第 1 個與第 15 個影格內設定圖形的位置,並將它們都標記為主要畫格,Photoshop 會在這兩個主要畫格之間內插影格。主要畫格之間的內插補點可以用來建立移動、不透明、樣式與整體光源的動畫。

在「時間軸」面板中,主要影格的外觀取決於您為主要影格之間隔所選取的內插補點方法。

線性主要畫格

在兩個主要畫格之間平均地更改動畫的屬性。(唯一的例外是「圖層遮色片位置」屬性,它會出其不意地在啟動與關閉狀態之間進行切換。)

保持主要畫格

維持目前的屬性設定。這個內插補點方法對於閃光燈效果很有用,或者是要讓圖層突然出現或消失時。

若要選擇主要畫格的內插補點方法,請執行下列作業:

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

  2. 執行下列任一項作業:
    • 在選取的主要畫格上按一下滑鼠右鍵,然後從「上下文」選單中選擇「線性內插補點」或「保持內插補點」。

    • 開啟面板選單,然後選擇「主要影格內插補點 > 線性」或「主要影格內插補點 > 保持」。

將目前時間指示器移至某個主要畫格

設定屬性的初始主要畫格之後,Photoshop 會顯示主要畫格導覽器,讓您用來在主要畫格之間移動,或是設定或移除主要畫格。當主要畫格導覽器菱形為作用中 (黃色),目前時間指示器會準確地位於該圖層屬性的主要畫格。當主要畫格導覽器菱形不在作用中 (灰色),目前時間指示器會位於主要畫格之間。當主要畫格導覽器方框的每一邊出現箭號時,該屬性的其他主要畫格會位於目前時間的兩邊。

  • 在「時間軸」面板中,按一下主要影格導覽器箭頭。 左邊的箭號會將目前時間指示器移至前一個主要畫格。右邊的箭號會將目前時間指示器移至下一個主要畫格。

選取主要畫格

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

    • 若要選取某個主要畫格,請按一下該主要畫格圖示。

    • 若要選取多個主要畫格,請按住 Shift 鍵並按一下主要畫格,或在主要畫格周圍拖移選取畫面。

    • 若要選取某個圖層屬性的所有主要畫格,請按一下「計時器」圖示旁的圖層屬性名稱。

移動主要畫格

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

  2. 將任一個選取的主要畫格圖示拖移至所要的時間。(如果您選取了多個主要畫格,則這些主要畫格會以群組移動,並維持相同的時間間距。)

註解:

若要擴張或壓縮多個主要畫格的間距,請按住 Alt 鍵並拖移 (Windows) 或按住 Option 鍵並拖移 (Mac OS) 選取範圍內的第一個或最後一個主要畫格。拖移時選取範圍內另一端的主要畫格會保持在原來位置,減慢或加速動畫。

拷貝及貼上主要畫格

您可以拷貝某個屬性 (例如位置) 的主要畫格至任一圖層中的同樣屬性。貼上主要畫格時,主要畫格會反映出與目前時間指示器的拷貝偏移量。

您可以一次只拷貝一個圖層中的主要畫格。當您將主要畫格貼入另一個圖層時,它們會出現在目標圖層的對應屬性中。最早的主要畫格會出現在目前時間,其他主要畫格會以相對順序跟在後面。主要畫格在貼上之後仍會維持選取狀態,您便可以立即在時間軸中移動它們。

註解:

您可以一次拷貝及貼上多個屬性的主要畫格。

  1. 在「時間軸」面板中,顯示含有您要拷貝之主要影格的圖層屬性。

  2. 選取一或多個主要畫格。
  3. 在選取的主要畫格上按一下滑鼠右鍵,然後選擇「拷貝主要畫格」。
  4. 在含有目標圖層的「時間軸」面板中,將目前時間指示器移至您要讓主要影格出現的時間點。

  5. 選取目標圖層。
  6. 開啟面板選單,然後選擇「貼上主要影格」。

刪除主要畫格

  • 在「時間軸」面板中,選取一或多個主要影格,然後執行下列任一項作業:

    • 在選取的主要畫格上按一下滑鼠右鍵 (Windows) 或按住 Control 鍵並按一下 (Mac OS),然後從內容選單中選擇「刪除主要畫格」。

    • 從面板選單中選擇「刪除主要畫格」。

建立手繪動畫

若要建立連續影格的手繪動畫,您可以在文件中增加空白視訊圖層。將空白視訊圖層增加至某個視訊圖層上方,然後調整空白視訊圖層的不透明度,這樣就能看到下方視訊圖層的內容。接著您就可以在空白視訊圖層上繪圖或繪製,以轉描視訊圖層的內容。另請參閱在視訊圖層的影格中繪圖

註解:

如果您是在建立數個獨立成份的動畫,請在不同的空白視訊圖層上建立個別內容。

  1. 建立新文件。
  2. 增加空白視訊圖層。
  3. 在圖層上繪圖或增加內容。
  4. (可選) 在「時間軸」面板中,從面板選單選擇「啟動描圖紙」,以啟用描圖紙模式。

  5. 將目前時間指示器移至下一個影格。
  6. 在圖層上與前一個影格內容位置稍微錯開的地方繪圖或增加內容。

    註解:

    您可以選擇「圖層 > 視訊圖層」,然後選擇適當的指令,在空白視訊圖層上增加空白視訊影格、複製影格或刪除影格。

    建立多個手繪影格時,您可以拖移目前時間指示器,或使用播放控制項來預視動畫。

插入、刪除或複製空白視訊影格

您可以在空白視訊圖層上增加或移除空白視訊影格。您也可以在空白視訊圖層中複製現有 (已繪圖) 的影格。

  1. 在「時間軸」面板中,選取空白視訊圖層,然後將目前時間指示器移至所要的影格。

  2. 選擇「圖層 > 視訊圖層」,然後選擇下列其中一項:

    插入空白影格

    會於目前時間在所選取的空白視訊圖層上插入空白視訊影格。

    刪除影格

    會於目前時間在所選取的空白視訊圖層上刪除視訊影格。

    複製影格

    會於所選取的空白視訊圖層上的目前時間增加視訊影格的拷貝。

指定描圖紙設定

描圖紙模式會顯示在目前影格所繪製的內容,再加上周圍影格上繪製的內容。這些附加的影格會以您指定的不透明度顯示出來,以和目前的影格區分。描圖紙模式對於繪製連續影格的動畫非常有用,因為它會為筆畫位置和其他編輯作業提供參考點。

啟動「描圖紙」後,描圖紙設定會指定上一個和下一個影格顯示的方式。(請參閱時間軸面板概觀。)

  1. 開啟「時間軸」面板,然後選擇「描圖紙設定」。

  2. 指定下列選項:

    描圖紙計數

    指定要顯示多少之前與之後的影格。在文字方塊中輸入「之前影格數」(之前的影格) 與「之後影格數」(之後的影格) 的數值。

    畫格間距

    指定顯示的影格之間的影格數目。例如,1 的值會顯示連續影格,而 2 的值會顯示兩個影格以外的筆畫。

    最大不透明度

    設定緊接在目前時間前後之影格的不透明度百分比。

    最小不透明度

    為描圖紙影格前後的最後一個影格,設定不透明度百分比。

    混合模式

    設定影格重疊區域的外觀。

    Photoshop 描圖紙
    描圖紙

    A. 後面有一個影格的目前影格 B. 前後各有一個影格的目前影格 C. 前面有一個影格的目前影格 

開啟多圖層動畫

您可以開啟使用舊版 Photoshop 儲存為多圖層 Photoshop (PSD) 檔案的動畫。圖層會依照堆疊順序置入「時間軸」面板中,底部圖層會成為第一個影格。

  1. 選擇「檔案 > 開啟舊檔」,並選取要開啟的 Photoshop 檔案。
  2. 在「圖層」面板中,選取您要的動畫圖層,然後從面板選單中選擇「從圖層製作影格」。

    您可以編輯動畫、使用「儲存為網頁用」指令儲存動畫 GIF,或使用「演算視訊」指令將動畫儲存為 QuickTime 影片。

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

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