|
iOS 11 加入原生錄屏功能后，原先的帶殼截圖也隨之進(jìn)化成了對(duì)視頻套殼轉(zhuǎn) GIF 的需求,。如果你想讓原本單調(diào)的動(dòng)圖更具吸引力,，又不想費(fèi)神去學(xué)那些專(zhuān)業(yè)軟件，不妨試試通過(guò)我們常用的幻燈片工具來(lái)解決問(wèn)題,，而流程其實(shí)也相當(dāng)簡(jiǎn)單,。 PowerPoint 在制作帶殼錄屏前，我們首先需要找到合適的外殼模板,。在這里,，我要推薦的是由 Facebook Design 出品的 設(shè)備素材庫(kù)，其涵蓋了包括 iPhone X 和 Pixel 2 XL 等在內(nèi)的各種常見(jiàn)手機(jī),、平板,、電腦、智能手表甚至顯示器的 UI 設(shè)計(jì)資源,，全部高清且可以免費(fèi)用于商業(yè)用途,。只要你的手機(jī)不是太小眾的話(huà)，應(yīng)該都能找到分辨率合適的素材資源,。 
選定素材后,，讓我們打開(kāi) PowerPoint，新建一個(gè)空白文檔,。隨后,，單擊并切換至「設(shè)計(jì)」選項(xiàng)卡，選擇「自定義幻燈片大小」,，然后根據(jù)你下載的素材分辨率設(shè)置合適的大小,。PowerPoint 默認(rèn)采用「厘米」作為尺寸單位，但我們?nèi)钥梢允謩?dòng)輸入像素大小,，我使用的 iPhone 7 Plus 外殼素材分辨率為 1842 * 3408 像素,，換算后就是 48.736 * 90.17 厘米。
然后,，你就可以把外殼素材直接拖進(jìn)去了,。為了方便以后重復(fù)使用，我們可以將其保存為 PowerPoint 模板,。只要在保存時(shí)將格式改為 .potx,，再次雙擊打開(kāi)時(shí) PowerPoint 就會(huì)為你創(chuàng)建一個(gè)模板相同的幻燈片了。
接著,，我們要做的就是把錄屏也拖進(jìn)去,，移動(dòng)至中央，調(diào)整好相對(duì)大小，再選擇一張合適的背景,。然后,，切換至「動(dòng)畫(huà)」選項(xiàng)卡，打開(kāi)「動(dòng)畫(huà)窗格」,，將視頻播放設(shè)置由「單擊開(kāi)始」改為「從上一項(xiàng)之后開(kāi)始」,，這樣，只要開(kāi)始演示幻燈片,，錄屏就會(huì)自動(dòng)播放了,。
之后，我們就可以準(zhǔn)備導(dǎo)出了,，雖然 PowerPoint「另存為」選項(xiàng)中有 GIF 格式,，但只能逐幀放映，并不能完整播放視頻,。因此,，在這里，我們首先點(diǎn)擊「導(dǎo)出」按鈕,，然后選擇「創(chuàng)建視頻」選項(xiàng),。你可以調(diào)整視頻分辨率、播放時(shí)長(zhǎng)等相關(guān)屬性,，然后將其保存至計(jì)算機(jī)上,。
成功導(dǎo)出視頻后，下面就該制作 GIF 了,。如果你安裝有 Photoshop,，可以通過(guò)少數(shù)派之前 這篇文章 中介紹的方式將視頻轉(zhuǎn)制為 GIF。但由于我并沒(méi)有錢(qián)購(gòu)買(mǎi) Photoshop（窮人的凝視.jpg）,，所以選擇了 Giffing Tool 來(lái)解決問(wèn)題,，它采用了著名的開(kāi)源視頻工具 FFmpeg 作為內(nèi)核,，可以對(duì) GIF 進(jìn)行各種編輯操作,。由于其各個(gè)按鈕都非常直觀(guān)，在這里就不詳細(xì)講解它的用法了,。
你可以在 官網(wǎng) 下載 Giffing Tool,，其采用彈性定價(jià)（Pay What You Want）模式，由你自行決定想要支付的費(fèi)用,。你也可以無(wú)限期試用 Giffing Tool,，但在導(dǎo)出的 GIF 中會(huì)帶有水印。
如果你想將多段視頻整合到一起,，PowerPoint 也能完美解決你的需求,。你可以通過(guò)添加多張幻燈片來(lái)將視頻前后組合，也可以將它們并排安置,，或者發(fā)掘其它有趣的用途,。 舉例來(lái)說(shuō),，前幾天我寫(xiě) Android Go 具透 時(shí)，為了讓讀者能更直觀(guān)了解 Go edition App 的 UI 交互,，就利用 PowerPoint 將從 Google 官網(wǎng)上扒下來(lái)的三段演示視頻合成為一張 GIF,，最終效果如下圖所示。 
Keynote 用 Keynote 制作套殼 GIF 的流程與 PowerPoint 大致相同,。首先依然是新建一張空白幻燈片,，然后單擊右側(cè)的「文稿」按鈕，選擇「自定幻燈片大小」,。Keynote 默認(rèn)的尺寸單位是很棒棒的「磅」,，它和像素是 1:1 對(duì)應(yīng)關(guān)系，所以我直接改成了 1842 * 3408 磅,。 
在 Keynote 的「文件」菜單中,，我們可以將這一自定義大小存儲(chǔ)為主題，方便以后使用,。與 PowerPoint 不同的是,，Keynote 主題只會(huì)存儲(chǔ)尺寸大小，不會(huì)保留你當(dāng)前已經(jīng)添加的內(nèi)容,。
為了讓你的外殼素材也能重復(fù)利用,，保存之后，我們需要將當(dāng)前幻燈片主題改為你剛剛存儲(chǔ)的那一個(gè),。然后,，單擊右側(cè)的「格式」按鈕，選擇「更改母版」,，再將你的素材圖片拖進(jìn)去并單擊「完成」,。這樣，以后制作帶殼截屏?xí)r就不用再臨時(shí)找模板了,。
接著,，把你的錄屏拖進(jìn)去，調(diào)整好位置和大小,。然后,，點(diǎn)擊「文件」菜單中的「導(dǎo)出到 QuickTime」選項(xiàng)，將前往下一個(gè)構(gòu)件之前等待的時(shí)間改為 0 秒鐘,，其它選項(xiàng)就隨君心意了,。
導(dǎo)出完畢后，在 macOS 上,，我推薦你使用免費(fèi)的 GIF Brewery 來(lái)將視頻制作成 GIF,。少數(shù)派之前也曾經(jīng)詳細(xì)介紹過(guò)它的各項(xiàng)使用技巧，你可以 點(diǎn)擊這里 閱讀，在本文中就不累述了,。
寫(xiě)完上面的教程,，就該為本文制作題圖了。由于我習(xí)慣在 MacBook 上碼字,，當(dāng)然是要用 Keynote 解決問(wèn)題,。換個(gè)背景，加行字,，把外殼和 Logo 拖進(jìn)去,，再加一個(gè)小動(dòng)畫(huà)效果，導(dǎo)出轉(zhuǎn)制一氣呵成,。只要發(fā)揮你的想象,，想必能制作出更有趣的作品。
最后吐句小槽,，我派這么多開(kāi)發(fā)者 dalao,，不知有沒(méi)有興趣做一款 App 簡(jiǎn)化這一流程呢（逃
|
