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

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

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

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

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

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

 

 

 

 

 

 

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

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

16.做以圖層樣式

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

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

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

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

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

 

 

 

 

 

 

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

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

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

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

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

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

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

19.最后完成的效果

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