如何用Photoshop製作GIF交互動態效果圖

  如何用Photoshop製作GIF交互動態效果圖

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

如何用Photoshop製作GIF交互動態效果圖

新建一個乾淨的界面 把整理好的'區域做一個初始狀態

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

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

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

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

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

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

教程結束,以上就是Photoshop簡單製作GIF交互動態效果圖教程,希望大家喜歡!