Photoshop制作蘋(píng)果mac風(fēng)格導(dǎo)航條(3)
效果圖:
1.新建立一個(gè)500*50px的文檔
2.然后選擇矩形選框工具,設(shè)置模式為固定大小寬為 480px 高為 35px 繪制一個(gè)矩形選區(qū)。
3.現(xiàn)在,執(zhí)行“選擇” -> “修改” -> “平滑”在出現(xiàn)的對(duì)話框中設(shè)置為3px,創(chuàng)建一新圖層,把選區(qū)填充為任意顏色。
3.設(shè)置該圖層的圖層樣式:漸變疊加,#949494 - #d2d2d2進(jìn)行漸變。
投影: #b1b1b1。
4.填寫(xiě)一些字符,這里使用英文字符Segoe UI字體,顏色#383838,大小為14pt。
5.為文字添加投影樣式。
6.現(xiàn)在效果如下。
7.現(xiàn)在我們?cè)谖淖种g添加分隔線。創(chuàng)建新圖層,使用鉛筆工具,繪制兩條線,使兩條線分開(kāi)1px,顏色設(shè)置為白色。最后改變圖層模式為柔光,不透明度降低到20%。
8.創(chuàng)建一新圖層,繪制一條1px線,顏色為#808080,把它放到上面兩條線的中間,圖層模式不變,把不透明度降低到35%,效果如下。
9.依次復(fù)制上面兩個(gè)圖層,把這種效果添加到其他的導(dǎo)航文字中間,效果如下。
10.現(xiàn)在,我們來(lái)簡(jiǎn)單制作翻滾效果。在一個(gè)文字的區(qū)域設(shè)置選區(qū),效果如下圖。
11.創(chuàng)建新圖層,填充選區(qū)為任意顏色,然后添加圖層樣式,漸變疊加: #666666 - #a1a1a1。
12.把字體的顏色改變?yōu)榘咨,并且添加投影效果?#454545。
13.最終效果如下。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 導(dǎo)航條
- Photoshop制作蘋(píng)果
- ps蘋(píng)果mac風(fēng)格
- ps導(dǎo)航條
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- 用ps制作豎列導(dǎo)航
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop制作網(wǎng)頁(yè)搜索條
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- banner教程,用ps制作960*90的廣告圖片
- 陰影效果,教你制作各類(lèi)陰影教程
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果