標籤:

怎樣製作GIF動圖,需要用photoshop么?


廢話也不多說了,直接用photoshop就可以做,文章末尾有做法總結~~~

一、製作前提:

1、你有一個還不錯的拍照手機或者相機;

2、至少了解關於ps的一些基本概念,比如圖層

方式:我這裡講的是由拍攝的圖片來製作gif,其實還可以由視頻轉過來,不過自己拍照自己製作更有樂趣;

二、製作開始:

1、用設備拍攝好一組圖片,連拍模式,張數不限,在這裡我拍了10張照片,一般gif長約2-3秒;

2、打開ps(這裡我用的cc版本),點擊文件選項,新建一個背景;

3、然後會出現如下選框,如果是圖片類就是以像素為單位,寬度高度我設置的800與500,解析度是300;這裡說明一下:圖片的解析度一般選取150-200之間,解析度越高圖片越清晰,寬度高度這個沒太大要求,尺寸不對的話到時候用裁剪就行了;

4、建立好背景之後,點擊窗口選項裡面的時間軸;

5、然後界面底部會出現創建幀動畫,點擊創建即可;

6、你有多少張圖片就創建多少個幀動畫

7、將圖片依次拉入到ps界面,直接拖進來就行,ps界面右下角就會顯示多一個圖層

注意這裡會出現圖片與背景不完全重合的現象,用左側的裁剪按鈕即可解決

8、之後的圖片也是直接拖拽進來,現在就有了10個圖層了;

9、然後將每張圖層對應相應的幀片段,例如滑鼠選中第一個幀,然後將右側的圖層除了第一張圖片,其餘前面的小眼睛全部關掉;然後再點擊第二個幀,右邊留下第二個圖層的眼睛,其餘全關掉,就這樣依次來即可;

10、圖層對應完成後,調整每個幀的時間間隔,我設置的0.2s,看著感覺還不錯,重複頻率設置為永久,這時再點擊下方的播放就可以查看製作的gif了;

11、保存:文件選項中存儲為web所有格式

12、左下方為gif大小參數,右下角你可以根據你的需求來調整gif大小,這樣gif就做好了 。

此處為分割線---------------------------------------------------------------------

三、總結一下

-由圖片製作成gif的步驟是:拍攝一組圖片-打開ps-新建背景-創建幀動畫-拉入照片-幀與圖層相對應-設置時間間隔-保存為web所有格式-調整大小

-樓主目前只知道這一種方式做gif,日後也會通過學習掌握更多方式,了解怎樣做並且要將它做的更好,因為自己也創建了一個公眾號:吃貨的簡食記...製作文章也需用到gif以及一些短視頻,所以也上網學習了些。

-學習沒有止境,技多不壓身,知識是不斷學習的,而能否做到極致就看我們自己的態度了。


做動圖很簡單的,動圖我也是自學的。需要用到ps,下面是教程,不過圖標是不能動的,在我微信公眾號里圖片是可以動的,看起來也好理解。需要的話可以關注我微信公眾號(如飛365),可以私聊教會你。

前提先說好,我這個製作動圖的技能也是最近一個星期剛學會的,會做圖的小能手就先別嫌棄我了,我這是在以小白的角度來教大家的,可能有點啰嗦,我想你們應該能看懂。

先說會做動圖的好處吧。

1.寫教程會用到

我前幾篇微信文章里的教程,就全部是用動圖做的,一目了然,一個動圖能省好多字呢,你要知道,教程類的文章,字一多反而說不清了,不如一個動圖簡單明了,所以還是用動圖做教程吧。

2.做微信尾巴會用到

相信大家也都見過微信文章低部那種動態掃描指紋二位碼吧,那個就是動圖。

3.在微信里給商家做廣告會用到

這個在地方號用的比較多,最常見的是下面有個條幅,一會顯示商家名字,一會顯示商家電話的。

好吧,就先列到吧。等你學會了,你就會知道用處多的是,就是這麼一個道理。好像廢話有點多了。

下面真正的動圖教程就開始了,我想要會分成幾篇文章寫吧,因為這個不是一兩篇能寫完的。先來個簡單的,製作兩面翻。什麼叫兩面翻呢?其實這個是我自己給這個動圖起的名字,意思就是,有兩個面,一會兒翻到這一面,一會兒翻到那一面。

雖然這個兩面翻很簡單,但它可以讓你了解動圖為什麼會動?可以讓你知道動圖背後的原理。這對以後修改gif圖什麼的是很重要的。

動圖是用ps做的,請先在電腦上安裝好ps軟體,建議安裝cs6版本,感覺這個版本簡單,注意不要下載精簡版的,找不到在哪下載的,可以在我公眾號後台問我,我給你!

第一步、打開ps,準備好兩個圖層。分別命名為圖層1和圖層2,這兩個圖層就是兩面翻要展示的兩面。

第二步、點擊下面「創建幀動畫」,(沒有的可在菜單「窗口」裡面找到時間軸,勾選上即可。)點擊後會出現如下界面,點擊下圖中的按鈕,複製一個幀。

第三步、點擊第一個幀,然後設置成只顯示圖層1(就是把圖層2前面的小眼睛關掉),圖層1就是第一面要顯示的畫面。

第四步、點擊第二個幀,然後設置成只顯示圖層2(就是把圖層1前面的小眼睛關掉),圖層2就是第二面要顯示的畫面。

第五步、設置動圖輪播的時間,每個幀下面有個秒數,可以根據自己的需求來設置時間的長短。然後選擇輪播次數為永遠,點擊播放查看效果。

第六步、效果滿意後,就可以保存成gif格式的動圖了,點擊「文件-存儲為web所用格式-選擇gif-存儲「

好了,今天教程就到這裡了,學會這個,你就會製作微信里的條幅廣告了。

http://weixin.qq.com/r/2EgAGBLEKU9WrVZ79x3K (二維碼自動識別)


我是做新媒體的,平時需要大量的gif圖。有些時候必須自己做素材,都是用ps,一幀一幀的填,也挺愁人。費時不說效率簡直了,很明顯用得糟心。最近,發現了一個特別好用的GIF製圖工具——gif喵。最大的優點是不需要安裝插件,這就避免了雜七雜八的軟體騷擾。多的不說,直奔主題。

看下圖,操作起來非常方便。它的GIF製作工具,可以鏈入優酷視頻網址生成動圖,非常方便。根據自己的需求,製作生成最新、最貼切的GIF圖。具體演示如下:

一、打開製作工具(如圖所示)

二、複製、粘貼你所選擇的優酷視頻網址,點擊確定按鈕。

三、開始製圖啦。視頻開始時間和持續時間可自由調節。下面還有一個圖片文字,根據自己的需要給所截GIF圖添加文字。

四、添加標籤和畫面文字(如圖所示)

五、生成GIF圖。(成果演示)

就這麼五個步驟,過程很簡單且生成的圖片質量高。

順便說說gif喵(斗圖達人爆愛的表情包搜索平台-gif喵

素材相比花瓣、堆糖上的動圖要清晰、充實很多,且題材廣泛、更新速度快。分類還很全面:動漫、搞笑、影視娛樂、綜藝、明星、萌寵、時尚、體育、遊戲等。集聚了最前線、最有趣的一手GIF資源。如下圖:

這個製作工具真的很良心,操作簡單,且不需要安裝插件,還能自由添加文字圖框,做動態效果。

希望對有需求的小夥伴們有用。


其實好多時候自己截好,最後發現別人早做好了。在截之前可以上專門的動圖搜索引擎上看看有木有現成的圖。比如giphy、soogif、微博、堆糖、花瓣)

同時製作gif現在還用ps可能還是繁瑣了一點,現在市面上動gif製作軟體已經有很多了

在此以screen to gif 為例,給大家進行下科普

1.screen to gif

screen to gif 應該時我用下來最舒服的軟體了,大家可以求個資源或者去官網(去官網要翻牆)

(圖標)

然後我們打開軟體

然後出現錄製屏幕、錄製攝像頭、錄製畫板、編輯器等選項

前三個只是錄製的內容不一樣而已,比如錄製攝像頭就是你自己來演繹~

然後編輯器里有添加文字、裁剪等功能

在這裡我們選擇錄製屏幕

然後會出現一個小窗口

把小窗口移到你想要截取的位置,裡面空白透明的地方便是錄製的內容。

同時可以拉動邊框、或者調整下方的尺寸來調整錄製範圍的大小

在錄製前,這裡有個幀數的選項

幀數越大,每秒截取的圖就越多,最後生成的gif就越大,截取的質量就越好

幀數越小,則生成的gif越小,一般呢25就可以了

然後點擊錄製,會出現暫停、停止三個按鈕。

選擇停止,錄製結束,會進入編輯界面

選擇暫停,會出現丟棄與繼續兩個按鈕

選擇丟棄,剛剛錄製的內容會刪除

選擇繼續,可以繼續錄製,也就是可以把兩段不同的內容銜接起來

選擇停止,還是能夠進入到編輯畫面

下圖是進入編輯畫面後,圖片載入完畢的樣子

大家不用特別扣錄製的時間,因為在編輯頁面里有刪除的功能。選中多餘的畫面,刪除即可。所以為了能錄製到你比較喜歡的內容,建議大家每次都多錄點。

調整結束可以選擇另存為gif的圖標

這樣一張gif就基本完成了

當然screen to gif的功能還有很多

比如在視圖裡有調整大小、裁剪等常用的功能

包括添加水印、添加文本等功能大家可以仔細的研究一番

基本上還是很好用的

但是screen to gif還是有很多弊病:

l 與win7不兼容;

l 持續使用一段時間會讓電腦死機;

l 錄屏時會使播放速度變慢,播放不流暢,出現畫面卡頓

同時在此為大家推薦另外兩款截圖工具

2.gifmoviegear

優點:

l 免費試用,基礎功能全,操作簡單,沒有水印。

l 適合剪輯視頻長短、去除水印、調整長寬等基本操作。

l 也可以將不同的動圖拼到一起。

缺點:

l 1個月之後要付費。

l 只能調色,強化色彩,或者取某個顏色為背景色。(不方便使用)

l 沒有精細的處理效果,不能加字幕和特效。(很難二次加工)

l 不同的動圖拼到一起後,因尺寸不同會出現花屏現象。

3.摳摳視頻秀

優點:

錄gif的時候不會卡,錄出來的gif清晰度和流暢度都可以

缺點:

l 不太好的是錄出來的gif特別大;

l 用這個軟體錄的gif左上角會有一個小水印。

大體常用的幾種gif的截取的方式,歡迎補充~,要是有其他的會時不時的補充下


推薦一個軟體,可以直接把圖從靜態便成動態

作者?Aron Peng 編輯?江寒山

出品?影像視覺(ID:yxsjzz)

影像君每周一晚都會教大家『一招』拍照技巧

不過之前的每一招都用於靜態圖像拍攝

比如這些照片

??Dina Belenko

??亞坤

??燕子木

不過大家現在拍的照片很少會列印出來

更多是發到微博微信上曬一曬

而這些線上社交平台上充斥著大量美圖

發一些普通的照片已經無法引人注意

再請大家看這張【動態旋轉樓梯】

一張標準式構圖的旋梯照片

為台階添加動效之後更加養眼

從大批相似拍法的旋梯照片中脫穎而出

下面影像君就為大家講解

如何製作一張 動態旋轉樓梯照

【敲黑板-看完這篇文章你還能了解到】

??? 哪些照片適合添加微動效果

??? Plotagraph工具使用解析

姓名 Aron Peng

簡介 攝影師;個人公眾號:渤子的攝影詩(ID:mgraph)

拍攝器材 iPhone手機一部 包辦前後期

製作微動效果照片,首先需要一款叫作Plotagraph的手機App

App下載完成後進入主界面

按底部中央?鍵即可導入照片

導入圖片後進入編輯界面

左右滑動底部工具欄可看到更多選項

首先看最終效果圖

後期思路就是類似《盜夢空間》、《奇異博士》里的超現實主義,旋梯本身並不會旋轉,但是我們將它的視覺本質動態化,就會產生極大的視覺衝擊力。

【原圖】

可以下載好跟著影像君同步操作

01 裁剪圖片

原圖中大面積的白色干擾了構圖,而且使得畫面中顏色過多,因此我決定把最外面一圈整個裁掉。

裁剪前 裁剪後

這裡只需用到界面底部的

工具

02 添加動畫箭頭與遮罩

所塗抹的區域,都是保持靜止的。

遮罩工具塗抹除旋梯階梯和螺旋底部之外的部分。

單擊下方的遮罩圖標會出現畫面左側的滑塊,用於調整畫筆大小。如果不小心塗過界了(塗到台階),用橡皮擦工具擦掉就好(橡皮擦同樣可調節大小)

遮罩塗抹完成後在台階兩端添加動畫箭頭,並且內圈長度短一些

又叫箭頭工具,在圖片上划出一個箭頭可以引發周圍像素點向箭頭方向的拉伸和移位,並將這種運動動態循環播放,起到產生動態扭曲靜態畫面的效果。這是這個軟體的創意實現核心。

箭頭添加出現失誤不用緊張,選中選擇工具,然後單擊要重做的箭頭,畫面左側會出現刪除選項。

全部添加後效果如下

事後還需用預覽

觀察效果,如果出現明顯疊影就要重新調節內外圈箭頭的長度、方向,直到幾乎無法第一眼察覺到疊影才算完工。

03 修整邊緣

來回切換「遮罩」和「橡皮擦」抹乾凈邊緣(善用雙指撩開放大畫面、調整畫筆大小)。

04 「速度」按需調整

調整畫面運動的速度

05 導出,大功告成,就這麼簡單。

還等什麼,現在就動手讓魔法照進現實吧!

我的其他plotagraph作品(完全手機拍攝、後期):

靜態圖:

效果圖(點擊下圖查看動態):

原文:這個App讓照片吸睛度暴增 30元都超多人買!


其實不用那麼高端複雜,迅雷看看播放器,百度影音播放視頻時右擊應該有直接生成GIF圖片的


最新版本的PC端QQ可以製作gif了,上圖!可以不用下載其他軟體即可製作gif。

樓主問要不要用到PS,我還是用到了....

上教程:

  1. 找到或者製作好需要製作成gif的圖片素材。這次我選擇的一張飛機的動畫,因為想做一個飛機飛行的動圖,我還是用到了ps。

我希望飛機能演著我標記的箭頭方向行駛。

①在PS中打開上面這張原圖,選中內容感知移動工具,模式選【移動】,然後用滑鼠大致勾勒出飛機。

②按著既定的方向移動選中的飛機,並按確定鍵

這時飛機已經移動了位置。發現原來的飛機位置上還有陰影,退回上一步,把選擇飛機的範圍擴大一些就沒有陰影了。

③保存該圖片

要想飛機路線更長,重複以上操作,製作多張圖片。第二步:打開PC端QQ,打開【表情DIY】,並上傳多張飛機圖片,然後保存。

可以根據需要選擇gif的顯示速度

到此飛機飛行的gif已經製作完畢啦!


給你傳送門我的答案是從具體使用場景來 如何製作gif圖片? - 動態 GIF


如果是手機端製作一些好玩的GIF的話,可以用美圖GIF,如果你是編輯或新媒體,需要在PC端上製作GIF動圖的話,PHOTOSHOP是其中一種,另外也有些在線就可以製作GIF動圖的啊,比如這個:

小豬動圖 GIF製作工具

它支持同時10張jpg/png/gif圖片混搭拼接為GIF動圖,還可以設置切換速度、打水印等等。除了支持GIF製作,還有GIF壓縮、裁剪、水印、視頻轉GIF的功能。

當然這個網站還有大量GIF動圖素材,你可以直接搜索,非常強大。


對於我這種不會畫畫的人來說,我就是一張一張的拍下來,然後用GIF軟體製作。

gifan的操作挺簡單的,但是是收費軟體。只有20次的免費使用。

這個基本上只要你打開你就一定會用。

Ulead gif animater我也是最近才用,免費的,也不是太難,

Vgif是一個

可以把視頻變成gif動圖的軟體。前提是需要你把視頻下載下來。

清晰度還比較高,但是生成的gif圖比較大。

最近也在學習如何做GIF動圖中,希望能夠有人來一起探討技巧。


可能要分幾種情況。

  1. 如果是對已有的視頻素材做gif,你那就可以現在Pr等非編軟體里剪輯出所需的片段(當然可以做一些修飾),或者直接在格式工廠一類的轉換軟體中也是可以選擇片段的。保存好視頻之後,打開PS,導入視頻,然後文件&>存儲為web所用格式,在對話面板中選擇格式為gif即可。

  2. 另外一種情況就是從零到有的做,那麼先要利用AE或Flash等一些軟體,做出想要的動畫,比如現在比較流行的MG風格的動畫,然後導出視頻後,同樣放到PS中去處理,導出gif圖。
  3. 在手機端還是有很多App直接利用相機拍照,然後直接保存成gif的,這也是一種方法了。

PS:之所以前兩種情況都提到了PS,是因為在PS中可以進行更豐富的參數設置,比如調節尺寸大小、優化gif文件大小,以滿足各種網站的限制條件,比如微博的寬不能超450之類的。

(可以看到紅線框起的部分,對gif的設置選項還是很實用的。)


嗯!我試過很多,PS最清晰!


在個人公眾號「串川串川」里剛寫過一片教程,利用了動圖錄製軟體GifCam將在PS裡面製作動圖的過程展現出來,非常的清晰。

PS教程丨動圖製作

動圖製作原來這麼簡單


https://goo.gl/5h0L8Q

可以看看這個,推薦一個簡單方法。


剛用的 不是廣告哈哈


這個可以用Matlab軟體直接將一系列的圖片轉變成Gif動畫


膜拜大神們!


推薦閱讀:

有什麼好用的Gif圖片壓縮工具?
圖片格式 jpg、png、gif各有什麼優缺點?什麼情況下用什麼格式的圖片呢?
Sublimetext.com 首頁的操作演示動畫不是 GIF,是在 canvas 中拼接圖片畫出來的,這是用什麼工具生成的?
為什麼用ps作圖導出的gif比預覽的時候速度慢?
製作UI動態效果展示demo,如何輸出高質量小體積的GIF圖?

TAG:動畫 | 圖片 | GIF |