Photoshop CS5 中的動畫 GIF

Ella

Adobe Photoshop CS5 是一款功能強大的圖像編輯程序,您可以使用它來創建或編輯您可能需要的幾乎任何類型的圖像。

然而,Photoshop CS5 特別擅長創建要放在網上的圖像,例如您可能放在網站上的圖像,或者您可能想與朋友分享的圖像。

流行的圖像選擇是動畫 GIF,因為它製作簡單,具有動態效果,但可以像常規靜態圖像一樣發布。

Photoshop 具有一些有用的工具,可讓您在 Photoshop CS5 中創建動畫 GIF,您甚至可以在 Photoshop CS5 中自定義動畫 GIF 以符合您所需的規格。

Photoshop CS5 中的動畫 GIF 實際上是多個單獨的圖像,您將它們排列為圖層。

每個圖層都將代表圖像的一幀,因此每一幀都需要略有不同,以幫助指示動畫 GIF 中發生的動作或運動。

出於本教程的目的,我將在 Photoshop CS5 中創建一顆在黑色背景上移動的星星的動畫 GIF。

動畫 GIF 將由五個不同的幀組成,其中星星在每個幀中的位置略有不同。單獨的圖像如下所示:

為了簡單起見,我將圖像標記為 1.gif、2.gif、3.gif、4.gif 和 5.gif,這將幫助我記住要顯示它們的順序。每張圖像的大小相同,均為 100×100 像素。

要開始在 Photoshop CS5 中製作動畫 GIF,您現在可以啟動 Photoshop,單擊文件在窗口頂部,單擊新的,然後設置圖像的尺寸。設置圖像參數後,單擊好的按鈕來創建空白畫布。

接下來要做的就是打開包含要包含在 Photoshop CS5 中的動畫 GIF 中的圖像的文件夾。請注意,您是在 Windows 資源管理器中打開該文件夾,而不是使用打開Photoshop 中的命令。 Windows 資源管理器是您用來瀏覽計算機上的文件夾和文件的程序,您可以通過單擊計算機屏幕底部任務欄中的文件夾圖標來啟動它。打開包含圖像的文件夾後,按住鍵盤上的 CTRL 鍵選擇所有圖像,然後將它們拖到 Photoshop CS5 畫布上。

這將更改您的畫布以顯示其中一個帶有 X 的框架,如下圖所示:

當您看到此內容時,請按進入在鍵盤上將每個圖像作為圖層插入到 Photoshop 中。添加完所有圖像後,您的層數Photoshop 右側的窗口應如下所示。

請注意,要顯示為動畫 GIF 最後一幀的圖像應該位於最頂層。如果您的圖層順序錯誤,您可以簡單地將它們拖動到視圖中層數窗口,直到它們的順序正確。

現在您需要打開動畫片窗口,您可以通過單擊窗戶Photoshop 頂部的菜單,然後單擊動畫片選項。這動畫片窗口將在 Photoshop 底部作為水平窗口打開。

單擊右上角的按鈕動畫片窗口(該按鈕看起來像 4 條水平線旁邊的向下箭頭),然後單擊從圖層製作框架選項。

單擊右側的向下箭頭0秒在你的其中一個框架下動畫片窗口,然後選擇您希望該幀在動畫 GIF 中顯示的時間。對圖像的每一幀重複此步驟。我喜歡選擇1.0Photoshop CS5 中許多動畫 GIF 的幀持續時間,但嘗試不同的持續時間,直到找到最適合您的持續時間。

您還可以通過單擊指定動畫 GIF 應循環遍歷其所有幀的次數永遠底部的下拉菜單動畫片窗戶。我正在使用永遠作為本文末尾的動畫 GIF 的選項,這意味著動畫 GIF 將不斷循環播放,直到您離開此頁面。

現在您已經在 Photoshop CS5 中創建了動畫 GIF,因此您必須保存它。點擊文件窗口頂部,然後單擊為網絡和設備保存。單擊窗口右上角的下拉菜單以選擇動圖選項,然後單擊節省按鈕位於窗口底部。

在文件名中輸入文件名文件名字段,然後單擊節省按鈕。然後,您可以雙擊文件夾中創建的圖像來啟動動畫 GIF 並查看您創建的內容。下面是我在 Photoshop CS5 圖像中的動畫 GIF 示例。

閱讀更多:如何在 Photoshop CS5.5 中創建動畫 GIF

現在您已經知道如何在 Photoshop 中創建動畫 GIF,您可以使用這些步驟在該應用程序中創建您自己的動畫圖像文件。