APP展示圖,教大家怎么做這種APP作品展示圖

來源:站酷 作者:滔米 學(xué)習(xí):17430人次

這尖高大上的APP作品展示圖是怎做出來的?今天就教大家怎么做這類十分受歡迎的APP效果展示圖。

先看看效果:
APP展示圖,教大家怎么做這種APP作品展示圖_m.tgudhdp.cn
步驟:

1、新建一個(gè)畫布尺寸為:640*1136,以5S為例,然后保存,命名:5S效果圖模板

 

APP展示圖,教大家怎么做這種APP作品展示圖_m.tgudhdp.cn

2、再新建一個(gè)畫布,命名如:效果圖展現(xiàn),尺寸隨意,可以大點(diǎn),但不能太小。

APP展示圖,教大家怎么做這種APP作品展示圖_m.tgudhdp.cn

背景色給百分之90左右的灰色。
APP展示圖,教大家怎么做這種APP作品展示圖_m.tgudhdp.cn

3、將剛才新建的那個(gè)5S效果圖模板.psd拖到這個(gè)畫布中。

APP展示圖,教大家怎么做這種APP作品展示圖_m.tgudhdp.cn

Ctrl+T變換到合適的尺寸,傾斜到合適的透視效果。

APP展示圖,教大家怎么做這種APP作品展示圖_m.tgudhdp.cn

4、然后雙擊”5S效果圖模板”這個(gè)圖層。必須是智能對象哦~然后會自動跳到新的頁面。

APP展示圖,教大家怎么做這種APP作品展示圖_m.tgudhdp.cn

把精心設(shè)計(jì)的app拖入畫布

然后保存:Ctrl+ S,關(guān)閉:Ctrl+ W

APP展示圖,教大家怎么做這種APP作品展示圖_m.tgudhdp.cn

5、回到這個(gè)展示頁面

APP展示圖,教大家怎么做這種APP作品展示圖_m.tgudhdp.cn

然后按Ctrl+J復(fù)制一個(gè)圖層...,選下面的一個(gè)圖層,雙擊圖層進(jìn)入圖層樣式,選擇斜面和浮雕,設(shè)置一下參數(shù):

APP展示圖,教大家怎么做這種APP作品展示圖_m.tgudhdp.cn

參數(shù)自行調(diào)整,其中,陰影角度45°可隨大環(huán)境光線可根據(jù)情況自行調(diào)整,陰影模式透明度隨意,自己看情況調(diào)整。

6、然后,從第二個(gè)圖層開始連續(xù)復(fù)制多個(gè)該圖層,每復(fù)制的一個(gè)圖層都在上一個(gè)圖層的下方,每復(fù)制一個(gè)圖層都往下移一個(gè)像素,按住Alt+鼠標(biāo)左鍵拖動圖層往下拽,可使用鍵盤上的下方向鍵來控制。

APP展示圖,教大家怎么做這種APP作品展示圖_m.tgudhdp.cn
然后,在最后一個(gè)圖層上設(shè)置一個(gè)投影參數(shù)自行解決。

APP展示圖,教大家怎么做這種APP作品展示圖_m.tgudhdp.cn

以上的好處便是使用了智能對象,它可以讓你想展示的界面可以隨意替換。

如需展示多個(gè)界面的效果,只要多拖進(jìn)幾次那個(gè)PSD,然后平面排好后,統(tǒng)一調(diào)整透視效果。

APP展示圖,教大家怎么做這種APP作品展示圖_m.tgudhdp.cn

 

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
CLANNAD2019-04-09 08:56
問題來了,只要更改其中一張展示圖,其他展示圖都會跟著變化,這個(gè)怎么解決?
施林2016-02-14 09:40
5

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

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