UI設計,設計有立體感的手機APP UI展示模板

2022-12-26 11:15:52 來源/作者: / 己有:11人學習過

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

之前搜索時發現網上居然沒有這個教程,所以今天就簡單分享一下自己的制作過程。

供新手們參考,請大神自覺飄過就好!!!

首先我們來看一下最終效果,忽略像素,只講步驟(圖片因為縮小了所以不清楚)

 

UI設計,設計有立體感的手機APP UI展示模板

首先,我們打開PS,因為我們站酷的寬是900px,所以我新建一個寬度900,高度700的畫布,然后隨便設置一個背景顏色就好,這里設置為#e0e0e0

 

UI設計,設計有立體感的手機APP UI展示模板

 

 

然后我們在畫布上根據自己想要的效果先畫幾個框框,這是方便我們待會排版我們設計好的頁面,注意近大遠小,用鋼筆工具畫形狀即可,方便后續調節,我畫好的框框如下:

(這里我們當然也可以選擇從網上下載素材或者直接po一張人家做好的效果圖來打底,因為我們只需要這個形狀而已)

 

UI設計,設計有立體感的手機APP UI展示模板

 

下面就可以導入一張你做好的界面效果圖,并且ctrl+t將它縮小并旋轉一個角度使它與我們畫的形狀一邊對齊

 

UI設計,設計有立體感的手機APP UI展示模板
UI設計,設計有立體感的手機APP UI展示模板