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

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

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

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

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

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

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

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

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

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

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