首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

PhotoShop打造游戏争霸赛主题页面设计后期教程

[ 作者来源:畅游VC 编辑整理:PhotoShop资源网 更新时间: 2014-12-07 录入: 黄叶飞扬 ]

 

这一步是找一些刀剑和金属装饰来对我们的标题进行修饰,是他们看起来充满对战的感觉。

这里大家容易有一个误区:有的同学可能觉得后面的大刀是一把完整的刀进行的复制和水平翻转。

其实不是的,因为刀的中间部分是被挡住的,而我们想找一把特性完全符合我们期望的刀又不是很容易,所以这个时候我们可以拆成两部分来找,

分别找寻自己想到的刀柄和刀刃,找的时候肯定找那种看起来比较霸气的刀,例如这里因为是天龙的专题,我在找刀柄的时候就找了一个带龙头的刀柄,

跟游戏主题也可以比较贴切。刀刃呢最好是找比较宽的,不是像日本武士用的那种细刀,而是像过去砍头用的大刀(尼玛,好血腥),看起来会

比较霸气,两者一结合,复制翻转,再经过调色和亮度对比度的调整,即可得到现在的效果。

这里要注意调色的时候稍微往页面的整体色调上靠拢。最上方的金属修饰物是平时收集的,可以从一些武器,金属盔甲以及一些游戏ui上面扣取,

在经过加工所得,这里作为装饰物也可以起到很好的作用。有的同学也许会问,为什么不把这个修饰物放在下面呢?

原因很简单,因为下面我们还要放一些文字内容,正好可以放在两个刀刃之间。

按此在新窗口浏览图片

把其他的文字部分内容排好,即可得到上图的效果。

Tips:

这里在给文字做效果的时候,有时我们把颜色调好了,但是发现叠加上材质之后效果并不理想,又要反复去调整。那我们怎么去处理可以方便快捷的

得到我们想要的效果呢?这里告诉大家一个小技巧,就是我们改变一下顺序,先给文字叠加上材质,然后在去给文字做图层样式,这样我们一边处理,

一边可以看到叠加了材质的文字的变化,等达到我们想要的效果了,再把文字以外的多余材质删除,这样就可以避免我们反复操作了。

按此在新窗口浏览图片

先把我们找的六大高手按照动作的对应关系调整大小比例和进行水平翻转,以达到画面的平衡和谐。这里大致介绍一下:弓箭女和葫芦娃(笑)都是

属于正面微偏一点的,面部有略微的朝向,所以选取他(她、它)俩作为正前方主要人物;和尚和菜刀男(笑)都是属于跳跃飞起的感觉,

所以在排列的时候略微高于主人物,而他俩姿势正好呼应,真不愧为好基友;扇子男和回眸女俩人都是明显的侧身,身体所占比重不大,

所以缩小放置最两边(谁让你俩不正面相待,打入冷板凳)。

按此在新窗口浏览图片

这里以右半边的三位壮士来给大家进行打光的讲解,首先拿葫芦娃开刀,给葫芦娃添加蒙板,用柔性画笔擦除膝盖以下部分,

在其上方创建剪切蒙版,拉一个背景底色到透明的渐变,使葫芦娃与画面更加融合。

按此在新窗口浏览图片

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

按此在新窗口浏览图片

用白色柔性画笔(不透明度调成30%左右)在人物受光边缘来回涂抹,涂出高光部分(上图左)。把这个图层的“填充”调为0,

利用涂层样式去调整它的色值右(上图右)。

按此在新窗口浏览图片按此在新窗口浏览图片

对人物左侧的背景再次提亮,通过柔性画笔去叠加,或者通过图层样式吸取环境色去调节(上图左)。在人物的最上方创建剪切蒙版,

从左上方帽檐处向右下方拉白色到透明的渐变,填充调为零,利用图层样式调整颜色给人物进一步增加环境色亮光,使人物的受光面

从左上至右下方逐渐减弱(上图右)。

按此在新窗口浏览图片

菜刀男和回眸女的处理手法同葫芦娃类似,都是降低饱和度后调色然后去打光,需要注意的是距离中间光源远近不同,受光程度也不一样,

如这里菜刀男的受光要略弱于葫芦娃,而回眸女的受光最弱。还有一点,就是菜刀男在葫芦娃的身后,会有一部分光因为打到葫芦娃的背

而反射到菜刀男的左侧,所以左侧的受光略强一些。根据这些关系,我们讲人物的受光处理好如上图所示。

按此在新窗口浏览图片

左半边三位壮士的处理手法与右侧相同,这里不再赘述,最终效果如上图。

Tips:

如果大家对于这种逆光的现象还不是很理解的话,可以回去之后做一个简单的测试。

到家之后,关上屋里的灯,打开手电筒或者手机的闪光灯照向自己,然后伸出自己的手,对着手电筒,通过改变手掌与手电和自己眼睛的距离,

来观察手掌的颜色和一些细节的可辨识度。相信通过这个小实验可以帮助大家对于这种逆光现象有个大致的了解。 上图还有一点需要注意的是,

近大远小,近清晰远模糊的透视关系,最边上的人物相对其他来说要更小一些,还要稍微加点高斯模糊处理一下,这样才更加真实。

按此在新窗口浏览图片

哈哈,看到下面的素材图你顿时就觉悟了吧。是不是感觉光和火焰一加上去,页面变得又高大上了许多?没错,大家养成收集这些气氛渲染的素材

的好习惯,用到咱们的页面里的确可以为我们加分不少呢,例如树叶啊,花瓣啊,雪花,雨滴啊,真是做游戏的必不可少的素材啊。

光效和火焰的用法很简单,放到想要放置的地方,滤色或者线性减淡即可(具体视情况而定),当然,这是针对纯黑色底的光效和火焰素材哦。

Tips:

大家有没有注意到,在复活赛人气榜那里加的是蓝色的光,所以呢下面的两片大刀刃我们也应该加上相应的环境色,这样看起来才更加真实。

方法很多,只要你能给我们的刀刃添加一些蓝色系即可,相信通过这篇教程中提到的调色方法,大家应该都可以做到了。

还有一点就是大家有没有注意到弓箭女和葫芦娃是在中间文字标题的前面的,因为她(他)俩有一些元素是挡住了标题的,但是却不影响标题的阅读,

这样呢就给画面一个前后关系,同样也帮助我们拉开了空间感。

总结

本次教程到这里就基本上写完了,不知道大家有没有找到属于自己的光。这篇教程主要是教大家去分析一个逆光场景的打造,一个酷炫的标题文字效果

的制作,和人物的处理。这种处理的方式有一个很大的好处就是因为画面中所有的元素都处于一个大光源的照射下,所以把所有元素按照所处环境去

进行调色处理,看起来整个画面会非常统一;

同时,通过整个画面明暗的对比,可以迅速凸显重点内容。此外,逆光还有一个非常常见的应用,那就是做一些神秘性的专题,比如悬念站之类的,

这种在处理的时候通常把人物处理成剪影的形式,隐藏人物的细节,使画面充满神秘感,引起人的无限遐想。可见,运用好光是多么重要的技能。

本次教程只提供了一种方法,大家若想真的在这方面有所提高,还需要多加练习,同样一个页面,每做一次,你取得色值都会不一样,

感觉可能相比之前会更自然,练多了,把握能力强了,以后用起来才会游刃有余。

当然,由于本人入行不久,能力有限,所以有写的不对的地方还请大家多多指正,我们共同进步!



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!