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

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

步驟3

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

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

步驟4

再添加一幀,再隱藏剩下的那個(gè)描邊

clip_image044

步驟5

添加新幀,隱藏tap圓

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

步驟6

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

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

步驟7

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

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

步驟8

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

步驟9

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

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

效果展示:

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

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

步驟1

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

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

步驟2

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

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

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

步驟 3

添加幀,隱藏Tap圓圖層。

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

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

步驟4

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

效果:

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

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

步驟1

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

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

每一幀都變成了圖層

步驟2

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

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

步驟3

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

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

步驟4

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

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

步驟5

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

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

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

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