@Payshare 來教同學們把Gif動效圖嵌入到手機模板上，高大上的效果實操起來非常簡單，輕鬆6步搞定，來收！

很多設計師可以做出動效Gif，但不知道如何嵌入到模版裡如下圖這樣展示：

昨天有個設計妹子問我這個問題，既然是妹子那我就花五分鐘教你嵌入Gif到模板。

1. 首先利用Hype 或者Pixate做出一張動態的Gif 圖如下：

（注：AE 可以儲存成.Mp4 ，Pixate 可以錄屏，Hype可以直接轉換成Gif，視訊格式可以通過軟體或Photoshop轉換成Gif ，總之就是做出你想要的動效Gif）

2. 用Photoshop開啟Gif 圖片，視窗-時間軸面板，單擊選擇將幀拼合到圖層，這樣就把所有的幀轉換為了圖層：

3. 繼續單擊轉換為視訊時間軸（注：視訊時間軸才可以一個圖層進行動畫）

4. 選擇圖層面板中所有圖層右鍵轉換為智慧物件：

5. 將智慧物件拖到事先準備好的模板裡面，通過巢狀的智慧物件放入手機模板或者通過Command+T改變透視關係，然後建立視訊時間軸，播放看一下效果。最後儲存web所用格式。（注：儲存web格式時可以通過右下角的百分比調整檔案大小。）

6. 看一下整體效果：