Photoshop制作超酷游戲網(wǎng)站頂部導(dǎo)航菜單(5)

來源:未知 作者:admin 學(xué)習(xí):203人次

本文將教你用Photoshop繪制一個(gè)超酷的游戲網(wǎng)站的頂部導(dǎo)航菜單,大家看下面的具體制作步驟:

最終效果如下:

首先我們準(zhǔn)備一張素材圖片:

點(diǎn)擊放大下載

創(chuàng)建一新文檔,然后當(dāng)作背景來使用

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com1

新建立涂層,繪制一個(gè)填充色為#050505大小為1000 x 18 px矩形。然后再建一新涂層,繪制1 px 線條,填充seiko為#0D0D0D。

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com2

添加游戲名字。

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com3

創(chuàng)建新涂層,然后隨機(jī)繪制一些白色的圓圈:

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com4



然后設(shè)置圖層樣式: 

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com5

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com6

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com7

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com8

效果如下:

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com9



之后開始添加導(dǎo)航文字:

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com10

創(chuàng)建一個(gè)新圖層,命名為 'Tab Design'。再創(chuàng)建一新層,使用矩形選擇工具繪制選區(qū),然后用顏色 #050505填充:

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com11

設(shè)置圖層樣式:

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com12

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com13

效果如下:

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com14



在導(dǎo)航文字下面繪制一像素的顏色為 #640000 的線條

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單.com15

同樣添加其他的地方:

最終效果如下:

Photoshop制作游戲網(wǎng)站頂部導(dǎo)航菜單

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!