ps設(shè)計金屬質(zhì)感網(wǎng)頁界面

2022-12-26 10:51:29 來源/作者: / 己有:18人學(xué)習(xí)過

13. 用圓角矩形工具畫一個209*223的矩形,做內(nèi)陰影和描邊效果。

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計

14. 用鋼筆工具繪制下面圖形,添加文本。

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計

 

 

 

 

 

 

15. 在頂部的布局我將創(chuàng)建一個簡單的矩形。415*281.

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計

16.做以圖層樣式

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計

 

 

 

 

 

 

17. 然后,我將創(chuàng)建一個較小的形狀381*258,圖層樣式如下圖:

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計

18. 我的最后一個步驟是創(chuàng)建導(dǎo)航組合布局.

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計

19.最后完成的效果

Photoshop繪制金屬質(zhì)感的網(wǎng)頁界面設(shè)計