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

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

接上次“ ”,这次分享内页窗口的图层分解

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

1.首页来看个效果图

2.当然是上次的首页作为我们的背景,先放好。

3.画一个圆角矩形,并调整其透明度

4.给黑色透明的弹出框加上一些材质效果。

5.给弹出框加上一层白色表框和一层黑色边框,这样共有2层边框,使用叠加或者调整透明度,达到类似效果。注意在弹出框的两侧,加上了微微发光的效果。

6.继续增强其质感,在弹出框的四周边上加了高亮条效果。注意对比。

7.加上点虚假的文字信息,以表示我们很专业。8.

8.开始做四个图片框,样式如图。

9.7+8=9

10.加上好看的图片,调整其透明度,代表未选中状态。

11.增强四个图片框的样式效果。有凹陷的效果,并且是带颗粒状。

12.最后在黑色大框的上面两个角,加上点雷电效果,烘托其气氛,增强质感。

A:下课

B:起立

A:同学们再见

B:老师再见

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

相关文章:

你感兴趣的文章:

标签云: