如何在adobe photoshop中製作gif

沒有什麼比自己做禮物更棒了!下面介紹如何透過轉換影片或使用靜態影象在Photoshop中建立動畫gif。...

禮物到處都是。曾經不起眼的動畫形象現在成了網絡的非官方語言。gif是在Twitter上表達情感最快的方式,你可以在Reddit和Facebook上浪費時間觀看它們。

make-animated-gif-photoshop

有很多地方可以找到禮物,但沒有什麼比自己做更好的了。通過轉換視頻或使用一系列靜態圖像,可以在Photoshop中創建動畫GIF。讓我們看看如何做到這兩個。

在photoshop中從視頻**gif

有很多方法可以將視頻轉換成GIF,而且在Photoshop中使用自己的電影創建GIF也非常容易。

首先轉到“文件”>“導入”>“視頻幀到層”。不需要先創建新文件。選擇視頻並單擊“打開”。

make gif in photoshop from video

在下面的對話框中,可以選擇是導入整個視頻還是僅導入選定部分。如果選擇後者,請向內拖動預覽窗口下的修剪控制柄以設置新的起點和終點。這些句柄之間的所有內容都將被導入;外部的所有內容都將被丟棄。

請記住,導入的視頻越多,生成的GIF就越大。

make gif in photoshop from video

如果要導入大片段,選擇“每2幀(或更多幀)限制”(Limit to Every 2 Frames)是一種在不太影響質量的情況下減小大小的簡單方法。不過,不要剪太多幀,否則最終不會得到平滑的GIF。

確保選中“幀動畫”,然後單擊“確定”。視頻將開始導入。可能需要一段時間,這取決於它有多大。完成後,您將有一個新的圖像文件,其中視頻的每一幀都放在自己的層上。

屏幕底部是時間線調色板。這將顯示構成GIF的所有幀,每個幀對應於圖像中的不同層。

make gif in photoshop from video

可以添加或刪除幀或編輯任何現有層,就像在任何其他圖像上添加普通層一樣。但要將視頻直接導出為GIF,只需點擊底部的播放按鈕即可預覽。當你高興的時候,你就可以保存GIF了。

如何在photoshop中導出gif

轉到“文件”>“導出”>“為Web保存”(舊版)。在打開的框中,將格式設置為GIF,將顏色設置為256,並將圖像大小減小到較小的值,以保持整體文件大小較小。

export gif in photoshop

您可以在預覽窗口的左下角看到結果文件的大小。如果太大,請向右拖動有損滑塊。這樣會影響質量,也會大大減小文件大小。

save gif in photoshop

最後,點擊Save導出動畫GIF。

在photoshop中使用靜態圖像創建gif

如果沒有視頻可供使用,可以從一系列靜態圖像手動創建GIF。有一些應用程序可以幫助你在**上設置照片的動畫,你也可以在Photoshop中完成。

從包含多個層的單個圖像文件生成GIF,這些層用於為動畫的每一幀提供內容。有兩種方法可以開始。

如果已經為動畫**了圖像,請轉到“文件”>“腳本”>“將文件加載到堆棧”導入它們。

make gif in photoshop

單擊Browse,選擇所有需要的圖像,然後單擊OK。然後,每個圖像將被放置在同一文件中自己的層上。

或者,如果你還沒有**圖像,現在就做。請記住,動畫的每個部分都應該放在自己的層上。

在photoshop中編輯動畫gif

其工作原理如下:

  • 在動畫中手動創建幀時,圖像中設置為可見的每個層都將包含在該幀中。
  • 設置為“隱藏”的層不會包含在框架中。

通過在圖像中為每個幀顯示或隱藏不同的層來創建動畫。

因此,對於第一幀,您可能需要將背景層設置為可見,將所有其他層設置為隱藏。然後,在第二幀中,您可能希望使第二層可見,然後在第三幀中使第三層可見,依此類推。你一開始就會明白的。

首先,轉到“窗口”>“時間線”。在打開的面板的中心,單擊“創建幀動畫”。這將創建動畫的第一幀。在圖層調色板中,通過取消選中眼睛圖標來隱藏您不想成為此框架一部分的圖層。

animated gif photoshop instructi***

現在單擊“新建幀”按鈕,它將複製上一幀。再次,隱藏您不想包含在這個新框架中的層,並使您所做的層可見。

animated gif photoshop instructi***

重複此過程,直到在GIF中添加了所需的所有幀。

animated gif photoshop instructi***

設置幀速率並**循環gif

要結束,請設置幀延遲這實際上是幀速率。單擊第一幀,然後按住Shift鍵並單擊最後一幀。

現在,單擊其中一幀下面的下拉箭頭並選擇一個延遲。沒有延遲意味著動畫將快速運行,而特定的秒數意味著每一幀將在屏幕上停留一段時間。

animated gif photoshop instructi***

最後,設置循環選項,您可以在時間線面板的底部找到。它設置GIF將播放的次數。在大多數情況下,您會希望將其設置為“永久”。

animated gif photoshop instructi***

現在點擊屏幕底部的播放按鈕來預覽GIF。現在,您應該可以看到動畫GIF正在運行。

animated gif photoshop instructi***

只需選擇幀並調整可見層即可編輯幀(還可以調整不透明度或進行其他更高級的調整)。如果需要,可以添加更多層,或者點擊垃圾桶圖標刪除它們。

當你高興的時候,你可以跳到導出GIF部分。或者繼續閱讀以優化動畫並創建平滑的GIF。

帶tweening的高級動畫

Photoshop支持強大的動畫功能tweening。這使您能夠通過在兩個現有幀之間自動生成過渡幀來創建平滑的GIF動畫。

例如,假設您想要淡入一個層。您可以創建一個幀,將該層設置為“隱藏”,然後創建另一個幀,將其設置為“可見”。然後你會在這兩個畫面之間“過渡”,剩下的就由Photoshop來完成。

在我們的示例中,我們將在所有幀之間進行切換,以使星空更具有閃爍效果。

首先,選擇第一幀並單擊“時間線”面板底部工具欄上的Tween按鈕。

advanced animated gif photoshop instructi***

在打開的對話框中,將“Tween with”設置為“Next Frame”,並將“Frames to Add”設置為所需的過渡幀數。數值越大,效果越平滑,但速度越慢。單擊“確定”生成新幀。

advanced animated gif photoshop instructi***

現在對創建的其他原始幀重複此過程。當你得到最後一個你可能想設置吐溫與第一幀。這有助於創建一個平滑的過渡回一個循環GIF的開始。

advanced animated gif photoshop instructi***

點擊播放按鈕預覽效果。

在photoshop中導出gif

完成後,應首先以PSD格式保存文件。這將保存所有層和動畫信息,以便以後需要時可以回來編輯。之後,您可以將其導出為GIF。

轉到“文件”>“導出”>“為Web保存”(舊版)。在打開的對話框中,確保格式設置為GIF,顏色選項設置為256(這樣可以確保最高質量)。

save animated gif in photoshop

如果以前沒有更改,則可能需要更改的其他設置包括圖像大小和循環選項。

預覽窗口顯示保存文件時文件的大小。也可以單擊“預覽”按鈕在瀏覽器窗口中測試動畫。最後,單擊“保存”保存並導出GIF。

save animated gif in photoshop

在photoshop中創建和編輯gif

在Photoshop中**GIF非常容易,而且值得一做,因為它可以讓您完全控制結果。

如果你沒有Photoshop,別擔心。有很多便宜的編輯器也有**GIF的功能。

  • 發表於 2021-03-11 23:53
  • 閱讀 ( 45 )
  • 分類:IT

你可能感興趣的文章

如何在powerpoint中製作excel圖表的動畫

包含大量資料的PowerPoint簡報不必枯燥乏味。Excel使得獲取多行資料並將其轉換為易於解釋的視覺化圖表變得非常容易。當您將資料與PowerPoint配對時,您可以設定Excel圖表的動畫,以建立引人入勝的簡報。 ...

  • 發佈於 2021-03-11 18:09
  • 閲讀 ( 48 )

如何在adobe photoshop中製作gif

...更好的了。透過轉換影片或使用一系列靜態影象,可以在Photoshop中建立動畫GIF。讓我們看看如何做到這兩個。 ...

  • 發佈於 2021-03-11 23:53
  • 閲讀 ( 45 )

如何在excel中製作圖表

... 如何在excel中建立圖形或圖表 ...

  • 發佈於 2021-03-12 05:29
  • 閲讀 ( 53 )

android版adobe photoshop的8個免費替代品

... 雖然Android上的Photoshop以Adobe-Photoshop-Express和Adobe-Photoshop-Mix的形式提供,但這兩款應用都沒有桌面版強大。謝天謝地,googleplay商店裡有很多免費的Photoshop替代品。 ...

  • 發佈於 2021-03-16 01:35
  • 閲讀 ( 44 )

建立動畫gif的快速photoshop教程

... 要建立GIF,我們將使用Adobe Photoshop CC 2015.5版。如果你沒有Photoshop,你可以在你的電腦上安裝****版。 ...

  • 發佈於 2021-03-17 04:08
  • 閲讀 ( 50 )

如何使用adobe photoshop製作鬼鬼祟祟的老式萬聖節照片

...你的iPhone拍了一張鬼魂的照片,人們真的會認為這是你在Photoshop中突然出現的東西。然而,如果你拿出一張你在奶奶的地下室“發現”的舊的、滿是灰塵的照片,那麼也許,只是也許,他們會考慮一下。 ...

  • 發佈於 2021-03-17 04:53
  • 閲讀 ( 61 )

你能用adobe photoshop做什麼?

你聽過人們談論Adobe Photoshop,但也許你想知道你能用Photoshop做什麼?在本文中,我們將透過列出Photoshop的功能來回答這個問題。 ...

  • 發佈於 2021-03-18 11:53
  • 閲讀 ( 52 )

如何從iphone上的照片中製作gif

...新的水平,並開始自己的。在本指南中,我們將向您展示如何將使用iPhone拍攝的突發照片轉換為定製的GIF。 ...

  • 發佈於 2021-03-21 15:05
  • 閲讀 ( 57 )

適用於mac的6款最佳免費gif製作程式

...案,請看一下如何從iPhone突發照片中**GIF,或者如何使用Photoshop建立動畫GIF。如果你對一些歷史感興趣,我們甚至已經檢查過天才的歷史。 ...

  • 發佈於 2021-03-23 09:47
  • 閲讀 ( 57 )

如何在microsoftword中製作圖形紙模板

... 如何在word中**圖形紙模板 ...

  • 發佈於 2021-03-24 14:53
  • 閲讀 ( 48 )