新建參考線,垂直,間隔15px,左面4條,右面4條視圖>新建參考線..." />
您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> ps教程 >> 瀏覽設(shè)計教程

使用Photoshop構(gòu)建動態(tài)演示GIF動畫(3)

步驟3

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

使用Photoshop構(gòu)建動態(tài)演示GIF動畫

步驟4

再添加一幀,再隱藏剩下的那個描邊

clip_image044

步驟5

添加新幀,隱藏tap圓

使用Photoshop構(gòu)建動態(tài)演示GIF動畫

步驟6

創(chuàng)建新幀,將和雜志無關(guān)的內(nèi)容項不透明度設(shè)置為0%(這里修改了最后一個作品)

使用Photoshop構(gòu)建動態(tài)演示GIF動畫

步驟7

依舊在這一幀中,將和雜志相關(guān)項上移

使用Photoshop構(gòu)建動態(tài)演示GIF動畫

步驟8

在當(dāng)前幀和上一幀直接選擇過渡,為了加速動效,要添加的幀數(shù)選擇3

步驟9

最后一幀設(shè)置延遲1s

使用Photoshop構(gòu)建動態(tài)演示GIF動畫

效果展示:

使用Photoshop構(gòu)建動態(tài)演示GIF動畫

點擊具體項效果

步驟1

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

使用Photoshop構(gòu)建動態(tài)演示GIF動畫

步驟2

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

再添加新幀,隱藏次細描邊

使用Photoshop構(gòu)建動態(tài)演示GIF動畫

步驟 3

添加幀,隱藏Tap圓圖層。

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

使用Photoshop構(gòu)建動態(tài)演示GIF動畫

步驟4

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

效果:

使用Photoshop構(gòu)建動態(tài)演示GIF動畫

嵌入到手機模板里

步驟1

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

使用Photoshop構(gòu)建動態(tài)演示GIF動畫

每一幀都變成了圖層

步驟2

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

使用Photoshop構(gòu)建動態(tài)演示GIF動畫 使用Photoshop構(gòu)建動態(tài)演示GIF動畫

步驟3

將智能對象復(fù)制到模板PSD里面

使用Photoshop構(gòu)建動態(tài)演示GIF動畫 使用Photoshop構(gòu)建動態(tài)演示GIF動畫

步驟4

選擇智能對象,按cmd+(Control-T),按住CMD/Control來調(diào)整每個點。

使用Photoshop構(gòu)建動態(tài)演示GIF動畫 使用Photoshop構(gòu)建動態(tài)演示GIF動畫

步驟5

保存為web所用格式,ok,成功。

(如果對效果不滿意,可以導(dǎo)出城視頻,然后導(dǎo)入到AE中合成)

使用Photoshop構(gòu)建動態(tài)演示GIF動畫[1]

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/ps2118.html
PS制作高難度的紙張撕裂效果
Ps淘寶教程:塑造流光動畫曲線
圖趣網(wǎng)微信
建議反饋
×