在「時間軸」面板中,選取一或多個主要影格。
- Photoshop 使用者指南
- Photoshop 簡介
- Photoshop 及其他 Adobe 產品與服務
- iPad 版 Photoshop (在中國大陸無法使用)
- iPad 版 Photoshop | 常見問題
- 了解工作區
- 系統需求 | iPad 版 Photoshop
- 建立、開啟和轉存文件
- 新增相片
- 使用圖層
- 使用筆刷繪畫和繪圖
- 選取範圍並新增遮色片
- 潤飾您的複合
- 使用調整圖層
- 使用曲線調整複合的色調
- 套用變形操作
- 裁切和旋轉您的複合材料
- 旋轉、平移、縮放和重設畫布
- 使用文字圖層
- 使用 Photoshop 和 Lightroom
- 讓缺少的字體能在 iPad 的 Photoshop 中正常顯示
- iPad 版 Photoshop 中的日文文字
- 管理應用程式設定
- 觸控快捷鍵與手勢
- 鍵盤快速鍵
- 編輯影像尺寸
- 在 iPad 版 Photoshop 中創作時直播
- 使用「修復筆刷」修復影像缺陷
- 在 Capture 中建立筆刷,並在 iPad 版 Photoshop 中使用
- 使用 Camera Raw 檔案
- 建立並使用「智慧型物件」
- 使用「加亮和加深」來調整您的影像中的曝光度
- iPad 版 Photoshop 的自動調整命令
- 在 iPad 版 Photoshop 影像中的指尖區域
- 使用「海綿工具」來增加或去除影像的飽和度
- 適用 iPad 的「內容感知填色」
- 網頁版 Photoshop (在中國大陸無法使用)
- Photoshop (Beta) (在中國大陸無法使用)
- 生成式 AI (在中國大陸無法使用)
- 內容真實性 (在中國大陸無法使用)
- 雲端文件 (在中國大陸無法使用)
- 工作區
- 網頁、螢幕及應用程式設計
- 影像和顏色基礎概念
- 圖層
- 選取範圍
- 影像調整
- Adobe Camera Raw
- 影像修復和還原
- 影像增強與變形
- 繪圖和繪畫
- 文字
- 濾鏡和效果
- 儲存及轉存
- 色彩管理
- 網頁、螢幕及應用程式設計
- 視訊與動畫
- 列印
- 自動化
- 疑難排解
截至 2024 年 7 月,Photoshop 的舊版 3D 功能已移除。不過,現在在 Photoshop (Beta) 應用程式中,您可以使用 Adobe Substance 3D Viewer (Beta) 應用程式,將 3D 物件無縫新增至您的 2D Photoshop 設計中。按一下這裡以取得更多詳細資料。
時間軸動畫工作流程
若要在時間軸模式中製作圖層內容的動畫,請在將目前時間指示器移到不同的時間/影格時,在「時間軸」面板中設定主要影格,然後修改圖層內容的位置、不透明度或樣式。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 會在這兩個主要畫格之間內插影格。主要畫格之間的內插補點可以用來建立移動、不透明、樣式與整體光源的動畫。
在「時間軸」面板中,主要影格的外觀取決於您為主要影格之間隔所選取的內插補點方法。
線性主要畫格
在兩個主要畫格之間平均地更改動畫的屬性。(唯一的例外是「圖層遮色片位置」屬性,它會出其不意地在啟動與關閉狀態之間進行切換。)
保持主要畫格
維持目前的屬性設定。這個內插補點方法對於閃光燈效果很有用,或者是要讓圖層突然出現或消失時。
若要選擇主要畫格的內插補點方法,請執行下列作業:
-
-
執行下列任一項作業:
在選取的主要畫格上按一下滑鼠右鍵,然後從「上下文」選單中選擇「線性內插補點」或「保持內插補點」。
開啟面板選單,然後選擇「主要影格內插補點 > 線性」或「主要影格內插補點 > 保持」。
將目前時間指示器移至某個主要畫格
設定屬性的初始主要畫格之後,Photoshop 會顯示主要畫格導覽器,讓您用來在主要畫格之間移動,或是設定或移除主要畫格。當主要畫格導覽器菱形為作用中 (黃色),目前時間指示器會準確地位於該圖層屬性的主要畫格。當主要畫格導覽器菱形不在作用中 (灰色),目前時間指示器會位於主要畫格之間。當主要畫格導覽器方框的每一邊出現箭號時,該屬性的其他主要畫格會位於目前時間的兩邊。
-
在「時間軸」面板中,按一下主要影格導覽器箭頭。左邊的箭號會將目前時間指示器移至前一個主要畫格。右邊的箭號會將目前時間指示器移至下一個主要畫格。
選取主要畫格
-
在「時間軸」面板中,執行下列任一項作業:
若要選取某個主要畫格,請按一下該主要畫格圖示。
若要選取多個主要畫格,請按住 Shift 鍵並按一下主要畫格,或在主要畫格周圍拖移選取畫面。
若要選取某個圖層屬性的所有主要畫格,請按一下「計時器」圖示旁的圖層屬性名稱。
移動主要畫格
-
在「時間軸」面板中,選取一或多個主要影格。
-
將任一個選取的主要畫格圖示拖移至所要的時間。(如果您選取了多個主要畫格,則這些主要畫格會以群組移動,並維持相同的時間間距。)
若要擴張或壓縮多個主要畫格的間距,請按住 Alt 鍵並拖移 (Windows) 或按住 Option 鍵並拖移 (Mac OS) 選取範圍內的第一個或最後一個主要畫格。拖移時選取範圍內另一端的主要畫格會保持在原來位置,減慢或加速動畫。
拷貝及貼上主要畫格
您可以拷貝某個屬性 (例如位置) 的主要畫格至任一圖層中的同樣屬性。貼上主要畫格時,主要畫格會反映出與目前時間指示器的拷貝偏移量。
您可以一次只拷貝一個圖層中的主要畫格。當您將主要畫格貼入另一個圖層時,它們會出現在目標圖層的對應屬性中。最早的主要畫格會出現在目前時間,其他主要畫格會以相對順序跟在後面。主要畫格在貼上之後仍會維持選取狀態,您便可以立即在時間軸中移動它們。
您可以一次拷貝及貼上多個屬性的主要畫格。
-
在「時間軸」面板中,顯示含有您要拷貝之主要影格的圖層屬性。
-
選取一或多個主要畫格。
-
在選取的主要畫格上按一下滑鼠右鍵,然後選擇「拷貝主要畫格」。
-
在含有目標圖層的「時間軸」面板中,將目前時間指示器移至您要讓主要影格出現的時間點。
-
選取目標圖層。
-
開啟面板選單,然後選擇「貼上主要影格」。
刪除主要畫格
-
在「時間軸」面板中,選取一或多個主要影格,然後執行下列任一項作業:
在選取的主要畫格上按一下滑鼠右鍵 (Windows) 或按住 Control 鍵並按一下 (Mac OS),然後從內容選單中選擇「刪除主要畫格」。
從面板選單中選擇「刪除主要畫格」。
建立手繪動畫
若要建立連續影格的手繪動畫,您可以在文件中增加空白視訊圖層。將空白視訊圖層增加至某個視訊圖層上方,然後調整空白視訊圖層的不透明度,這樣就能看到下方視訊圖層的內容。接著您就可以在空白視訊圖層上繪圖或繪製,以轉描視訊圖層的內容。請參閱在視訊圖層的影格中繪圖。
如果您是在建立數個獨立成份的動畫,請在不同的空白視訊圖層上建立個別內容。
-
建立新文件。
-
增加空白視訊圖層。
-
在圖層上繪圖或增加內容。
-
(可選) 在「時間軸」面板中,從面板選單選擇「啟動描圖紙」,以啟用描圖紙模式。
-
將目前時間指示器移至下一個影格。
-
在圖層上與前一個影格內容位置稍微錯開的地方繪圖或增加內容。註解:
您可以選擇「圖層 > 視訊圖層」,然後選擇適當的指令,在空白視訊圖層上增加空白視訊影格、複製影格或刪除影格。
建立多個手繪影格時,您可以拖移目前時間指示器,或使用播放控制項來預視動畫。
插入、刪除或複製空白視訊影格
您可以在空白視訊圖層上增加或移除空白視訊影格。您也可以在空白視訊圖層中複製現有 (已繪圖) 的影格。
-
在「時間軸」面板中,選取空白視訊圖層,然後將目前時間指示器移至所要的影格。
-
選擇「圖層 > 視訊圖層」,然後選擇下列其中一項:
插入空白影格
會於目前時間在所選取的空白視訊圖層上插入空白視訊影格。
刪除影格
會於目前時間在所選取的空白視訊圖層上刪除視訊影格。
複製影格
會於所選取的空白視訊圖層上的目前時間增加視訊影格的拷貝。
指定描圖紙設定
描圖紙模式會顯示在目前影格所繪製的內容,再加上周圍影格上繪製的內容。這些附加的影格會以您指定的不透明度顯示出來,以和目前的影格區分。描圖紙模式對於繪製連續影格的動畫非常有用,因為它會為筆畫位置和其他編輯作業提供參考點。
啟動「描圖紙」後,描圖紙設定會指定上一個和下一個影格顯示的方式。(請參閱時間軸面板概觀。)
-
開啟「時間軸」面板,然後選擇「描圖紙設定」。
-
指定下列選項:
描圖紙計數
指定要顯示多少之前與之後的影格。在文字方塊中輸入「之前影格數」(之前的影格) 與「之後影格數」(之後的影格) 的數值。
畫格間距
指定顯示的影格之間的影格數目。例如,1 的值會顯示連續影格,而 2 的值會顯示兩個影格以外的筆畫。
最大不透明度
設定緊接在目前時間前後之影格的不透明度百分比。
最小不透明度
為描圖紙影格前後的最後一個影格,設定不透明度百分比。
混合模式
設定影格重疊區域的外觀。
A. 後面有一個影格的目前影格 B. 前後各有一個影格的目前影格 C. 前面有一個影格的目前影格
開啟多圖層動畫
您可以開啟使用舊版 Photoshop 儲存為多圖層 Photoshop (PSD) 檔案的動畫。圖層會依照堆疊順序置入「時間軸」面板中,底部圖層會成為第一個影格。
-
選擇「檔案 > 開啟舊檔」,並選取要開啟的 Photoshop 檔案。
-
在「圖層」面板中,選取您要的動畫圖層,然後從面板選單中選擇「從圖層製作影格」。
您可以編輯動畫、使用「儲存為網頁用」指令儲存動畫 GIF,或使用「演算視訊」指令將動畫儲存為 QuickTime 影片。