APP展示圖,教你怎么用PS制作APP的界面圖片(3)

來源:知乎 作者:tesy E 學(xué)習(xí):85727人次

然后,在最后一個圖層上設(shè)置一個投影

APP展示圖,教你怎么用PS制作APP的界面圖片_theoat.com.cn

然后,在最后一個圖層上設(shè)置一個投影,參數(shù)自行解決。

APP展示圖,教你怎么用PS制作APP的界面圖片_theoat.com.cn

最后調(diào)整下整體環(huán)境。

APP展示圖,教你怎么用PS制作APP的界面圖片_theoat.com.cn

完工!

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

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

當(dāng)然表現(xiàn)的手法很多,以上只是一種。

比如,也可以再建好的大畫布上,畫一個矩形的尺寸為640×1136,然后轉(zhuǎn)成智能對象,再雙擊智能對象,進入調(diào)整。

附上@正越升 同學(xué)的方法,原理相同,細節(jié)上處理更加豐富。

一個效果有千萬種實現(xiàn)的辦法,在這里只提供一個最簡單的思路,用PS純做。

一、扭曲&旋轉(zhuǎn)

導(dǎo)入界面圖,然后編輯-扭曲,再旋轉(zhuǎn),做到如下效果:

APP展示圖,教你怎么用PS制作APP的界面圖片_theoat.com.cn
二、制作厚度

這一步最關(guān)鍵,選中界面圖層,[Ctrl+Alt+T],然后按一下方向鍵[↑],再按回車。這樣就復(fù)制了一個圖層,并且新的圖層在原來基礎(chǔ)上往上移動一個像素。

來了,狂按[Ctrl+Alt+Shift+T],這是重復(fù)之前的變換操作,這樣就會復(fù)制出很多個圖層,每一個都在之前基礎(chǔ)上往上移動一個像素。從而做出厚度效果。

APP展示圖,教你怎么用PS制作APP的界面圖片_theoat.com.cn
三、改變亮度

保留最上面那個圖層,將其他所有界面的圖層,合并成一個圖層,命名為[厚度]。

APP展示圖,教你怎么用PS制作APP的界面圖片_theoat.com.cn

然后選中[厚度]圖層,使用矩形選框工具+[圖像-調(diào)整-亮度對比度],對厚度的左邊面和右邊面分別進行降低亮度20和50處理。

APP展示圖,教你怎么用PS制作APP的界面圖片_theoat.com.cn
APP展示圖,教你怎么用PS制作APP的界面圖片_theoat.com.cn
四、陰影

復(fù)制[app]圖層,改變圖層順序到[厚度]下面,然后使用[高斯模糊]+顏色疊加為黑色+改變不透明度為30%。完工!

APP展示圖,教你怎么用PS制作APP的界面圖片_theoat.com.cn

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
qq8717074742017-08-31 06:11
d
夠不夠久情2017-05-27 06:06
很好,頂一下老師
夠不夠久情2017-05-27 06:06
很好,頂一下老師
金牛雷霆哥2017-05-27 06:03
很好,頂一下樓主
金牛雷霆哥2017-05-27 06:03
很好,頂一下樓主
武寧小草2017-05-27 02:48
做的不好
武寧小草2017-05-27 02:48
做的不好
潛心習(xí)字2017-05-27 10:41
太菜了
潛心習(xí)字2017-05-27 10:41
太菜了
刀槍不入小郝2017-05-27 10:40
好棒!
刀槍不入小郝2017-05-27 10:40
好棒!
燒餅的不是我2017-05-27 04:39
頂上
燒餅的不是我2017-05-27 04:39
頂上
愛歸期未有期72017-05-27 04:19
T_T
愛歸期未有期72017-05-27 04:19
T_T

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

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