导航 中国设计之窗设计资讯详情

更多

作品备案盖章纸质证书需另出工本费,邮寄到付!

Photoshop教你制作蓝色游戏网站页面

设计教程
16年前 16132 180

效果图如下:

   

具体步骤如下:

1.新建950 x 1160 大小文件,填充背景颜色#161616,使用矩形工具制作宽900、高190的矩形,并添加如下图层样式



 

   

完成后的矩形效果

   


[Page: ]

2.导入LOGO文件



3.导入一张光晕图片

   

4.将图片裁剪到适当尺寸,放入游戏网站的头部,调整图片的不透明度和颜色,使其与整个蓝色背景融合在一起

   

5.为LOGO标志添加背景边框,并设置填充为8%



6.制作两条矩形条作为导航按钮的背景区域

   

7.设置顶部的矩形条图层样式如下

 

  

8.设置底部的矩形条样式如下

 

   


[Page: ]

9.为了突出立体质感,制作一个白色矩形条,高度为其一半,设置不透明度为4%

   

10.为两条导航条添加文字,并且我们用两条1px高度的线条(一黑一白)来分割他们之前的区域

   

11.制作一个圆角矩形,使用如下样式,当鼠标移动到按钮上时作为按钮的背景

   

12.如下图就是鼠标移动到NEWS按钮时的效果了



13.制作白色矩形



14.添加样式

  

   

   

   

[Page: ]

15.将完成后的矩形复制一次放到底部,将游戏图片放入两者之间

   

16.为顶部矩形上部添加白色矩形(高度为矩形的一半),设置不透明度为 3%,产生质感


17.添加文字与箭头

   

18.依照上面完成的区块样式制作网站的其他区块

   

19.放入文字与图片



20.完成后的游戏网站的整体效果如下图

   

[Page: ]


0 180
© 2014-2025 中国设计之窗 www.333cn.com 版权所有
深圳市中设网络科技有限公司(深圳设计之窗文化发展有限公司)
地址:深圳龙华区布龙路4号127陈设艺术设计产业园A栋203-206
首页
设计资讯
作品备案
设计师
设计作品
分享到