標籤:

這個動畫gif圖片怎麼做出來的?

http://upload.wikimedia.org/wikipedia/commons/4/4d/Heapsort-example.gif


製作GIF動圖有幾種方法,一個是拿幾張gif/png這些靜態圖片或動態圖片拼接起來,還有就是將視頻轉為GIF,最後還有從一張GIF動圖裡截取一個新的動圖出來。如果是這幾種場景的話,有些線上的工具都滿足的,比如:

小豬動圖 GIF製作工具_GIF裁剪工具_GIF水印工具_GIF壓縮工具_小豬動圖


Heapsort-example.gif(350×280像素,文件大小:645 KB,MIME類型:圖像/ gif,環路,576幀,1分45秒)

看到了吧?加黑部分,576幀,該怎麼做還是怎麼做,只是幀比較多,時間為1分45秒。

堆積排序(Heapsort)是指利用堆積樹(堆)這種資料結構所設計的一種排序演算法,可以利用數組的特點快速定位指定索引的元素。

http://en.wikipedia.org/wiki/User:Swfung8

http://en.wikipedia.org/wiki/Heapsort

http://zh.wikipedia.org/wiki/%E5%A0%86%E6%8E%92%E5%BA%8F

http://commons.wikimedia.org/wiki/File:Heapsort-example.gif

---------------------------------------------------------------------------------------------------------------------------------

以photoshop為例

  只要是photoshop6.0以上的就用自帶ImageReady ,先找到你要做的原圖 ,然後

  第一步:

  啟動photoshop,並打開需要的兩幅圖!

  第二步:

  會彈出修改框,修改寬度和高度的像素。注意下面紅線里的約束比例!要改成非比例的大小就把勾點去!然後將兩副圖片的大小調一致!

  第三步

  很多JPG格式的圖在photoshop8.0里鎖定的,所以雙擊圖層里的背景項,會彈出一個選項框,選擇好~將背景變為圖層!(同理,另一幅圖片也這麼做。但注意在photoshop里通過點擊圖片來改變當前編輯的圖片,所以改另一副圖先點擊一下)

  第四步

  選擇左邊工具條上面左邊的工具! 然後點住一幅圖片將它拖至另一副圖片里! 這時在圖層里應該是有兩個圖層! 將兩個圖片根據畫面的大小對對好~按保存!

  第五步:

  這時啟動ImageReady,打開你剛保存的圖片!

  第六步:

  在動畫工具條里點擊「複製當前幀」,複製後,在動畫里會顯示有兩個幀!

  第七步:

  點擊動畫工具里的「過度...」按扭! 點擊後會出現過度對話框!在「要添加的幀數」里選擇你希望的幀數,默認是5,這裡我們也選擇5,然後點擊「好」 這時動畫欄里會顯示有7個幀!

  第八步

  這時看看圖層里的當前圖層是否為上面的圖,不是的話點擊來改變當前圖層! (注意有蘭色條顯示的就是當前圖層!) 選擇好當前圖層後,點擊動畫欄里第二個幀!點中後第二幀應該是蘭色的! 然後在圖層欄那邊改透明度!將其從100%改為80%

  第九步

  接著選擇第三個幀將其不透明值改為60%

  第十步:

  同樣的方法點擊第4幀!將其不透明值改成40%。

  點擊第5幀,將其不透明值改成20%

  第十一步:

  點擊第1幀,點擊「選擇幀延遲時間」點擊後會彈出個菜單!選擇0.2秒延遲後,第1幀下面會變為0.2秒。當然可以根據你的喜好改變。

  第十二步:

  點擊第7幀,和上面一樣延遲0.2秒

  第十三步:

  點擊「播放」按扭。就可以看到效果了

  第十四步:

  準備保存了,在轉為GIF文件前,先設下優化值!在預設一項將其值改為 GIF 128 仿色 然後選擇文件菜單里的「將優化結果存儲為」 選擇文件名後,按好!就OK了!(如果在「將優化結果存儲為」中只有jpg沒有gif,則關閉此窗口,從菜單「窗口」中打開「優化」面板,調整一下「預設」,並將「格式」設為「gif」,就可以了。如果幀數較多,則輸出過程會有點慢,這是正常現象。)

http://baike.baidu.com/view/7966.htm

---------------------------------------------------------------------------------------------------------------------------------------

@顧濤

---------------------------------------------------------------------------------------------------------------------------------------

我靠,知乎居然不支持GIF。白忙一場。


【gif】前段時間人人上的那套同濟動圖


知乎不支持 動畫gif,我也是白忙活了一陣,感覺好些簡單的gif動畫演示還是非常好的,比視頻簡單


推薦閱讀:

QQ表情是png圖但為什麼會動?
龍珠高清gif動圖 iphone 壁紙?
你有哪些珍藏的貓和老鼠gif表情包?
QQ空間中最近流行的傾斜手機走路速度就會變快的GIF是如何實現的?
Photoshop CS6 怎麼將圖片連成GIF圖像?

TAG:動畫 | 圖片 | GIF |