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

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

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

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

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

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

1

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

首先吧GIF動畫圖丟入到PS中,在【窗口】里面的打開【時間軸】面板。

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

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

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

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

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

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

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

2

制作展示透視圖

新建一個800x600像素,分別率為72的畫布。

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

選擇一個合適的前景色,Alt+Delete將前景色填充到畫布中。

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

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

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

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