如今寫博客或是wiki的過程當中,會常常引用到圖片,特別是客戶端常常與頁面相關因此截圖不可避。可是愈來愈多的效果僅僅一張圖片是沒法清楚的描述。而且博客或是wiki也是支持gif圖的。gif圖的製做方法有不少,可是大多都有些麻煩不怎麼可行,在這我就分享下我製做gif圖的工具和過程,但願對你們有用。html
首先是要用到這樣一個軟件git
圖標比較簡陋,可是功能很是強大並且便捷。這裏提供一個下載地址:app
http://pan.baidu.com/s/1qW6y652工具
這是直接把一個app打的壓縮包,下載後不用安裝,只須要解壓,而後把獲得的app拖到應用程序裏就可使用了。htm
使用步驟:blog
若是你不是在董鉑然博客園看到本文請點擊查看原文。圖片
1.打開以後界面是一個框get
左邊的是FPS是設置幀數,通常都是8或15,看的就比較清楚不怎麼卡幀了,若是設置的多一些好比30,會更流暢可是相應的圖片的容量會比較大。源碼
2.第二步就是把這個框拖到你須要錄製動圖的地方,好比想給iOS的模擬器錄製動圖,就用框把模擬器罩住。博客
3.而後是點擊record按鈕,這個軟件和大多數人得使用習慣可能不同,不是錄完以後再選擇保存地點,而是先選擇保存地址再開始錄製。
如圖
4.點擊了保存以後,這個框會取消前置狀態,就是你能夠點擊框裏面的按鈕等交互了
會在左下角倒計時3秒中讓你準備 三秒鐘以後 開始錄製,經過右邊GIF 0:00 能夠看到已經錄製了多長時間。
5.效果都已經錄進去了 點擊右下角的stop就能夠直接保存了。 而後就能夠去保存地址查看了。(董鉑然)
補充:
由於如今大多數電腦都是retina屏幕 錄完以後可能發現尺寸錄得比較大,致使圖片的容量也大,這時候可使用蘋果電腦自帶的軟件,縮小。
雙擊用系統默認的軟件打開 ---->而後在左邊把ctrl+A 全選全部幀------>而後點擊工具 調整大小
下面的原爲35.2M 算的不許 能夠忽視。 你能夠按比例縮小, 會讓整個git圖的尺寸縮小而且容量也縮小很是實用。
附上一張動圖給你感受一下
PS:這個灌水效果正在作作好會發布,想要這個灌水效果源碼的能夠關注我。
若是你不是在董鉑然博客園看到本文請點擊查看原文, 轉載請註明出處。