ps設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站模

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

4、在頁面上方使用圓角矩形工具,創(chuàng)建一個圓角矩形,位置如下圖所示。

參數(shù)值 半徑5px,size:330*45px。

Photoshop設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

5、對該矩形添加如下圖層樣式。你可以找到漸變的顏色值。

Photoshop設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

6、請記住這個矩形圖層樣式,因為在下面的步驟中會多次用到它。

下一步,需要創(chuàng)建一個搜索框,如下圖所示。我們開始再一次使用圓角矩形工具。

Photoshop設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

7、為該層添加如下圖層樣式。為方便后面使用,需要保存下這個圖層樣式的配置信息,加入到樣式庫中。

Photoshop設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

Photoshop設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

Photoshop設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

8、現(xiàn)在你可以點擊” New Style ”按鈕,應(yīng)用到下一個需要做的矩形樣式上,并加入一些文字和圖標(biāo)。

Photoshop設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

9、接下來創(chuàng)建一個黑色的導(dǎo)航。

Photoshop設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

10、對導(dǎo)航欄使用下面的圖層樣式。并保存這個style。

Photoshop設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

11、在導(dǎo)航欄中創(chuàng)建另一個形狀,然后將它柵格化。我選擇用橡皮擦工具,刪除上部的形狀,然后將添加黃色。

Photoshop設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn