Photoshop制作超酷游戲網(wǎng)站頂部導(dǎo)航菜單(5)
來源:未知
作者:admin
學(xué)習(xí):203人次
本文將教你用Photoshop繪制一個(gè)超酷的游戲網(wǎng)站的頂部導(dǎo)航菜單,大家看下面的具體制作步驟:
最終效果如下:
首先我們準(zhǔn)備一張素材圖片:
創(chuàng)建一新文檔,然后當(dāng)作背景來使用
新建立涂層,繪制一個(gè)填充色為#050505大小為1000 x 18 px矩形。然后再建一新涂層,繪制1 px 線條,填充seiko為#0D0D0D。
添加游戲名字。
創(chuàng)建新涂層,然后隨機(jī)繪制一些白色的圓圈:
然后設(shè)置圖層樣式:
效果如下:
之后開始添加導(dǎo)航文字:
創(chuàng)建一個(gè)新圖層,命名為 'Tab Design'。再創(chuàng)建一新層,使用矩形選擇工具繪制選區(qū),然后用顏色 #050505填充:
設(shè)置圖層樣式:
效果如下:
在導(dǎo)航文字下面繪制一像素的顏色為 #640000 的線條
同樣添加其他的地方:
最終效果如下:
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 菜單設(shè)計(jì)
- 菜單教程
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop制作網(wǎng)站導(dǎo)航圖
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- 用ps制作豎列導(dǎo)航
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- banner教程,用ps制作960*90的廣告圖片
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- 陰影效果,教你制作各類陰影教程
- Photoshop制作網(wǎng)頁搜索條
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!