Photoshop制作游戏专题页教程
教程重点是网页头版的设计，需要根据客户的要求确定好页面要表现的内容；然后搜集相关的素材，根据自己的创意发挥，把画面做得绚丽，有视觉冲击效果即可。最终效果http://pic.16xx8.com/allimg/141208/23595629A-0.jpg
?
http://pic.16xx8.com/allimg/141208/2359564D7-1.jpg
?
既然主题”全球争霸赛“很明确，那我们就可以围绕这个去进行专题的构思了。首先，还是在脑海里想象下所要打造的一个大概的场景。
?
各路英豪争夺全球第一，反映到游戏中自然也就是各门派的英雄去争夺武林盟主的感觉，可以把英雄围绕四周，中间放一个类似奖牌的物品，那么大致的场景及场面基调也就可以定下来了。我们还是先提炼一下关键词。
http://pic.16xx8.com/allimg/141208/23595B301-2.jpg
根据联想到的这些关键词我们就可以进行素材的搜索啦。这个页面用的主要是游戏内提供的人物和场景原画素材，外部素材没有到太多，我这里只罗列一下所用到的游戏内部的素材。
http://pic.16xx8.com/allimg/141208/2359561645-3.jpg
提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:135377 作者：畅游VC 出处：畅游VC
Photoshop制作游戏专题页教程
1、我们开始打造场景。
http://pic.16xx8.com/allimg/141208/23595C4O-4.jpg
Photoshop制作游戏专题页教程
2、这里主要就是对原画进行了一个压暗四周提亮中间的处理，之所以这样处理就是因为可以使中间的主题部分充分突出。我们来一步步看下怎么达到现在的效果。
http://pic.16xx8.com/allimg/141208/23595B5W-5.jpg
Photoshop制作游戏专题页教程
3、首先，对原画的两边进行模糊处理，增加一些景深效果。方法是可以先把原画转为智能对象，然后添加高斯模糊数值5左右，再对滤镜的蒙版进行擦除，把不需要模糊的地方擦掉。
http://pic.16xx8.com/allimg/141208/2359561Z7-6.jpg
Photoshop制作游戏专题页教程
4、适当降低亮度和饱和度，加大画面对比度，减少原画本身色彩过多过艳给后期调色带来的不便。
http://pic.16xx8.com/allimg/141208/23595CH1-7.jpg
Photoshop制作游戏专题页教程
5、给画面添加红黄色调，是页面暗处偏红棕，亮出微微偏黄。
http://pic.16xx8.com/allimg/141208/2359562954-8.jpg
Photoshop制作游戏专题页教程
6、再次压暗整个画面。
http://pic.16xx8.com/allimg/141208/23595620I-9.jpg
Photoshop制作游戏专题页教程
7、提亮天空部分。利用白色柔性画笔在天空处涂抹，模式叠加。
http://pic.16xx8.com/allimg/141208/2359564439-10.jpg
Photoshop制作游戏专题页教程
8、给中间部分打光，这里主要分为3层，最下面一层是偏红色，范围最大；中间一层偏黄色，范围比红色部分略小；最上面的一层自然是白色，也就是光源的位置，范围最小。这一步相当于给画面添加一个光源，光线从中间到四周逐渐减弱。
Tips:
这里在对画面进行压暗处理的时候，并没有对画面本身具有的火球、爆炸火焰等进行相应处理，这些本身的火光后期可以利用，所以不用进行压暗，在处理的时候应该在蒙版上擦除这一部分。框内蒙版上的黑色区域即为火光部分，保留。
http://pic.16xx8.com/allimg/141208/2359561526-11.jpg
Photoshop制作游戏专题页教程
http://pic.16xx8.com/allimg/141208/23595B348-12.jpg
Photoshop制作游戏专题页教程
9、这里主要教大家来制作这种标题的效果。
http://pic.16xx8.com/allimg/141208/2359563U3-13.jpg
Photoshop制作游戏专题页教程
10、先对文字按照主次关系进行排版，这里同样最好采用居中的形式。“全球争霸赛”这几个字是同事之前做好的变形，我这里直接拿来用了，文字变形不是本次教程的重点，所以这里不做详细介绍，感兴趣的可以看下畅游VC关于文字变形的教程。
文字排好之后就用钢笔工具在文字的下面层勾出黑底轮廓，这个可以有多种形式，画工比较好的同学可以勾出非常牛逼的底，这里我只做了轻微的处理（很显然我不是画工非常好的同学），给边角处加了一些出来的尖，使其看起来显得比较尖锐。
http://pic.16xx8.com/allimg/141208/23595B096-14.jpg
Photoshop制作游戏专题页教程
11、给文字的底做效果，叠加材质。给底部选择一个偏棕色的色值，这里用的是#2e2320，然后主要是斜面和浮雕处理。
http://pic.16xx8.com/allimg/141208/2359561492-15.jpg
Photoshop制作游戏专题页教程
12、应用斜面和浮雕时要注意“方法和深度”的值，建议大家自己去不断调节体验一下变化之处。我这边通常用到这个效果的时候是分别选为“平滑”和“1000”，可以使斜面的分割清晰而且不会出现杂边。
下面的高光和阴影通过不断看效果图去调整。样式调整完之后找一张墙壁的素材叠加到底部，再根据叠加之后的效果做相应调整即可。
http://pic.16xx8.com/allimg/141208/23595614H-16.jpg
Photoshop制作游戏专题页教程
13、给文字做效果，方法类似。主要也是图层样式，然后加墙壁材质叠加。这里用不同的颜色来区分下主标和副标，后期可以用白色柔性画笔去给文字加些高光，直接涂抹，叠加即可（这里不再详述）。
http://pic.16xx8.com/allimg/141208/23595C009-17.jpg
页:
[1]
2