如何在 Photoshop 中正確製作 GIF?

你是否曾經想過如何在 Photoshop 中製作 GIF 動畫?你來對地方了,因為在本文中,我們將以最佳方式解釋如何製作 GIF 動畫。

如何在photoshop-1中製作gif

GIF 是當前 POP 文化的標誌,也是虛擬交流的重要組成部分。

如何在 Photoshop 中製作 GIF?

如果你曾經想知道如何在 Photoshop 中製作 GIF,那麼今天就是你的幸運日,因為在接下來的內容中,我們將教你如何使用兩種不同的方法正確地製作 GIF。

不過,在向您展示如何在 Photoshop 中建立 GIF 的最佳方法之前,有必要先澄清一些相關的基本概念。因此,我們現在將闡明以下內容:

相關基礎

毫無疑問,為了充分理解我們今天所關注的主題,我們必須處理的主要概念包括:

的GIF

GIF 是圖形交換格式的首字母縮寫,是網絡世界中廣泛使用的圖像格式。 在這方面,它的使用在圖像的創建和動畫的實現中都很常見。

另一方面,GIF 是一種最多可達到 256 色的格式,即使它的調色板有限,也不會損失其質量。 但是,需要注意的是,如果我們將其與其他格式(例如:PNG)進行比較,圖像的質量會較低。

此外,作為一個奇怪的事實,我們可以提到 GIF 格式由於 2000 年代強大的 Flash 程序的出現而被棄用。隨之而來的社會認可。

在這方面,GIF 一詞已被全世界公認為 POP 文化表達中的一個圖標。 此外,今天它構成了虛擬通信中必不可少的補充。

我邀請您觀看以下視頻,您將在其中找到創建自己的 GIF 的方法。

Photoshop中

Photoshop 是一個專門從事圖形設計的程序,它為我們提供了與一般圖像的創建和編輯相關的廣泛機會。 對此,雖然比較複雜,但只要按照基本說明操作,就可以輕鬆使用。

另一方面,值得一提的是,如今 Photoshop 被認為是世界上最好和最大的設計工具之一。 事實上,不僅專業的平面設計師經常使用它,而且越來越多的業餘愛好者也敢於進入這個奇妙的色彩世界。

最後,Photoshop 允許創建各種格式的圖像,其中突出的是:JPEG、PNG 和 GIF。 在這方面,程序能夠在我們添加圖像擴展名時自動生成這些資源,並且它與PSD文件的一層或多層名稱兼容。

關於最後一個方面,我們使用基本的 alpha 透明度生成 GIF 類型資源。 但是,該程序不允許您調整此類圖像的質量參數。

最後,如果您有興趣了解更多關於這款出色的設計工具的信息,我邀請您閱讀我們題為“如何在 Photoshop 中提高圖像質量?”的文章。

如何在photoshop-2中製作gif

如何使用時間軸動畫在 Photoshop 中製作 GIF?

首先,要學習如何在 Photoshop 中使用時間軸建立 GIF,我們需要開啟程式提供的時間軸動畫建立工具。然後,我們應該按照以下簡單步驟操作:

建立新文件

我們必須採取的第一步是創建一個新文檔,指定背景的大小和內容。 在這方面,重要的是我們驗證建立的顏色模式是 RGB,並且分辨率保持在每英寸 72 像素,每通道 8 位的深度; 此外,像素比率必須為正方形。

定義圖像的持續時間和頻率

需要注意的是,這種類型的處理是基於圖像的時長和頻率所對應的規範。 要獲得此過程,我們必須轉到文檔中的時間軸設置選項,否則,根據我們使用的 Photoshop 版本定義時間軸的圖像頻率。

一般來說,在 Photoshop 動畫過程中,設置圖像的持續時間和頻率是指找到特定的效果。 在這方面,當我們設置這些規格時,我們的意圖是給人一種圖像在移動的印象。

因此,要達到所需的效果,首先要做的是轉到“動畫”或“時間軸”面板,視情況而定。 接下來,我們使用與圖像的持續時間和頻率相對應的控件。

添加一個新層

在這部分過程中提供給我們的選項是實現與構成我們圖像的圖層相關的某些方面的編輯。 這樣,當我們添加新圖層時,我們可以添加內容、修改或克隆現有圖層,也可以手動製作動畫。

在這方面,無論我們選擇什麼替代方案,如果我們選擇將背景圖層轉換為普通圖層,我們都會獲得相同的效果。 此外,它適用於圖像和視頻。

如何在photoshop-3中製作gif

將內容添加到新圖層

採取任何先前的操作後,下一步是將相應的內容添加到新圖層。 接下來,我們將當前時間指示器移動到我們想要建立動畫的第一個主圖像的時間或幀。

激活主圖像

接下來,我們需要激活圖層屬性的主圖像。 為此,我們位於圖層名稱旁邊,然後單擊我們在那裡找到的三角形。

此時,將顯示一個菜單,我們必須從中選擇秒錶選項並單擊它。 在這方面,重要的是要注意我們可以同時為多個圖層屬性建立主圖像。

移動當前時間指示器並更改圖層屬性

下一步是將當前時間指示器移動到我們將修改圖層屬性的時間或框。 為此,根據我們的目標,我們可以選擇以下任一選項:更改圖層的位置、更改圖層的不透明度、更改圖層蒙版的位置或激活/停用圖層蒙版。

添加帶有內容的其他圖層並定義其圖層屬性

此外,在大多數情況下,還可以更改對象的顏色或修改框的總內容。 如果我們處於其中一種情況,我們必須做的是添加具有新內容的附加層並進行相應的更改。

確定圖層何時出現

此時,我們必須移動或修剪與圖層持續時間相對應的條,這是為了確定它出現在視頻或動畫中的時刻。 同樣,這是定義我們要預覽的時間線部分的理想時間。

預覽圖像

一旦我們完全遵守了前面的每個階段,我們就可以預覽我們剛剛創建的圖像。 為此,我們必須做的第一件事是使用動畫或時間軸面板的控件播放動畫,具體取決於我們使用的程序版本。

接下來,我們可以從 Web 瀏覽器預覽動畫,也可以選擇對 Web 和設備使用“保存”選項。 在這方面,在 Photoshop 的某些版本中,此選項簡稱為 Save for Web。

保存動畫

最後一步也是最重要的一步無疑是將動畫保存為動畫 GIF。 為此,我們可以在一個版本的 Photoshop 中或在某些其他版本的程序的時間軸面板中選擇“為 Web 和設備保存”命令。

至此,我們關於如何使用 Photoshop 時間軸建立 GIF 的課程就結束了。不過,還有第二種方法,我們接下來會介紹。

如何使用幀動畫在 Photoshop 中製作 GIF?

學習在 Photoshop 中創建 GIF 的第二種方法是使用幀動畫。需要說明的是,其步驟與我們剛才描述的步驟非常相似,因此我們不再贅述上一節已經解釋過的細節。

打開一個新文件

正如我們在前面的方法中看到的,我們必須採取的第一步是打開一個新文檔。 為此,我們必須打開與圖層和動畫或時間軸對應的面板,具體取決於程序的版本,確保幀動畫模式處於活動狀態。

添加一個新層

此時可以將背景圖層轉換為支持動畫的普通圖層。 或者也可以創建一個新層,我們可以在後續步驟中添加內容。

為動畫添加內容

就像我們在時間軸動畫模型下添加內容一樣,在這種情況下,我們希望創建新內容或更改現有內容。 這樣,就有可能在這一步我們可以獨立同時添加多個動畫對象; 此外,我們還可以在單獨的圖層上創建對象,這在我們想要修改框的所有內容時很有用。

添加框架

無論我們是從動畫面板還是從時間軸工作,下一步都是向動畫添加額外的幀。

編輯框層

在這一點上,我們必須做的第一件事是預先選擇我們想要使用的框架。 稍後我們可以選擇這些編輯選項之一:激活/停用不同圖層的可見性,更改對象的位置,向圖層添加樣式等。

對此,如有必要,我們可以添加更多幀並編輯它們的圖層。 這樣,我們就可以通過 Collat​​e 命令創建具有中間變化的新幀。

設置重複和幀延遲

這一步是指建立我們希望動畫具有的執行類型。 也就是說,我們可以定義是否希望它被執行一次或多次,或者相反,它是否會連續執行。

預覽動畫

此步驟的目的是通過 Web 瀏覽器訪問圖像預覽。 為此,我們必須視情況使用動畫或時間軸面板中的控件。

保存動畫

我們程序的最後一步是保存動畫。 為此,我們必須使用 Save for Web or Devices 或 Save for Web 命令,具體取決於我們程序的版本。

這樣我們就到了文章的結尾,我們希望它對您非常有用。 無論如何,如果您有任何疑問,您始終可以選擇查閱 Photoshop 用戶手冊,您可以從應用程序的官方頁面下載該手冊。


在 Google 中將其新增為首選來源