angel_gg86 发表于 2014-12-9 02:40:54

Photoshop制作游戏专题页教程


14、这一步是找一些刀剑和金属装饰来对我们的标题进行修饰，是他们看起来充满对战的感觉。这里大家容易有一个误区：有的同学可能觉得后面的大刀是一把完整的刀进行的复制和水平翻转。其实不是的，因为刀的中间部分是被挡住的，而我们想找一把特性完全符合我们期望的刀又不是很容易，所以这个时候我们可以拆成两部分来找，分别找寻自己想到的刀柄和刀刃，找的时候肯定找那种看起来比较霸气的刀，例如这里因为是天龙的专题，我在找刀柄的时候就找了一个带龙头的刀柄，跟游戏主题也可以比较贴切。
刀刃呢最好是找比较宽的，不是像日本武士用的那种细刀，而是像过去砍头用的大刀（尼玛，好血腥），看起来会比较霸气，两者一结合，复制翻转，再经过调色和亮度对比度的调整，即可得到现在的效果。这里要注意调色的时候稍微往页面的整体色调上靠拢。
最上方的金属修饰物是平时收集的，可以从一些武器，金属盔甲以及一些游戏ui上面扣取，在经过加工所得，这里作为装饰物也可以起到很好的作用。有的同学也许会问，为什么不把这个修饰物放在下面呢？原因很简单，因为下面我们还要放一些文字内容，正好可以放在两个刀刃之间。
把其他的文字部分内容排好，即可得到下图的效果。

http://pic.16xx8.com/allimg/141208/23595631Y-18.jpg

angel_gg86 发表于 2014-12-9 02:40:54

Photoshop制作游戏专题页教程


15、给各大高手进行打光调色处理。
先把我们找的六大高手按照动作的对应关系调整大小比例和进行水平翻转，以达到画面的平衡和谐。这里大致介绍一下：弓箭女和葫芦娃都是属于正面微偏一点的，面部有略微的朝向，所以选取他（她、它）俩作为正前方主要人物；和尚和菜刀男都是属于跳跃飞起的感觉，所以在排列的时候略微高于主人物，而他俩姿势正好呼应，真不愧为好基友；扇子男和回眸女俩人都是明显的侧身，身体所占比重不大，所以缩小放置最两边（谁让你俩不正面相待，打入冷板凳）。

http://pic.16xx8.com/allimg/141208/23595B008-19.jpg

angel_gg86 发表于 2014-12-9 02:40:54

Photoshop制作游戏专题页教程


16、这里以右半边的三位壮士来给大家进行打光的讲解，首先拿葫芦娃开刀，给葫芦娃添加蒙板，用柔性画笔擦除膝盖以下部分，在其上方创建剪切蒙版，拉一个背景底色到透明的渐变，使葫芦娃与画面更加融合。

http://pic.16xx8.com/allimg/141208/23595C9E-20.jpg

angel_gg86 发表于 2014-12-9 02:40:54

Photoshop制作游戏专题页教程


17、降低饱和度，加大对比度，使人物看起来更有质感（下图左）。利用色彩平衡给人物添加环境色，朝红黄方向去调整（下图右）。

http://pic.16xx8.com/allimg/141208/2359563F7-21.jpg

angel_gg86 发表于 2014-12-9 02:40:54

Photoshop制作游戏专题页教程


18、降低饱和度，加大对比度，使人物看起来更有质感（下图左）。利用色彩平衡给人物添加环境色，朝红黄方向去调整（下图右）。

http://pic.16xx8.com/allimg/141208/23595C146-22.jpg

angel_gg86 发表于 2014-12-9 02:40:54

Photoshop制作游戏专题页教程

      
19、对人物左侧的背景再次提亮，通过柔性画笔去叠加，或者通过图层样式吸取环境色去调节（图左）。在人物的最上方创建剪切蒙版，从左上方帽檐处向右下方拉白色到透明的渐变，填充调为零，利用图层样式调整颜色给人物进一步增加环境色亮光，使人物的受光面从左上至右下方逐渐减弱（图右）。

http://pic.16xx8.com/allimg/141208/2359562K6-23.jpg


http://pic.16xx8.com/allimg/141208/2359561c0-24.jpg

angel_gg86 发表于 2014-12-9 02:40:54

Photoshop制作游戏专题页教程


20、菜刀男和回眸女的处理手法同葫芦娃类似，都是降低饱和度后调色然后去打光，需要注意的是距离中间光源远近不同，受光程度也不一样，如这里菜刀男的受光要略弱于葫芦娃，而回眸女的受光最弱。还有一点，就是菜刀男在葫芦娃的身后，会有一部分光因为打到葫芦娃的背而反射到菜刀男的左侧，所以左侧的受光略强一些。根据这些关系，我们讲人物的受光处理好如图所示。

http://pic.16xx8.com/allimg/141208/23595A4Q-25.jpg

angel_gg86 发表于 2014-12-9 02:40:54

Photoshop制作游戏专题页教程


21、左半边三位壮士的处理手法与右侧相同，这里不再赘述，最终效果如图。
如果大家对于这种逆光的现象还不是很理解的话，可以回去之后做一个简单的测试。到家之后，关上屋里的灯，打开手电筒或者手机的闪光灯照向自己，然后伸出自己的手，对着手电筒，通过改变手掌与手电和自己眼睛的距离，来观察手掌的颜色和一些细节的可辨识度。相信通过这个小实验可以帮助大家对于这种逆光现象有个大致的了解。上图还有一点需要注意的是，近大远小，近清晰远模糊的透视关系，最边上的人物相对其他来说要更小一些，还要稍微加点高斯模糊处理一下，这样才更加真实。

http://pic.16xx8.com/allimg/141208/23595644L-26.jpg

angel_gg86 发表于 2014-12-9 02:40:54

Photoshop制作游戏专题页教程


给最终画面添加一些火花光效，增加氛围。

http://pic.16xx8.com/allimg/141208/2359564D7-1.jpg

?
页: 1 [2]
查看完整版本: Photoshop制作游戏专题页教程