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

2022-12-26 11:15:52 來源/作者: / 己有:11人學(xué)習(xí)過

 

下面我們ctrl+t然后右鍵選擇斜切,拖動錨點將另一邊重合

 

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


然后將另一點也拖動使上面的邊重合,然后我們繼續(xù)調(diào)整這兩點將自己的圖片與畫好的形狀完全重合

(斜切時一定要向同一個方向切,不要亂拉鼠標,既難操作又容易變形嚴重)

 

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

 

切好后回車得到我們的圖片,然后將該層復(fù)制一層,并將復(fù)制好的層下移一個像素即可

 

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

按照同樣的步驟,都是復(fù)制新的圖層,然后將新的圖層下移一個像素,我們這里復(fù)制了四層,這樣圖片就看起來有了厚度感

 

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

下面我們要為它增加陰影來制造空間立體感

選擇第一個圖層,也就是最上面的界面圖層,雙擊打開圖層樣式,為它添加一個距離和大小為20的投影,不透明度選擇50%

 

 

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