gif圖片是博客中展示項目效果的一種很好的方式,為我們的app制作一張gif圖片并不復(fù)雜,錄制屏幕采用系統(tǒng)自帶的QuickTime Player,制作gif采用PicGIF軟件。licecap軟件更是將屏幕錄制與gif制作合為一體。
1. 電腦屏幕錄制
1.1 文件->新建屏幕錄制

1.2 點擊紅色按鈕

1.3 截取需要錄制的屏幕部分,點擊開始錄制

1.4 點擊工具欄的停止按鈕,停止錄制

1.5 然后會彈出預(yù)覽界面,cmd+s保存視頻,后綴為mov

2. 手機(jī)屏幕錄制
2.1 首先連接你的iPhone到電腦,文件->新建影片錄制

屏幕快照 2016-06-21 15.11.54.png
2.2 軟件會自動顯示出你的iPhone屏幕,然后點擊紅色按鈕開始錄制,再點擊一下就停止錄制,預(yù)覽并保存文件即可。

1.png
3. 制作gif
制作gif的軟件很多,本人也使用過很多款,GifBrewery,PicGIF是比較好的軟件。原本一直在用GifBrewery,但是制作出來的gif經(jīng)常在簡書里無法顯示,這里以PicGIF為例子。軟件下載地址在文末。

3.1 打開PicGIF,點擊添加視頻,添加剛才錄制的視頻文件

3.2 出現(xiàn)制作窗口,點擊進(jìn)度條可以查看當(dāng)前選中的幀,點擊進(jìn)度條之后,按CMD+S設(shè)置片段起始點,CMD+E設(shè)置片段結(jié)束點,幀每秒可以設(shè)置播放速度


3.3 點擊右下角加載按鈕,等待提取幀完成,然后點擊右邊菜單的尺寸,選擇合適的gif尺寸,也可以自定義尺寸;幀延時選項也可以改變gif播放速度


3.4 點擊右上角創(chuàng)建GIF,gif圖制作完成,點擊右下角存儲即可

4. licecap使用教程
licecap 是一款屏幕錄制工具,支持導(dǎo)出 GIF 動畫圖片格式,輕量級、使用簡單,錄制過程中可以隨意改變錄屏范圍。
4.1 運行后會以窗口的方式顯示在桌面,拖動選取一個合適的大小范圍。

4.2 點擊 Record 選取保存路徑就開始錄屏了

4.3 licecap 在錄屏過程中可以隨時拖動窗口改變錄屏范圍,Stop 過后自動保存為 GIF 格式。下圖是licecap制作的一個例子。
