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

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

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

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

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

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

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

6、請記住這個(gè)矩形圖層樣式,因?yàn)樵谙旅娴牟襟E中會(huì)多次用到它。

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

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

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

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

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

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

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

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

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

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

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

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

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

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