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

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

 

下面我們ctrl+t然后右鍵選擇斜切,拖動(dòng)錨點(diǎn)將另一邊重合

 

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


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

(斜切時(shí)一定要向同一個(gè)方向切,不要亂拉鼠標(biāo),既難操作又容易變形嚴(yán)重)

 

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

 

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

 

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

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

 

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

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

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

 

 

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