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

2023-10-28 17:22:21 來源/作者: / 己有:2人學(xué)習(xí)過

點(diǎn)擊具體項(xiàng)效果

步驟1

創(chuàng)建關(guān)鍵幀,延遲0.2s,顯示Tap圖層組(移動(dòng)到具體項(xiàng)位置)

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

步驟2

添加新幀,延遲0.1s,隱藏最細(xì)的描邊

再添加新幀,隱藏次細(xì)描邊

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

步驟 3

添加幀,隱藏Tap圓圖層。

添加幀,將具體項(xiàng)大圖不透明度設(shè)置為100%,將圖中的小項(xiàng)不透明度設(shè)置為0%

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

步驟4

在當(dāng)前幀和前一幀添加過渡,要添加的幀數(shù)5

效果:

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

嵌入到手機(jī)模板里

步驟1

時(shí)間軸面板,選擇將幀數(shù)拼合到圖層

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

每一幀都變成了圖層

步驟2

在圖層面板中選擇所有幀,轉(zhuǎn)換為智能對(duì)象,然后點(diǎn)擊轉(zhuǎn)換為視頻時(shí)間軸

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

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