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

2024-01-20 17:13:59 來源/作者: / 己有:2人學(xué)習(xí)過

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

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

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

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

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

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

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

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

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

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

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

接下來比較關(guān)鍵,點(diǎn)擊時(shí)間軸的上角圖標(biāo) 選擇“轉(zhuǎn)換為視頻時(shí)間軸”

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

把所有圖層選中 選擇“轉(zhuǎn)換為智能對(duì)象”

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

新建一個(gè)畫布,把你要貼的背景圖放進(jìn)來,選擇時(shí)間軸后就可以把剛剛做好的動(dòng)畫拖過來了,貼上就可以了

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