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

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

教大家制作一個(gè)動(dòng)態(tài)的界面展示效果圖片,教程主要講解動(dòng)態(tài)圖片的制作方法,分享給UI設(shè)計(jì)者了。

老王說(shuō):很多時(shí)候我們?cè)诰W(wǎng)站上看到很多炫酷的動(dòng)態(tài)界面效果,他們呈現(xiàn)著立體的效果,不僅是界面有著動(dòng)畫(huà),并且在側(cè)面我們也能清晰的看到隨著頁(yè)面動(dòng)畫(huà)也在發(fā)生變化。這么炫酷的效果到底是如何制作出來(lái)的呢?

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

1

導(dǎo)入GIF轉(zhuǎn)為智能對(duì)象

首先吧GIF動(dòng)畫(huà)圖丟入到PS中,在【窗口】里面的打開(kāi)【時(shí)間軸】面板。

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

點(diǎn)擊時(shí)間軸面板里左下角點(diǎn)擊【轉(zhuǎn)為時(shí)間軸】按鈕,將幀動(dòng)畫(huà)顯示調(diào)整到時(shí)間軸的顯示效果。

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

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

選中所有的圖層,右擊圖層【轉(zhuǎn)換為智能對(duì)象】

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

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

2

制作展示透視圖

新建一個(gè)800x600像素,分別率為72的畫(huà)布。

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

選擇一個(gè)合適的前景色,Alt+Delete將前景色填充到畫(huà)布中。

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

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

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

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