如何在Photoshop中製作動畫GIF

2021-01-15 人生已重置

GIF無處不在。曾經不起眼的動畫圖像現在是網絡的非官方語言。GIF是在Twitter上表達情感的最快方式。

有很多地方可以找到GIF,包括像Giphy這樣的專業服務,你甚至可以在你輸入時獲得iOS鍵盤和Android鍵盤來搜索它們。

但沒有什麼能比你自己更好。您可以通過轉換視頻或使用一系列靜態圖像在Photoshop中創建動畫GIF。我們來看看如何做到這兩點。我們將在Photoshop CC中為此示例創建GIF。

從視頻製作GIF

製作GIF的最常見原因之一是您有想要在線分享的視頻片段。在Photoshop中將視頻轉換為GIF非常容易。

首先轉到文件>導入>視頻幀到圖層。您不需要先創建新文件。選擇您的視頻並單擊「 打開」。

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

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

如果您要導入大剪輯,則選擇限制為每2幀(或更多)是一種縮小尺寸而不會過多影響質量的簡單方法。

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

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

如何在Photoshop中保存GIF

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

您可以在「預覽」窗口的左下角看到生成的文件有多大。如果它太大,請將Lossy滑塊拖動到右側。這會影響質量,但也會顯著減小文件大小。

最後,點擊「 保存」以創建您的GIF。

從靜止圖像手動創建GIF

如果您沒有要用作GIF基礎的視頻,可以從一系列靜態圖像中手動創建一個視頻。它涉及的更多,特別是如果你想製作複雜的東西,但基本過程很簡單。

您可以從包含多個圖層的單個圖像文件中創建GIF,這些圖層用於為動畫的每個幀提供內容。有兩種入門方式:

如果您已經為動畫創建了圖像,請轉到「 文件」>「腳本」>「將文件加載到堆棧」中導入它們。單擊「 瀏覽」,然後選擇所需的所有圖像,然後單擊「 確定」。然後,每個圖像將放置在同一文件中各自的圖層上。如果您尚未製作圖像,請立即進行。請記住,動畫的每個部分都應該在自己的圖層上。現在你已經準備好製作動畫了。

動畫你的GIF

這是它的工作原理。在動畫中手動創建框架時,圖像中設置為Visible的每個圖層都將包含在該框架中。設置為隱藏的圖層不會包含在框架中。

對於第一幀,您可能希望將背景圖層設置為Visible,將所有其他圖層設置為Hidden。然後,在第二幀中,您可能希望使第二層可見,然後在第三幀中使第三層,依此類推。一旦你開始,它就會變得清晰。

首先,轉到Window> Timeline。在打開的面板的中心,單擊「 創建幀動畫」。這將創建動畫的第一幀。在「圖層」調板中,通過取消選中「 眼睛」圖標,隱藏您不希望成為此框架一部分的圖層。

現在單擊New Frame按鈕,它將複製前一幀。再次隱藏您不希望包含在此新框架中的圖層,並使您可以看到的圖層可見。

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

整理起來

要完成關閉,請設置幀延遲 - 這實際上是幀速率。單擊第一幀,然後按住Shift鍵單擊最後一幀。現在單擊其中一個框架下方的下拉箭頭並選擇延遲。沒有延遲意味著動畫將快速運行,而特定的秒數意味著每個幀將在屏幕上停留一段時間。

最後,設置循環選項,您可以在時間軸面板的底部找到它。它設定GIF播放的次數。在大多數情況下,您需要將其設置為Forever。

現在點擊屏幕底部的「 播放」按鈕預覽您的GIF。你應該看到這樣的事情:

您可以通過選擇框架並調整哪些圖層可見來編輯框架(您還可以調整不透明度或進行其他更高級的調整)。如果需要,可以添加更多圖層,或者點擊垃圾桶圖標將其刪除。

如果您滿意,可以跳到「保存您的GIF」部分。

使用補間的高級動畫

Photoshop支持稱為補間的強大動畫功能。這使您可以通過在兩個現有幀之間自動生成過渡幀來創建更平滑的動畫。例如,假設您想要一個圖層淡入。您將創建一個框架,該圖層設置為隱藏,另一個框架設置為可見。然後你會在這兩個幀之間補間。

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

首先,選擇第一幀,然後單擊「時間軸」面板底部工具欄上的「 補間」按鈕。

在打開的對話框中,將Tween with設置為Next Frame,將Frames設置為Add to所需的過渡幀數。數字越大意味著效果越平滑但效果越慢。單擊「 確定」以生成新幀。

現在重複您創建的其他原始幀的過程。當你得到最後一個時,你可能想要將Tween設置為第一幀。這有助於創建平滑過渡到循環GIF的開始。

點擊「 播放」按鈕預覽效果。

保存您的GIF

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

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

您可能想要更改的其他設置包括圖像大小和循環選項(如果您之前沒有這樣做)。

預覽窗口顯示保存文件時的大小。您還可以單擊「 預覽」按鈕在瀏覽器窗口中測試動畫。

最後,單擊「 保存」以保存您的GIF。

相關焦點

  • 如何在adobe photoshop中製作動畫gif
    然後,在photoshop中打開第一張草圖,將剩餘的文件從電腦拖到文檔中,按return(或enter)鍵將每個文件放到自己的圖層上。接下來,點擊鎖圖標解鎖原始層。第二步:把它變成現實準備好給草圖做動畫了嗎?打開時間軸(窗口>時間軸),從下拉菜單中選擇創建幀動畫,並從彈出菜單中選擇「從圖層製作框架」。如果您以前使用過時間軸,默認情況下它可能會填充空幀。
  • 電腦如何製作gif文字動圖?文字GIF動畫生成的方法
    gif動圖的類型有很多種,比如在公眾號中常見的一種類型就是文字類型的引導動圖。那麼大家知道使用電腦怎樣才能快速的完成文字gif在線製作嗎,文字gif動畫生成的方法有哪些呢?下面教大家gif在線製作的操作方法,幫助大家快速完成文字gif動態圖片製作,大家一起來看一下如何操作吧。
  • gif動畫製作軟體有哪些 GIF動畫製作軟體推薦
    gif動畫製作軟體有哪些 GIF動畫製作軟體推薦時間:2018-01-30 18:04   來源:系統天堂   責任編輯:沫朵 川北在線核心提示:原標題:gif動畫製作軟體有哪些 GIF動畫製作軟體推薦 gif動畫製作軟體有哪些?網上有很多的GIF動畫圖,如果自己也想製作應該怎麼操作呢?
  • gif動畫製作軟體怎麼做圖?
    這些類型的gif動畫展現出的效果,讓人看過之後很容易get到某個點。很多動心的小夥伴也想要使用gif動畫製作軟體做出專屬的gif動畫。今天小編給大家分享兩種實用的gif動畫製作方法,下面一起看看吧!gif動畫快速製作方法首先為大家分享一個快速製作gif動畫的方法,使用清爽視頻編輯APP,大家從這款軟體的名字中可以看出它是一個視頻編輯的工具,我們需要的gif動畫製作就是該軟體中的一種功能。這款gif動畫製作軟體和其他製作軟體相比,它的製作方法偏簡單化,原理就是滑動進度條。
  • 怎麼做動畫gif動態圖?如何做GIF動畫?
    動圖有很多種類型,比如動畫效果的動圖就是常見的一種類型,那麼怎麼做動畫gif動態圖大家知道嗎?現在只需要通過瀏覽器在線操作就可以做出gif動畫效果的動圖,下面教大家如何做gif動畫的操作方法,在線操作,無需下載任何軟體,更加的方便快捷,下面來看一下具體的操作步驟。
  • 動態圖片gif怎麼製作?如何在線製作gif動畫?
    在日常生活中,大家可以看到很多不同類型的gif動圖,那麼大家知道動態圖片gif怎麼製作嗎?下面教大家一種gif製作的方法,通過將多張靜態圖片合成做出gif動圖,完成閃動圖片製作,並且可以自定義gif的尺寸,圖片切換的頻率,具體操作步驟如下所示,一起來看一下。
  • 如何將視頻動畫在線製作為gif動圖?
    不管是電視劇,電影,還是動畫等視頻類型中,有很多的畫面非常的有趣,可以將這些能夠製作gif動圖,作為表情包,在與好友聊天互動的時候進行使用,更好的表達自己的情緒,營造良好的氛圍。那麼,大家知道怎樣才能夠將視頻轉化gif動圖嗎?
  • ps製作gif動畫,製作漸變效果
    前一陣子,有朋友問我動態的gif圖是怎麼製作的,我當時比較忙,就讓他去百度,雖然期間磕磕絆絆的,但終究還是製作出來了,只不過沒有做出漸變的效果,所以今天我來講一下漸變效果的gif動態製作。提醒一下,我這裡是ps cc 2018的版本,不同的版本,製作的效果是不一樣的!
  • 如何製作搞笑gif,gif製作軟體哪些好?
    gif是一種圖像互換格式,現在大家都喜歡將各種有趣的圖片轉為GIF表情包。這是因為GIF文件可以將多個圖像的集合匯總為一個可播放的文件。更重要的是,與典型的靜態照片不同,GIF更加有趣和生動。如何製作gif動圖?
  • 如何在線生成gif?GIF在線製作小技巧
    怎樣自己動手能夠做出有趣的動態圖片,接下來教大家gif在線製作的技巧。  最簡單的一種方法就是把視頻轉換成gif動圖,畢竟在很多的電視劇,電影,動畫,綜藝等視頻類型上都能夠找到許多有趣的畫面,截取下來做成gif動圖是常見的方式之一,那麼視頻轉換gif製作的流程是什麼樣的呢,一起來看一下。
  • 如何製作gif格式動態圖片?如何把短視頻做成gif動圖?
    gif動圖一般帶給大家都是比較愉悅好玩的感覺,而且動圖的類型也有很多種,比如閃圖,動畫,電視劇或者電影片段等等,都是非常常見的動圖類型。如果想要親自動手製作這種視頻類型的動圖該怎樣來進行操作呢?下面給大家分享一下gif動態圖片製作的方法,通過截取視頻轉gif動圖,一起來看一下具體的操作過程。點擊導航欄中的gif工具,選擇視頻轉gif功能。點擊選擇視頻,將想要截取片段的視頻上傳到網站。找到視頻截取的第一個畫面,選擇為開始時間,選擇截取的時長,最大支持15秒視頻截取,根據使用需求來選擇尺寸,點擊生成gif按鈕。
  • 想要製作自己的GIF動畫,這些好用的GIF處理工具千萬別錯過~
    喜歡GIF動畫製作?想要高質量的製作自己的GIF動畫?那小編整理的這些gif轉換工具正符合您的需求,使用有趣的功能來實現高效的跨幀調色板和臨時抖動。它製作動畫贈品,每幀使用數千種顏色,強大的功能搭配簡便的操作,真真是完美,想要的來一起了解吧~想要製作自己的GIF動畫,這些好用的GIF處理工具千萬別錯過~Gifski for mac(視頻轉gif工具)Gifski將視頻轉換為高質量的gif。
  • 怎麼製作gif?如何使用手機製作gif?
    動圖表情包能夠讓聊天的氛圍更加的有趣,融洽,那麼怎麼才能製作gif表情包呢?製作gif動圖其實有比較簡單的方式方法,接下來教大家使用手機來將視頻轉為gif的方法。打開手機的瀏覽器,搜索GIF中文網。進入網站之後,點擊「添加視頻」功能,將視頻上傳到網站上。
  • PS動畫 如何在Photoshop中製作倒計時動畫
    PS做動畫?沒錯,PS不是僅能處理圖像哦。今天給大家分享一個簡單的案例,了解一下如何在Photoshop中製作逐幀播放的動畫。效果如下圖所示:其實原理很簡單:1、倒計時5、4、3、2、1一共5個畫面,把這些畫面分別放在5個圖層上:2、從【窗口】菜單中打開【時間軸】面板,此時已有1幀,由於上面五個數字都處於顯示狀態,所以看不出來到底是什麼圖像。沒關係,這個先不管。
  • gif製作軟體 如何修改gif畫布大小?
    如何調整gif畫布大小?這個問題,最近很多粉絲都在問!圖片格式有很多,常見的有bmp,jpg,png,tif,gif,pcx,tga,exif,fpx,svg,psd,cdr,pcd,dxf,ufo,eps,ai,raw,WMF,webp,avif等。其中,GIF圖片屬於動態圖比較難處理。
  • 用Photoshop CS5玩轉GIF動畫Banner製作
    Gif動畫想必是眾多設計交流活動中的笑柄。因為Gif以善於破壞頁面的整體感而臭名昭著。如果使用得當的話,Gif動畫可以把訪客吸引到頁面的某一板塊。今天,講述如何使用Photoshop製作Gif動畫,讓我們開始吧。1.新建文件250px*250px,解析度設為70px,背景用#f2f2f2填充.
  • gif圖片怎麼製作?在線gif製作的方法
    在使用微信的時候經常會用到各種各樣的動圖,比如公眾號中微信gif動圖,聊天互動時候使用的表情包等等。很多的有趣的動圖都能夠讓大家產生深刻的印象,並且被用戶保存使用。那麼怎樣才能製作gif動圖呢?接下來教大家如何完成在線gif製作的方法。
  • 和孩子利用免費在線設計平臺canva製作GIF 第二部分 photoshop
    第二部分 photoshop 製作GIF一、在PS中載入Canva下載的壓縮文件離開Canva網站,在自己電腦操作。從Canva中一共製作了100多幅圖片,在電腦建立一個文件夾放好。點擊兩次創建幀動畫按鈕(不是連續雙擊),激活時間軸界面。
  • 五款動圖製作工具
    在工作中動手製作gif動圖現在隨處可見,微信等聊天工具鬥圖也日益激烈。當然還有其他的在線處理工具,本文就來推薦幾個需要自己動手製作動圖工具,並且附上簡單的入門教程。如果覺得動畫的某一幀個人感覺不滿意,可以選擇編輯菜單進入動畫幀編輯界面,選擇需要刪除幀的直接刪除即可。當然也可以自由選擇本地圖片加入幀編輯動畫,通過文件菜單,選擇媒體,選擇磁碟中的圖片插入即可。處理完成後,切換到文件菜單選項,最後選擇保存即可。
  • 怎麼製作動態圖片?手機如何製作清晰gif動圖?
    對於gif動圖大家是非常熟悉的一種圖片展現形式,比如平常在微信,QQ中使用的表情包就是gif動圖樣式的一種。一般獲取GIF動圖的渠道主要是來自網上或者對於好友使用的比較有趣的圖片進行收藏,然後在聊天的時候使用大部分的朋友都是不會自己動手製作gif動圖的,今天分享給大家手機手機如何製作gif動態圖的詳細步驟。打開手機自帶瀏覽器,搜索網站。