QQ仙灵--2D整图光影画面技术详解

发表于2015-05-29

从技术发展的角度来说，3D网游逐渐在取代2D网游成为市场主流，也是市场公认的大势所趋，在漫天都是3D“次世代”概念的游戏圈里，异常坚挺的2D回合制网游仍然占领了大片红海，2D游戏也在群雄争霸的年代在美术表现上争取着一份热土，这也对2D游戏的画面的精细度，层次感，功能性有了更高的要求。

QQ仙灵场景地图关卡设计师从DEMO 构建以来，团队在画面视觉表现上就开始与技术结合，和程序沟通一起钻研，小规模优化成型地图编辑器，在保留传统2D游戏精美画面的基础上，同事具备3D游戏的纵深感，放弃传统2D游戏编辑器里拼接图素的方式，采用PSD整图制作，通过PSD拟真“3D"技术，就像市面上新出的裸眼3D电视一样，把传统2D游戏的平面画面通过整图制作，地图编辑器优化，模拟多边形透视镜头，“卷曲”成为具有一定纵深感的仿3D电影画面，使玩家感到景物扑面二来，或进入场景画面深凹处，能产生强烈的“身临其境”感，进而实现从行走体验探索延伸到2D整图光影画面临场感的钻研，把电影制作中的细节特写手法加入其中，一步步在画面视觉效果上推陈革新。

以仙灵12门派4 大种族之一的妖族封系辅助门派听风谷场景制作为例，下面具体解析分享一下仙灵在整图光影画面制作上的思路。欢迎大家给优化建议和技术方法交流。

实际案例（整图光影画面前期准备篇）

QQ仙灵作为回合制网游，有12门派，每个门派，都有对应职业特色属性的门派地图，、

原画及地图设计师概念设计在前期对听风谷进行诠释理解，最终确定，听风谷场景特色点，抓住2个字听风，视觉表现元素：弦音微风律动丝滑细雨折射光影

TOP1.:2D场景地图关卡制作师在制作前，围绕上述5个元素，进行光影表现规划。

每做一个场景，会类似拍一场电影，如何让玩家角色走入这场景里，有身临其境，幻觉幻听的感受，设计师不能只凭借感性的天马行空想象，更多的需要依托现实自然生态环境，因此准备一份详尽的分析资料，如下：

如光斑

水面崖壁青苔附着结构

掌握充分资料以后，开始进行修图标准制作，QQ仙灵的地图制作是整图制作，由多个2D场景地图关卡制作师通过 PSD 整图共同制作一张精致大地图并在PSD软件中构建好遮罩包围盒，设置高度法线后，输出PSD文件导入地图编辑器，置入特效动画，编辑好多层动态位移背景图，最后生成一张完整大地图。同一张地图经手不同设计师，那么达成设计共识，目标一致素非常关键的一步，因此每个地图场景制作前，有了这样一张修图标准。

着重突出听风谷山谷的大阴影关系，暗部的纯色渐变，山谷固有色透气清新的效果，体现谷内谷外的景深感。

听风谷，由于地理环境特色，山谷之间，地面必定湿润饱满，苔藓青苔，以及不规整砖石地面衔接的丰富性，谷中岩石在橙色和绿色，赭石色调和下产生的渐变，砖石+泥土地面暗部呈现出的蓝色小微光到蓝紫色阴影色调变化。

听风谷大面积的鼓面，增加皮质鼓面质感能增强玩家行走体验。qq仙灵拥有各种水面环境，而听风谷的水面和其他场景的表现上尤为不同，地理环境处于深谷之中，所以水面的定义，以潭为概念，潭的水面清澈，需要看见平静清晰的倒影。

听风谷的气质，是比较妖媚律动的，但对比起同样是妖族门派的百莲舫，月影楼，听风谷这个妖族门派需要有自己的门派直观特征，让玩家到过这里就记住，因此要有花海的感觉，被青烟缠绕的粉紫色花树是不错的处理方式。

实际案例（整图光影画面制作篇）

1. 立体影像原理（三角关系）

人的两眼之间大约有6厘米的距离，所以在观看除了正前方的物体外，两只眼镜必然有角度的不同，这个差别在大脑中就能自动形成上下，左右，前后，远近的区别，从而产生立体视觉。所以如果能制作出同一屏幕区域内不同侧面（仅有微小的视差）让双眼各看一边，简单的说，就是不断的在玩家置身的场景前后左右提供物件参照物，那么在玩家大脑中就能自动形成这一场景的立体影像。