現在寫博客或是wiki的過程中,會經常引用到圖片,特別是客戶端經常與頁面相關所以截圖不可避。但是越來越多的效果僅僅一張圖片是無法清楚的描述。並且博客或是wiki也是支持gif圖的。gif圖的制作方法有很多,但是大多都有些麻煩不怎么可行,在這我就分享下我制作gif圖的工具和過程,希望對大家有用。
首先是要用到這樣一個軟件

圖標比較簡陋,但是功能非常強大而且便捷。這里提供一個下載地址:
http://pan.baidu.com/s/1qW6y652
這是直接把一個app打的壓縮包,下載后不用安裝,只需要解壓,然后把得到的app拖到應用程序里就可以使用了。
使用步驟:
如果你不是在董鉑然博客園看到本文請點擊查看原文。
1.打開之后界面是一個框

左邊的是FPS是設置幀數,一般都是8或15,看的就比較清楚不怎么卡幀了,如果設置的多一些比如30,會更流暢但是相應的圖片的容量會比較大。
2.第二步就是把這個框拖到你需要錄制動圖的地方,比如想給iOS的模擬器錄制動圖,就用框把模擬器罩住。
3.然后是點擊record按鈕,這個軟件和大多數人得使用習慣可能不一樣,不是錄完之后再選擇保存地點,而是先選擇保存地址再開始錄制。
如圖

4.點擊了保存之后,這個框會取消前置狀態,就是你可以點擊框里面的按鈕等交互了

會在左下角倒計時3秒中讓你准備 三秒鍾之后 開始錄制,通過右邊GIF 0:00 可以看到已經錄制了多長時間。
5.效果都已經錄進去了 點擊右下角的stop就可以直接保存了。 然后就可以去保存地址查看了。(董鉑然)
補充:
因為現在大多數電腦都是retina屏幕 錄完之后可能發現尺寸錄得比較大,導致圖片的容量也大,這時候可以使用蘋果電腦自帶的軟件,縮小。

雙擊用系統默認的
軟件打開 ---->然后在左邊把ctrl+A 全選所有幀------>然后點擊工具 調整大小

下面的原為35.2M 算的不准 可以忽視。 你可以按比例縮小, 會讓整個git圖的尺寸縮小並且容量也縮小非常實用。
附上一張動圖給你感覺一下

PS:這個灌水效果正在做做好會發布,想要這個灌水效果源碼的可以關注我。
如果你不是在董鉑然博客園看到本文請點擊查看原文, 轉載請注明出處。
