APP展示圖，教你把Gif動(dòng)效圖嵌入到手機(jī)模版

前天介紹了《APP展示圖，教你怎么用PS制作APP的界面圖片》，今天教大家怎么把Gif動(dòng)效圖嵌入到手機(jī)模板上，十分簡(jiǎn)單，只要幾步就能做出來(lái)。

很多設(shè)計(jì)師可以做出動(dòng)效Gif，但不知道如何嵌入到模版里如下圖這樣展示：

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

1. 首先利用Hype 或者Pixate做出一張動(dòng)態(tài)的Gif 圖如下：

（注：AE 可以保存成.Mp4 ，Pixate 可以錄屏，Hype可以直接轉(zhuǎn)換成Gif，視頻格式可以通過(guò)軟件或Photoshop轉(zhuǎn)換成Gif ，總之就是做出你想要的動(dòng)效Gif）

2. 用Photoshop打開Gif 圖片，窗口-時(shí)間軸面板，單擊選擇將幀拼合到圖層，這樣就把所有的幀轉(zhuǎn)換為了圖層：

3. 繼續(xù)單擊轉(zhuǎn)換為視頻時(shí)間軸（注：視頻時(shí)間軸才可以一個(gè)圖層進(jìn)行動(dòng)畫）

4. 選擇圖層面板中所有圖層右鍵轉(zhuǎn)換為智能對(duì)象：

5. 將智能對(duì)象拖到事先準(zhǔn)備好的模板里面，通過(guò)嵌套的智能對(duì)象放入手機(jī)模板或者通過(guò)Command+T改變透視關(guān)系，然后創(chuàng)建視頻時(shí)間軸，播放看一下效果。最后保存web所用格式。（注：保存web格式時(shí)可以通過(guò)右下角的百分比調(diào)整文件大小。）

6. 看一下整體效果：

7. 以上動(dòng)效是用Pixate制作的，源文件下載：http://pan.baidu.com/s/1mg0DFtu