ps設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站模(2)
來源:站酷
作者:Wangyufeng 發(fā)布
學(xué)習(xí):10932人次
4、在頁面上方使用圓角矩形工具,創(chuàng)建一個圓角矩形,位置如下圖所示。
參數(shù)值 半徑5px,size:330*45px。
5、對該矩形添加如下圖層樣式。你可以找到漸變的顏色值。
6、請記住這個矩形圖層樣式,因為在下面的步驟中會多次用到它。
下一步,需要創(chuàng)建一個搜索框,如下圖所示。我們開始再一次使用圓角矩形工具。
7、為該層添加如下圖層樣式。為方便后面使用,需要保存下這個圖層樣式的配置信息,加入到樣式庫中。
8、現(xiàn)在你可以點擊” New Style ”按鈕,應(yīng)用到下一個需要做的矩形樣式上,并加入一些文字和圖標(biāo)。
9、接下來創(chuàng)建一個黑色的導(dǎo)航。
10、對導(dǎo)航欄使用下面的圖層樣式。并保存這個style。
11、在導(dǎo)航欄中創(chuàng)建另一個形狀,然后將它柵格化。我選擇用橡皮擦工具,刪除上部的形狀,然后將添加黃色。
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例
- ps設(shè)計藍色主題風(fēng)格的網(wǎng)站首頁模板教程
- ps黑色風(fēng)格網(wǎng)頁模板
- ps一個木紋風(fēng)格網(wǎng)頁模板
- PS設(shè)計一個葡萄酒博客網(wǎng)頁模板
- PS創(chuàng)建一款簡潔大方的歐美商務(wù)網(wǎng)站首頁
- PS設(shè)計iPhone蘋果應(yīng)用電子網(wǎng)站
- 如何設(shè)計與PSD模板標(biāo)題導(dǎo)航菜單教程
- PS電子商務(wù)在線購物網(wǎng)站美工教程
- ps設(shè)計心形網(wǎng)頁模板教程
推薦教程
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- Photoshop制作禮品店網(wǎng)站模板
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細教程
- Photoshop繪制好看的老式wordpress主題
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!