Photoshop設(shè)計(jì)動(dòng)態(tài)APP演示動(dòng)畫

2023-11-05 17:42:39 來源/作者: / 己有:3人學(xué)習(xí)過

步驟9

同步驟7,選擇過渡

Photoshop制作流暢的動(dòng)態(tài)APP演示動(dòng)畫

添加新幀,隱藏Tap圖層組。

Photoshop制作流暢的動(dòng)態(tài)APP演示動(dòng)畫

效果演示:

Photoshop制作流暢的動(dòng)態(tài)APP演示動(dòng)畫

點(diǎn)擊菜單分類項(xiàng)效果

步驟1

現(xiàn)在想要設(shè)置點(diǎn)擊菜單項(xiàng)后的效果。首先,創(chuàng)建新的幀0.5s。

然后再創(chuàng)建一個(gè)幀,在這個(gè)幀里面,

將首頁(yè)加(粗版)不透明度設(shè)置為0%,常規(guī)從0%->100%

雜志(粗版)不透明度設(shè)置為100%。常規(guī)從100%->0%

Photoshop制作流暢的動(dòng)態(tài)APP演示動(dòng)畫

步驟2

激活Tap圖層組,將其移動(dòng)到雜志選項(xiàng)附近,然后將幀延遲設(shè)置成0.2s

Photoshop制作流暢的動(dòng)態(tài)APP演示動(dòng)畫

步驟3

創(chuàng)建新幀,延遲0.1s,隱藏tap圖層組中最細(xì)的描邊

Photoshop制作流暢的動(dòng)態(tài)APP演示動(dòng)畫