當(dāng)前位置:首頁(yè)>ps入門教程>動(dòng)圖教程>動(dòng)畫教程>教程內(nèi)容

APP展示圖,利用PS制作動(dòng)態(tài)展示圖片教程(3)

來(lái)源:站酷 作者:micu設(shè)計(jì) 學(xué)習(xí):20856人次

“雙擊”圖層中的【智能對(duì)象】,打開智能對(duì)象后,將之前的GIF圖的智能對(duì)象拖拽到畫板中。

APP展示圖,利用PS制作動(dòng)態(tài)展示圖片教程_theoat.com.cn
<點(diǎn)圖片看大圖>

點(diǎn)擊時(shí)間軸面板進(jìn)行創(chuàng)建時(shí)間軸。然后【Ctrl+S】對(duì)文件進(jìn)行保存。

APP展示圖,利用PS制作動(dòng)態(tài)展示圖片教程_theoat.com.cn

APP展示圖,利用PS制作動(dòng)態(tài)展示圖片教程_theoat.com.cn

保存完畢后我們回到之前的透視展示的畫布中,可以看到所有的智能對(duì)象都進(jìn)行同步了,再次在時(shí)間面板中點(diǎn)擊創(chuàng)建時(shí)間軸,這時(shí)候GIF動(dòng)畫就置入到透視的效果中了。

APP展示圖,利用PS制作動(dòng)態(tài)展示圖片教程_theoat.com.cn
<點(diǎn)圖片看大圖>

4

調(diào)整展示細(xì)節(jié),加強(qiáng)頁(yè)面效果

為了讓界面的透視感更為真實(shí)我們可以對(duì)所有的智能對(duì)象Ctrl+G進(jìn)行編組,編組好后,雙擊編組添加圖層樣式【投影】

APP展示圖,利用PS制作動(dòng)態(tài)展示圖片教程_theoat.com.cn
<點(diǎn)圖片看大圖>

在豐富一下背景光源的顏色,讓整體變得更為完整。

APP展示圖,利用PS制作動(dòng)態(tài)展示圖片教程_theoat.com.cn
<點(diǎn)圖片看大圖>

最后在時(shí)間面板上調(diào)整動(dòng)畫【工作區(qū)域】的開始結(jié)束,從而保證動(dòng)畫的開始和結(jié)束是循環(huán)的。【空格鍵】可以進(jìn)行動(dòng)畫預(yù)覽。

APP展示圖,利用PS制作動(dòng)態(tài)展示圖片教程_theoat.com.cn

制作完畢后【Ctrl+shift+Alt+S】對(duì)動(dòng)畫進(jìn)行保存,選擇GIF格式,在面板下方的循環(huán)選項(xiàng)中【選擇永遠(yuǎn)】,這樣導(dǎo)出的GIF才是循環(huán)播放的。

APP展示圖,利用PS制作動(dòng)態(tài)展示圖片教程_theoat.com.cn
<點(diǎn)圖片看大圖>

好了,炫酷的界面展示動(dòng)畫就制作完畢了,

歡迎關(guān)注MICU設(shè)計(jì),每天學(xué)習(xí)一個(gè)小技巧,我是王鐸和你們一起成長(zhǎng)~

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

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

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

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