當(dāng)前位置:首頁>ps實(shí)例教程>ps制作實(shí)例>廣告包裝>教程內(nèi)容

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

來源:uicn 作者:MartinRGB 學(xué)習(xí):8244人次

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

步驟1

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

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

步驟2

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

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

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

步驟 3

添加幀,隱藏Tap圓圖層。

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

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

步驟4

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

效果:

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

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

步驟1

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

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

每一幀都變成了圖層

步驟2

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

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

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!