ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程

游戏攻略 2023-01-12 11:00:58

讲义重点项目是页面头版头条的结构设计,须要依照顾客的明确要求确认好页面要整体表现的文本;接着收集有关的片断,依照自己的创意结构设计充份发挥,把镜头做得绚烂,有听觉压制效用方可。最后效用

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第1张
ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第2张

难道主轴”亚洲地区擂台赛“很明晰,那他们就能紧紧围绕这个去展开专题讲座的构想了。具体来说,却是在脑海中里想像下所要打造出的两个约莫的情景。 一呼百应群英争夺战亚洲地区第三,充分反映到格斗游戏中大自然也是圣埃蒂安德的英雄人物形象去争夺战江湖主将的觉得,能把英雄人物形象紧紧围绕四面,尾端放两个类似于奥运金牌的贵重物品,那么大体的情景及戏码主调也就能定留下来了。他们却是先提炼出呵呵关键字。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第3张

依照TNUMBERA51到的这些关键字他们就能展开片断的搜寻啦。那个页面用的主要就是格斗游戏内提供更多的人物形象和情景插画片断,外部片断没有到太多,我这儿只详列一下所制到的格斗游戏外部的片断。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第4张

一、他们开始打造出情景。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第5张

二、这儿主要就是对插画展开了两个压暗四面柔滑尾端的处置,或许这样处置是即使能使尾端的主轴部份充份注重。他们来一点一点看下是不是达至现在的效用。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第6张

三、具体来说,对插画的两边展开模糊处置,增加一些景深效用。方法是能先把插画转为智能对象,接着添加高斯模糊数值5左右,再对滤镜的蒙版展开擦除,把不须要模糊的地方擦掉。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第7张

四、适当降低亮度和饱和度,加大镜头对比度,减少插画本身色彩过多过艳给后期调色带来的不便。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第8张

五、给镜头添加红黄色调,是页面暗处偏红棕,亮出微微偏黄。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第9张

六、再次压暗整个镜头。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第10张

七、柔滑天空部份。利用白色柔性画笔在天空处涂抹,模式叠加。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第11张

八、给尾端部份打光,这里主要就分为3层,最下面一层是偏红色,范围最大;尾端一层偏黄色,范围比红色部份略小;最上面的一层大自然是白色,也是光源的位置,范围最小。这一步相当于给镜头添加两个光源,光线从尾端到四面逐渐减弱。

Tips: 这儿在对镜头展开压暗处置的时候,并没有对镜头本身具有的火球、爆炸火焰等展开相应处置,这些本身的火光后期能利用,所以不用展开压暗,在处置的时候应该在蒙版上擦除这一部份。框内蒙版上的黑色区域即为火光部份,保留。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第12张
ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第13张

九、这儿主要就教大家来制做这种标题的效用。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第14张

十、先对文字按照主次关系展开排版,这儿同样最好采用居中的形式。“亚洲地区擂台赛”这几个字是同事之前做好的变形,我这儿直接拿来用了,文字变形不是本次讲义的重点项目,所以这儿不做详细介绍,感兴趣的能看下畅游VC关于文字变形的讲义。 文字排好之后就用钢笔工具在文字的下面层勾出黑底轮廓,那个能有多种形式,画工比较好的同学能勾出非常牛逼的底,这儿我只做了轻微的处置(很显然我不是画工非常好的同学),给边角处加了一些出来的尖,使其看起来显得比较尖锐。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第15张

十一、给文字的底做效用,叠加材质。给底部选择两个偏棕色的色值,这儿用的是#2e2320,接着主要就是斜面和浮雕处理。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第16张

十二、应用斜面和浮雕时要注意“方法和深度”的值,建议大家自己去不断调节体验呵呵变化之处。我这边通常用到那个效用的时候是分别选为“平滑”和“1000”,能使斜面的分割清晰而且不会出现杂边。 下面的高光和阴影通过不断看效用图去调整。样式调整完之后找一张墙壁的片断叠加到底部,再依照叠加之后的效用做相应调整方可。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第17张

十三、给文字做效用,方法类似于。主要就也是图层样式,接着加墙壁材质叠加。这儿用不同的颜色来区分下主标和副标,后期能用白色柔性画笔去给文字加些高光,直接涂抹,叠加方可(这儿不再详述)。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第18张

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

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第19张

十五、给各大高手展开打光调色处置。 先把他们找的六大高手按照动作的对应关系调整大小比例和展开水平翻转,以达至镜头的平衡和谐。这儿大体介绍呵呵:弓箭女和葫芦娃都是属于正面微偏一点的,面部有略微的朝向,所以选取他(她、它)俩作为正前方主要就人物形象;和尚和菜刀男都是属于跳跃飞起的觉得,所以在排列的时候略微高于主人物形象,而他俩姿势正好呼应,真不愧为好基友;扇子男和回眸女俩人都是明显的侧身,身体所占比重不大,所以缩小放置最两边(谁让你俩不正面相待,打入冷板凳)。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第20张

十六、这儿以右半边的三位壮士来给大家展开打光的讲解,具体来说拿葫芦娃开刀,给葫芦娃添加蒙板,用柔性画笔擦除膝盖以下部份,在其上方创建剪切蒙版,拉两个背景底色到透明的渐变,使葫芦娃与镜头更加融合。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第21张

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

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第22张

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

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第23张

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

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第24张
ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第25张

二十、菜刀男和回眸女的处置手法同葫芦娃类似于,都是降低饱和度后调色接着去打光,须要注意的是距离尾端光源远近不同,受光程度也不一样,如这儿菜刀男的受光要略弱于葫芦娃,而回眸女的受光最弱。还有一点,是菜刀男在葫芦娃的身后,会有一部份光即使打到葫芦娃的背而反射到菜刀男的左侧,所以左侧的受光略强一些。依照这些关系,他们讲人物形象的受光处置好如图所示。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第26张

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

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第27张

给最后镜头添加一些火花光效,增加氛围。

ps怎么做网页效果图,制作游戏网站专题页面图片的PS教程_https://www.ybmzs.com_游戏攻略_第28张

发表回复