游戏专题页网页设计教程（1）

来源：畅游VC 作者：畅游VC
教程重点是网页头版的设计，需要根据客户的要求确定好页面要表现的内容；然后搜集相关的素材，根据自己的创意发挥，把画面做得绚丽，有视觉冲击效果即可。
最终效果

<点小图查看大图>

<点小图查看大图>
既然主题”全球争霸赛“很明确，那我们就可以围绕这个去进行专题的构思了。首先，还是在脑海里想象下所要打造的一个大概的场景。

各路英豪争夺全球第一，反映到游戏中自然也就是各门派的英雄去争夺武林盟主的感觉，可以把英雄围绕四周，中间放一个类似奖牌的物品，那么大致的场景及场面基调也就可以定下来了。我们还是先提炼一下关键词。

根据联想到的这些关键词我们就可以进行素材的搜索啦。这个页面用的主要是游戏内提供的人物和场景原画素材，外部素材没有到太多，我这里只罗列一下所用到的游戏内部的素材。
1、我们开始打造场景。

2、这里主要就是对原画进行了一个压暗四周提亮中间的处理，之所以这样处理就是因为可以使中间的主题部分充分突出。我们来一步步看下怎么达到现在的效果。

3、首先，对原画的两边进行模糊处理，增加一些景深效果。方法是可以先把原画转为智能对象，然后添加高斯模糊数值5左右，再对滤镜的蒙版进行擦除，把不需要模糊的地方擦掉。

4、适当降低亮度和饱和度，加大画面对比度，减少原画本身色彩过多过艳给后期调色带来的不便。