photoshop制作超酷游戏网站顶部导航菜单
网站的导航菜单是很重要的,如果做不好看,给人第一印象就不好.现在教大家做一个超酷的导航菜单.大家看下面的具体制作步骤:最终效果如下:
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856263.jpg首先我们准备一张素材图片:
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856374.jpg创建一新文档,然后当作背景来使用
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856627.jpg新建立涂层,绘制一个填充色为#050505大小为1000 x 18 px矩形。然后再建一新涂层,绘制1 px 线条,填充seiko为#0D0D0D。
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856724.gif添加游戏名字。
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856540.jpg创建新涂层,然后随机绘制一些白色的圆圈:
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856719.jpg
,
然后设置图层样式:
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856601.gifhttp://pic.16xx8.com/article/UploadPic/2009-6/20096203856595.gifhttp://pic.16xx8.com/article/UploadPic/2009-6/20096203856433.gifhttp://pic.16xx8.com/article/UploadPic/2009-6/20096203856197.gif效果如下:
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856399.jpg
,
之后开始添加导航文字:
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856786.gif创建一个新图层,命名为 'Tab Design'。再创建一新层,使用矩形选择工具绘制选区,然后用颜色 #050505填充:
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856104.gif设置图层样式:
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856770.gifhttp://pic.16xx8.com/article/UploadPic/2009-6/20096203856450.gif效果如下:
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856751.gif
,
在导航文字下面绘制一像素的颜色为 #640000 的线条
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856744.gif同样添加其他的地方:
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856815.gif最终效果如下:
http://pic.16xx8.com/article/UploadPic/2009-6/20096203856263.jpg
页:
[1]