45IT.COM- 電腦學習從此開始!
DIY硬件教程攢機經驗裝機配置
設計Photoshop網頁設計特效
系統注冊表DOS系統命令其它
存儲主板顯卡外設鍵鼠內存
維修顯卡CPU內存打印機
WinXPVistaWin7unix/linux
CPU光驅電源/散熱顯示器其它
修技主板硬盤鍵鼠顯示器光驅
辦公ExcelWordPowerPointWPS
編程數據庫CSS腳本PHP
網絡局域網QQ服務器
軟件網絡系統圖像安全
頁面導航: 首頁 > 設計學院 > Photoshop >

ps技巧:5分鐘教會用gif做交互的動態效果

電腦軟硬件應用網 45IT.COM 時間:2015-04-09 09:03 作者:川貝
首先把你做好的效果圖拿出來。想一下如何做這個動態。把頁面分解幾個區域以便于做動態。 新建一個干凈的界面 把整理好的區域做一個初始狀態 接下來做在窗口選擇時間軸并且創建幀動畫 之后就是做動畫了,點左下角倒

ps技巧:5分鐘教會用gif做交互的動態效果

ps技巧:5分鐘教會用gif做交互的動態效果

 

首先把你做好的效果圖拿出來。想一下如何做這個動態。把頁面分解幾個區域以便于做動態。

ps技巧:5分鐘教會用gif做交互的動態效果

新建一個干凈的界面 把整理好的區域做一個初始狀態

ps技巧:5分鐘教會用gif做交互的動態效果

接下來做在窗口選擇“時間軸”并且創建“幀動畫”

ps技巧:5分鐘教會用gif做交互的動態效果

之后就是做動畫了,點左下角倒數第二個按鈕新建一幀,并把內容下移到你想要的位置

ps技巧:5分鐘教會用gif做交互的動態效果

把這兩幀都選中點擊倒數第三個按鈕進行過度效果(數字隨意,越大越自然,但是時間越長,做的時候同學們自己考慮)之后的效果同理。

ps技巧:5分鐘教會用gif做交互的動態效果

接下來比較關鍵,點擊時間軸的上角圖標 選擇“轉換為視頻時間軸”

ps技巧:5分鐘教會用gif做交互的動態效果

把所有圖層選中 選擇“轉換為智能對象”

ps技巧:5分鐘教會用gif做交互的動態效果

新建一個畫布,把你要貼的背景圖放進來,選擇時間軸后就可以把剛剛做好的動畫拖過來了,貼上就可以了

ps技巧:5分鐘教會用gif做交互的動態效果
頂一下
(2)
100%
踩一下
(0)
0%
------分隔線----------------------------
發表評論
請自覺遵守互聯網相關的政策法規,嚴禁發布色情、暴力、反動的言論。
評價:
表情:
驗證碼:點擊我更換圖片
推薦知識
女校体操队返水