Practice 1–1 ⭐️熟悉 App gif 錄製，GitHub，Medium
練習錄製畫面gif及上傳Github
借一下大綱～一輩子朋友所說的：
那我就恭敬不如從命了，『簡單』的錄製一下練習的專案就好～
先上傳gif，再分享過程遇到的種種困難….
個人覺得有手機外框的gif實在是很有感，所以我也堅持要用到如此（僅管….動畫內容沒有什麼特別的…)
這次是用以前沒嘗試過的方式錄製～LICEcap app（以前是用Quicktime player上傳到youtube）
言歸正傳，首先要先下載App
然後將框放在模擬器的四個邊上如下圖（我用的是Iphone11）
注意
1. 白框對齊4個邊
2. 按下Record按鈕開始
3. 儲存檔名記得加上副檔名.gif
4. 注意白框上方倒數 3 2 1 之後再開始操作模擬器
基本操作影片完成後，就需要下載iphone外框了。
解壓縮你所需要的版型後，就可以開始進行結合的動作。
前往彼得潘提供的網址（網頁版的Photopea)：
將外框及錄製的gif 都在頁面中開啟。（順便去背）
然後就會發現原先錄製的gif檔 是一頁一頁的有個資料夾
在資料夾的位子點選滑鼠右鍵，將其複製到外框的分頁視窗中，準備進行合併。
就會出現兩個檔案都在同一個頁面的畫面：
接下來就是我卡關最久的地方了….首先是外框的解析度比較高2286*4000然後我錄製的模擬器操作解析度只有409*893，當然也可以像彼得潘一樣，先算好兩者的解析度 再將其對齊就好了…(但….我的比例就…不太對啊..那怎辦？）
後來…只好用最徒法煉鋼的方式，找半天終於找到的縮放按鈕了…
移動工具內的 『自動選擇』『變形調控』兩個都要勾選起來。
然後還記得當初說的gif在檔案內是顯示很多的頁面的，所以在做『縮放』動作時，需要把所有頁面選起來『再動作』。
就會變成對齊好的iphone了（但因為是網頁版的可能會有lag的產生）不過沒關係…就剩最後一步了。
將檔案匯出成Gif。
跳出提示..說尺寸太大之類等等…總之按下『確定』就對了..
存檔。
以上，就完成了全部的操作，有個漂亮的iphone外殼，裡面是會動的gif了。
結果說要簡單的打一篇….卻又是長篇大論了…
希望這篇可以幫到別人。
最後附上強大的『一輩子朋友』的參考教學文章：
還有我的Github 網址：
