PS設(shè)計教程之制作WordPress新聞博客模(4)
來源:站長之家
作者:佚名 發(fā)布
學(xué)習(xí):1747人次
鏈接與左右分割線的距離應(yīng)為18像素,鏈接的文本內(nèi)容選用大小為14pt的 Helvetica Roman字體。
在制作導(dǎo)航條時一定要注意鏈接與分割線之間的18像素的距離。導(dǎo)航條鏈接內(nèi)容有world,business,sports,tech,web,science。完成上述操作之后,復(fù)制文本層,將文本顏色改為#1b1b1b,并上移1像素。
余下的空間用來放置搜索欄。
搜索欄
用圓角矩形工具(Rounded Rectangle Tool)創(chuàng)建一個半徑為20像素的形狀,顏色為#363636,放在圖示位置。
應(yīng)用圖層樣式
· 內(nèi)陰影(顏色): #4f4f4f
· 投影(顏色): #000000
最后一步添加搜索圖標(biāo),變換成合適大小放在圖示位置。
學(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)頁模板
- 如何設(shè)計與PSD模板標(biāo)題導(dǎo)航菜單教程
- ps設(shè)計心形網(wǎng)頁模板教程
- ps設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站模
- photoshop設(shè)計企業(yè)網(wǎng)站首頁實例
- PS設(shè)計教程之如何制作一個時尚的商業(yè)模
推薦教程
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop繪制好看的老式wordpress主題
- Photoshop制作禮品店網(wǎng)站模板
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!