萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> PS教你輕松6步把GIF動效圖嵌入到手機模版

PS教你輕松6步把GIF動效圖嵌入到手機模版

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

PS教你輕松6步把GIF動效圖嵌入到手機模版 三聯

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

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

  (注:AE 可以保存成.Mp4 ,Pixate 可以錄屏,Hype可以直接轉換成Gif,視頻格式可以通過軟件或Photoshop轉換成Gif ,總之就是做出你想要的動效Gif)

7GIF20151111

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

5GIF20151111

  3. 繼續單擊轉換為視頻時間軸(注:視頻時間軸才可以一個圖層進行動畫)

4GIF20151111

  4. 選擇圖層面板中所有圖層右鍵轉換為智能對象:

1GIF20151111

  5. 將智能對象拖到事先准備好的模板裡面,通過嵌套的智能對象放入手機模板或者通過Command+T改變透視關系,然後創建視頻時間軸,播放看一下效果。最後保存web所用格式。(注:保存web格式時可以通過右下角的百分比調整文件大小。)

8GIF20151111

  6. 看一下整體效果:

hb20151111003623
copyright © 萬盛學電腦網 all rights reserved