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

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

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

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

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

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

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

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

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

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

4

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

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

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

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

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

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

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

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

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

好了,炫酷的界面展示動畫就制作完畢了,

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

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

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

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

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