動圖技巧,5分鐘教會用gif做交互的動態(tài)效果

2023-12-22 17:33:21 來源/作者: / 己有:1人學習過

動圖技巧,5分鐘教會用gif做交互的動態(tài)效果

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

動圖技巧,5分鐘教會用gif做交互的動態(tài)效果

新建一個干凈的界面 把整理好的區(qū)域做一個初始狀態(tài)

動圖技巧,5分鐘教會用gif做交互的動態(tài)效果

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

動圖技巧,5分鐘教會用gif做交互的動態(tài)效果

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

動圖技巧,5分鐘教會用gif做交互的動態(tài)效果

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

動圖技巧,5分鐘教會用gif做交互的動態(tài)效果

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

動圖技巧,5分鐘教會用gif做交互的動態(tài)效果

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

動圖技巧,5分鐘教會用gif做交互的動態(tài)效果

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

動圖技巧,5分鐘教會用gif做交互的動態(tài)效果