MOBA英文全称为Multiplayer Online Battle Arena Games，意为多人联机在线竞技游戏。从2009年Dota火遍全球，到今天全民LOL的时代，MOBA类游戏已经陪伴了我们将近7年的时间了。
目前市场上比力有代表性的有：
Dota、Dota2、英雄联盟、超神英雄、风暴英雄、神之浩劫、寡神争霸等...
Moba做为一个新的游戏品类，看看他们的官网，做一些比照阐发，总结出一些法例，期看以后对此类游戏的视觉设想能供给一些根据和参考。
一、产物阐发与定位
二、打造场景气氛
市场上分享的形式有良多，打造办法也是形形色色，但是对MOBA类游戏的场景气氛打造至今还没有那种很详尽的教程，那么我们今天以创世联盟为案例，教各人若何快速打造场景。
先看下创世联盟官网最末效果！
1、素材阐发
素材能够分为（1）、史诗级高量量素材（2）、通俗的粗拙素材。
（1）他人家给力史诗级高量量素材！！
假设拥有史诗级别高量量素材，简单卤莽间接的说就是人长得美穿什么都都雅！你只要稍做润色，配上好的题目和标致的版式设想，整个页面气氛就会好到震动。如下图：
（2）、自家的通俗缺胳膊断腿素材。。
我们往往接到的都是二三线产物，碰着的素材并非想象中那样炫酷，并且有时需求方还会指定用一些粗超的人设素材。。其时我就不愿意了！！！然并没卵用！工做还要陆续！更何况我们又有一颗史诗情结拆逼的心！那我们该怎么做？
2、找视觉参考
根据想象中游戏的大乱斗场景，五杀画面，找一些炫酷，震动的画面停止视觉参考。
3、找素材填补
关于素材是多看，多搜集，标准整理，便利日后工做能快速运用。比来也在筹办一篇【设想师超等整理术】教程，各人能够持续存眷。
选举：花瓣网、国外CG网站找素材。
根据视觉参考的大乱斗是一个由中心向四面散发的画面，所以场景抉择的也都是对称发散图形。
4、形式感
为了包管画面平稳，四面人设动做外型根本连结对称是一个比力稳妥的办法，所以抉择了那3小我设出于他们的动做考虑。左侧用了女枪和浣熊2个角色是因为她们比力瘦小，为了和右侧男骑士壮汉连结一个画面平稳。
5、定光源(光源分为2种：一、热光源 二、寒光源)
在MOBA类场景气氛营造上，光线是营造气氛的利器。
那里次要是对场景定光源（中间提亮四面压暗），中间用热黄色的主光源提亮，旁边用蓝色寒光做比照，之所以如许处置是为了使中间的主题画面更凸起。
（1）、起首，对场景复造一层，在新的图层对原画停止高斯迷糊处置。图层选滤色属性，在迷糊的那个图层增加滤镜蒙版停止擦除，把不需要迷糊的处所用画笔擦掉，那个办法能够让场景增加景深效果。
（2）、其次，操纵“色阶”（灵敏键Ctrl+L），把场景暗部加深，进步亮部，加强比照。
如今场景的气氛已经比力到位了，如下图。
6、修模子（明暗关系处置）
（1）、操纵"色阶"调整（灵敏键Ctrl+L），让人物明暗比照争强，量感争强。
（2）、操纵"加深减淡"提亮人物的受光面，压暗人物的背光面。加强光源照射效果，使人物更有立体感，画面更有空间。
（3）、根据光源，给人物添加外形选区，填充黑色。
（4）调整图层通明度，让人物的明暗水平和布景在统一个情况条理里面。添加蒙邦畿层，根据光源标的目的，擦出亮部。
其他英雄也是用同样的办法处置，得到最末画面。
7、画面润饰（量变时刻）
（1）、操纵“颜色查找”快速造造大觉得
颜色查找是一个调整图层，它的位置如下图。添加了颜色查找后，在颜色查找的面板里找到3DLUT文件，下拉就能够看到良多自带特效的款式，有冷，有热，重口味的，小清新的，能够一个个测验考试，有合适的就能够间接用。那里就不多讲。
（2）、光源润饰
起首，新建图层，做柔光或者叠加图层混合形式。用画笔吸收热黄色，然后画笔在主光源处叠加热色光源。
其次，操纵“色彩平稳”、“色相饱和度”、“色阶”等停止图层整调！很快就得到本身想要的一个画面气氛基调。
再次，新建图层，做柔光图层混合形式。操纵黑色画笔压暗画面四面，再次凸起中间的画面。
最末，那个画面的气氛就差不多完成了。新建一个图层，填充灰色，用来做内容模块的布景，与场景做渐变效果。
8、字体设想
题目字体设想参考DNF设想师高露洁和LOL设想师帅强的字体教程。
9、飘絮物（史诗级别拆逼利器）
（1）、漂浮物能够是良多形式呈现，根据画面需求添加飘絮的雪花、星星光效等，会让画面变的很精巧，进步画面量感。
（2）、画面人物脚下增加一些飞溅碎石，加强画面的力量感，让画面霎时震动起来！合理添加飘絮物能够给画面添加气氛，而且造造空间感，是史诗级别拆逼利器。
（3）、画面打造的差不多了，接下来设想头部登录注册框的界面设想。
三、版式设想
内容板块平面化、轻薄的版式设想，会削弱布景没必要要的视觉效果，如许能够进步对信息的阅读等用户体验效果。
END：完成！
四、总结
那个官网页面照旧可以陆续深进，但是目前那个效果图通俗利用已经足够了，假设想练手，仍是有良多细节能够深进。此次教程详尽供给了一个MOBA游戏场景气氛打造的设想流程和设法，再到若何版式设想等。而且通过多个点睛之笔给整个画面增色！想要愈加全面进修游戏UI设想常识，我们还能够往到CGWANG各大校区领会游戏UI设想专业课程，磨刀不误砍柴工，不竭地完美本身的常识储蓄，提拔本身的设想技巧才气使我们及时跟上市场对设想者的要求。