当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop制作游戏网站顶部导航菜单

Photoshop
Photoshop 制作一把质感的金属手枪
Photoshop 调出人物图片高清的中性色
photoshop 利用滤镜把外景照片转成水彩画效果
Photoshop 制作漂亮的彩线壁纸
photoshop 创意合成人物吐出的烟云
Photoshop 精致的古典签名相框
Photoshop 快速打造淡红色的外景婚片
photoshop 临摹一张漂亮的雪山图片
Photoshop 制作一只可爱的卡通猴子
Photoshop 人物图片可爱的暗红色
Photoshop 打造清爽的青绿色婚片
Photoshop 滤镜给人物加上神奇的闪电
photoshop 合成绚丽的星光都市
Photoshop 漂亮的明星转手绘效果
Photoshop 制作一个漂亮的绿色礼品盒
Photoshop 打造淡蓝色的室内婚片
Photoshop 绚丽动感的滑板运动海报
Photoshop 调出照片暗黄的复古色
Photoshop 打造一幅梦幻的暗夜波涛图
Photoshop 一款时尚的ipod图标

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 322 ::
收藏到网摘: n/a

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

最终效果如下:

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

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

点击放大下载

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

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

 

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

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

 

添加游戏名字。

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

 

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

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

 

然后设置图层样式: 

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

 

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

 

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

 

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

 

效果如下:

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

 

之后开始添加导航文字:

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

 

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

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

 

设置图层样式:

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

 

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

 

效果如下:

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

 

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

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

同样添加其他的地方:

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

 

最终效果如下:

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