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

來源:未知 作者:admin 學習:203人次

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

最終效果如下:

首先我們準備一張素材圖片:

點擊放大下載

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

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

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

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

添加游戲名字。

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

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

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



然后設置圖層樣式: 

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

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

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

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

效果如下:

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



之后開始添加導航文字:

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

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

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

設置圖層樣式:

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

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

效果如下:

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



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

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

同樣添加其他的地方:

最終效果如下:

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

學習 · 提示

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

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

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