当前位置:主页 > 网页教程 > 图片制作 > Firework教程 > 内容欢迎大家投稿

游戏类网站设计图层分解之二

时间:2012-09-16 10:15来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:
接上次“游戏类网站设计图层分解之一”,这次分享内页窗口的图层分解

 
这里提供PNG源文件下载,(PSD请到“游戏类网站设计图层分解之一”中下载)

 
 
1.首页来看个效果图
 
 
2.当然是上次的首页作为我们的背景,先放好。
 
 
3.画一个圆角矩形,并调整其透明度
 
 
4.给黑色透明的弹出框加上一些材质效果。
 
 
5.给弹出框加上一层白色表框和一层黑色边框,这样共有2层边框,使用叠加或者调整透明度,达到类似效果。注意在弹出框的两侧,加上了微微发光的效果。
 
 
6.继续增强其质感,在弹出框的四周边上加了高亮条效果。注意对比。
 
 
7.加上点虚假的文字信息,以表示我们很专业。8.
 
8.开始做四个图片框,样式如图。
 
 
9.7+8=9
 
 
10.加上好看的图片,调整其透明度,代表未选中状态。
 
 
11.增强四个图片框的样式效果。有凹陷的效果,并且是带颗粒状。
 
 
12.最后在黑色大框的上面两个角,加上点雷电效果,烘托其气氛,增强质感。
 
A:下课
B:起立
A:同学们再见
B:老师再见
(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接