經(jīng)常在網(wǎng)上看到一些介紹手機(jī)APP動(dòng)效設(shè)計(jì)的文章，一直好奇這些動(dòng)態(tài)圖片是怎么保存下來(lái)的。今天把這個(gè)小技能分享出來(lái)，UI設(shè)計(jì)師和想學(xué)優(yōu)秀動(dòng)效的同學(xué)記得收藏!

　　自己在日常工作中也有看到好的動(dòng)效設(shè)計(jì)要保存下來(lái)的需求——留著APP太占手機(jī)空間，刪了APP要用的時(shí)候又無(wú)法跟開(kāi)發(fā)描述清楚。

　　要將手機(jī)APP里看到的一段動(dòng)效保存成動(dòng)態(tài)圖片(GIF)，總的思路不外乎：先將這段動(dòng)效錄屏，然后將這段錄制好的視頻轉(zhuǎn)換成GIF。

　　但由于iphone系統(tǒng)權(quán)限問(wèn)題，在不越獄的情況下，無(wú)法做到只用一部手機(jī)就搞定這些事情。在網(wǎng)上查閱了不少相關(guān)帖子，也咨詢(xún)了其他設(shè)計(jì)同行，摸索出一套自己目前覺(jué)得最滿(mǎn)意的方法，現(xiàn)分享給大家。

　　需要用到的配料：

　　iPhone(iOS 需要升級(jí)至iOS 8)

　　Mac(OS X 需要升級(jí)為Yosemite)

　　PicGIF for Mac(一款小巧的格式轉(zhuǎn)換軟件)

　　目前給iPhone錄屏最方便的還是用Mac(好馬配好鞍…)。首先用手機(jī)數(shù)據(jù)線連接iPhone和Mac。找到Mac系統(tǒng)自帶的軟件QuickTime，雙擊打開(kāi)。

　　在Dock欄上右鍵該圖標(biāo)，選擇新建影片錄制(注意是影片錄制而不是屏幕錄制哦，這個(gè)設(shè)計(jì)的心智模型是不是很棒…)。

　　這時(shí)候你會(huì)看到默認(rèn)打開(kāi)的是mac攝像頭錄制的畫(huà)面(通常是自己的一張大臉)而不是手機(jī)屏幕的畫(huà)面。這時(shí)你需要點(diǎn)擊界面下方紅色圓點(diǎn)邊上的下拉箭頭，在菜單里選擇XX的iPhone這一項(xiàng)。

　　這時(shí)候就窗口變成了和你手機(jī)屏幕一樣的比例，同時(shí)顯示出了手機(jī)屏幕上的畫(huà)面。

　　That’s it~ 準(zhǔn)備好之后，點(diǎn)擊界面下方的紅色圓點(diǎn)開(kāi)始錄制，再次點(diǎn)擊停止錄制，這樣兩次點(diǎn)擊之間的操作畫(huà)面就被錄制下來(lái)了。點(diǎn)擊左上角關(guān)閉，在彈窗里選擇存儲(chǔ)。

　　接下來(lái)打開(kāi)PicGIF這個(gè)軟件，點(diǎn)擊添加視頻，選擇剛才保存的那段視頻。

　　會(huì)看到一個(gè)視頻預(yù)覽畫(huà)面，右下角有一些參數(shù)供選擇：幀數(shù)越多，最后保存的圖片動(dòng)效流暢度越好，但同時(shí)生成的圖片體積也越大。根據(jù)自己的需求把握，若沒(méi)有要更改的，直接點(diǎn)擊右下角的加載。

　　可以看到在界面底部，視頻已經(jīng)被分成了一張張連續(xù)的靜態(tài)圖片(每一張代表一幀)，你可以手動(dòng)刪除其中看上去重復(fù)的幀，以減小最后生成的文件體積(通常在開(kāi)始錄制和結(jié)束錄制時(shí)，操作會(huì)停止一會(huì)兒，這里會(huì)產(chǎn)生很多相同的幀，是可以刪掉的)。編輯完以后，點(diǎn)擊右上角的”創(chuàng)建GIF”。

　　預(yù)覽最終生成的GIF，點(diǎn)擊右下角的存儲(chǔ)。

　　好了，一張動(dòng)態(tài)圖片制作完成!