用 GIPHY Capture 簡單錄製 iOS App 操作過程

學習手機程式開發的小夥伴們大多會選擇以螢幕錄影的方式來錄製自己製作的 App 操作流程,以便於分享給朋友、家人、面試主管、鄰居阿姨、隔壁老王...等等親朋好友,不管是給他們欣賞或純粹想炫耀,總是要把錄製的結果用一個方便的格式保留下來,對吧?

如果這個格式可以和文字一起分享給大家是不是就更美妙了呢?

沒有錯的,今天就是要教大家使用 GIPHY Capture 來把電腦模擬器的操作流程錄製成為 GIF 格式!話不多說,先看看錄好的 GIF 長什麼樣子吧!

GIPHY Capture 安裝及使用教學

step 1. 請打開你的 Mac ,找到 App Store

Launchpad 中的 App Store

step 2. 搜尋 GIPHY ,按下 GET 輸入 iCloud 帳密後下載並安裝

輸入 GIPHY 後得到的搜尋結果

step 3. 將 App 啟動到 iOS Device 模擬器

step 4. 開啟 GIPHY Capture,調整視窗使淺綠色完全覆蓋模擬器螢幕範圍。眼尖的小夥伴們應該有發現右下角有淡淡數字吧,那是表示目前可錄製的範圍尺寸喔。以我現在使用的 iPhone 12 mini 模擬器為例,螢幕範圍是 375 x 812 ,而我最後覆蓋的大小則是顯示 376 x 812,表示幾乎是同等大小的範圍。(如果不好控制,上下左右差個 1-2 pixel 沒有什麼大礙)

step 5. 把下方中間的紅色圓形按鈕輕輕地按下去就開始錄製,
來,請開始你的表演。

step 5a. 結束想錄製的操作過程後,再次按下中間的按鈕即可停止錄製,右方的進度條表示已錄了幾秒,一次最多可以錄製30秒。

step 5b. 結束後下方佇列會出現縮圖,點選縮圖即可進入編輯頁面。

step 6. 在這個階段可以裁剪不需要的頭尾片段和調整影格率(通常在檔案過大時才會動它),調整結束後按下 SAVE AS... 按鍵即可存檔。

存檔前的最後調整

ps. 如果遇上權限問題無法錄製,請到系統設定裡把相關權限打開。

系統設定>安全性與隱私>隱私>螢幕錄製

以上打完收工,若有興趣的小夥伴們,
還有其他方式可以參考彼得潘的分享。

--

--

Terence@tw
彼得潘的 Swift iOS / Flutter App 開發教室

不務正業的平面設計師,斜槓一下 iOS App 開發的學習心得