Photoshop教程:設(shè)計(jì)制作橙色網(wǎng)頁(yè)導(dǎo)航條(3)
來源:未知
作者:bbs.16xx8.com
學(xué)習(xí):5867人次
作者:小魚 出處:UCD博客
先看下效果吧 :)
第1步:新建文件,大小400 x 400px,背景為黑色。
第2步:選擇圓角矩形工具(U)(半徑為10px)
第3步:選擇圖層樣式 >>顏色疊加 >>描邊
第5步:使用矩形工具(U)創(chuàng)建一個(gè)矩形,選擇圖層樣式 >>投影 >>漸變
第7步:新建層,選擇鋼筆工具(P),載入選區(qū)(ctrl+Enter)填充顏色,選擇圖層樣式 >>漸變疊加
第8步:選擇文本工具(T),輸入標(biāo)題文字,選擇圖層樣式 >>漸變疊加
第9步:選擇文本工具(T),輸入文字,顏色為白色
小魚已經(jīng)完成PsP制作橙色盒子導(dǎo)航,您呢(*^__^*) 嘻嘻……
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁(yè)模版,個(gè)人網(wǎng)站建設(shè)入門知識(shí)
- 網(wǎng)頁(yè)模板,設(shè)計(jì)酒吧主題網(wǎng)頁(yè)模板實(shí)例
- ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程
- 從零手把手教你設(shè)計(jì)網(wǎng)頁(yè)
- 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)技巧
- 網(wǎng)頁(yè)設(shè)計(jì)的分割布局秘密
- ps cs6設(shè)計(jì)個(gè)人作品網(wǎng)頁(yè)模板教程
- ps網(wǎng)頁(yè)布局設(shè)計(jì)實(shí)例教程
- ps黑色風(fēng)格網(wǎng)頁(yè)模板
- ps一個(gè)木紋風(fēng)格網(wǎng)頁(yè)模板
推薦教程
- Photoshop繪制好看的老式wordpress主題
- Photoshop CS5制作放射狀光線網(wǎng)頁(yè)廣告板
- photoshop網(wǎng)頁(yè)應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁(yè)模板
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop網(wǎng)頁(yè)設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁(yè)布局
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁(yè)的詳細(xì)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!