企業微信
酷網科技公司
當前位置: 建站知識  >>  瀏覽文章
時間:2016年05月23日 信息來源:互聯網

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

編者按:前天介紹了如何用PS打造高大上APP效果展示圖,今天出個進階版,@Jaret_杰瑞特?來教同學們把Gif動效圖嵌入到手機模板上,高大上的效果實操起來非常簡單,輕松6步搞定,來收!

延伸閱讀:

  • PS教程!打造時下最受歡迎的APP效果展示圖

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

PS教程 ps制作 PS圖片設計

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

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

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

PS教程 ps制作 PS圖片設計

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

PS教程 ps制作 PS圖片設計

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

PS教程 ps制作 PS圖片設計

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

PS教程 ps制作 PS圖片設計

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

PS教程 ps制作 PS圖片設計

6. 看一下整體效果:

PS教程 ps制作 PS圖片設計

7. 以上動效是用Pixate制作的,源文件下載:http://pan.baidu.com/s/1mg0DFtu

?

?


(編輯:小酷)

 


上一篇:為網頁添加高清SVG ICON解決方案上
下一篇:PS教程!手把手教你把圖片變成江南水墨風
聯系
客服

掃碼添加客服微信

服務熱線
服務熱線
0411-62888851
公眾號

掃碼關注公眾號

回到頂部