Photoshop設(shè)計動態(tài)APP演示動畫

2023-11-27 17:45:59 來源/作者: / 己有:6人學(xué)習(xí)過

點擊具體項效果

步驟1

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

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

步驟2

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

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

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

步驟 3

添加幀,隱藏Tap圓圖層。

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

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

步驟4

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

效果:

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

嵌入到手機模板里

步驟1

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

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

每一幀都變成了圖層

步驟2

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

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

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