首页 > 办公 > Photoshop > 正文

Photoshop制作游戏网站顶部导航菜单

2024-08-21 23:23:38
字体:
来源:转载
供稿:网友

本文将教你用photoshop绘制一个超酷的游戏网站的顶部导航菜单,大家看下面的具体制作步骤:

最终效果如下:

photoshop制作游戏网站顶部导航菜单

首先我们准备一张素材图片:

点击放大下载

创建一新文档,然后当作背景来使用

photoshop制作游戏网站顶部导航菜单_webjx.com1

 

新建立涂层,绘制一个填充色为#050505大小为1000 x 18 px矩形。然后再建一新涂层,绘制1 px 线条,填充seiko为#0d0d0d。

photoshop制作游戏网站顶部导航菜单_webjx.com2

 

添加游戏名字。

photoshop制作游戏网站顶部导航菜单_webjx.com3

 

创建新涂层,然后随机绘制一些白色的圆圈:

photoshop制作游戏网站顶部导航菜单_webjx.com4

 

|||

然后设置图层样式: 

photoshop制作游戏网站顶部导航菜单_webjx.com5

 

photoshop制作游戏网站顶部导航菜单_webjx.com6

 

photoshop制作游戏网站顶部导航菜单_webjx.com7

 

photoshop制作游戏网站顶部导航菜单_webjx.com8

 

效果如下:

photoshop制作游戏网站顶部导航菜单_webjx.com9

 

|||

之后开始添加导航文字:

photoshop制作游戏网站顶部导航菜单_webjx.com10

 

创建一个新图层,命名为 'tab design'。再创建一新层,使用矩形选择工具绘制选区,然后用颜色 #050505填充:

photoshop制作游戏网站顶部导航菜单_webjx.com11

 

设置图层样式:

photoshop制作游戏网站顶部导航菜单_webjx.com12

 

photoshop制作游戏网站顶部导航菜单_webjx.com13

 

效果如下:

photoshop制作游戏网站顶部导航菜单_webjx.com14

 

|||

在导航文字下面绘制一像素的颜色为 #640000 的线条

photoshop制作游戏网站顶部导航菜单_webjx.com15

同样添加其他的地方:

photoshop制作游戏网站顶部导航菜单_webjx.com16

 

最终效果如下:

photoshop制作游戏网站顶部导航菜单

 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表