UI設(shè)計(jì)，設(shè)計(jì)有立體感的手機(jī)APP UI展示模板

本文是教你制作有厚度感和立體感覺的UI展示模板，雖然一般這種效果用3D軟件做比較好，但是并不是所有設(shè)計(jì)愛好者都會(huì)用，而且有些展示效果要求可能不需要那么高，所以我們今天就簡(jiǎn)單用PS來(lái)打造這種效果。

之前搜索時(shí)發(fā)現(xiàn)網(wǎng)上居然沒有這個(gè)教程，所以今天就簡(jiǎn)單分享一下自己的制作過程。

供新手們參考，請(qǐng)大神自覺飄過就好�。�！

首先我們來(lái)看一下最終效果，忽略像素，只講步驟（圖片因?yàn)榭s小了所以不清楚）

首先，我們打開PS，因?yàn)槲覀冋究岬膶捠?00px，所以我新建一個(gè)寬度900，高度700的畫布，然后隨便設(shè)置一個(gè)背景顏色就好，這里設(shè)置為#e0e0e0

然后我們?cè)诋嫴忌细鶕?jù)自己想要的效果先畫幾個(gè)框框，這是方便我們待會(huì)排版我們?cè)O(shè)計(jì)好的頁(yè)面，注意近大遠(yuǎn)小，用鋼筆工具畫形狀即可，方便后續(xù)調(diào)節(jié)，我畫好的框框如下：

（這里我們當(dāng)然也可以選擇從網(wǎng)上下載素材或者直接po一張人家做好的效果圖來(lái)打底，因?yàn)槲覀冎恍枰@個(gè)形狀而已）

下面就可以導(dǎo)入一張你做好的界面效果圖，并且ctrl+t將它縮小并旋轉(zhuǎn)一個(gè)角度使它與我們畫的形狀一邊對(duì)齊