手游开发者分享：手游视觉特效制作10个技巧

游戏大观2016-07-19

2月份的时候，我们介绍过一款名叫《_PRISM》的解谜游戏，上架不到一周就获得了苹果公司2555次最佳新游戏推荐，2天之后就进入了38国iPhone付费榜前十名，在美国iPhone付费榜曾达到第8名。该游戏不仅画面精美、音效独特，而且还有不少相当复杂的谜题，这款手游由华裔独立开发者Clint Siu耗时9个月完成研发，而且游戏中的美术、代码、音乐等都是由美籍华裔开发者Clint Siu独自完成的，游戏中的很多资源都是手绘而成。对于独立开发者们来说，如何做出视觉效果出众的作品呢？笔者找到了Clint Siu此前博客中分享的10条建议：

大家好，我是Clint Siu，是一名独立开发者，同时也是一名视觉特效美术师。现在我将为你展示自己在游戏《_PRISM》制作时使用的美术技巧，《_PRISM》获得了SXSW的Gamer’s Voice，和IMGA的Best Upcoming Game提名。它是一款解谜游戏，游戏中可以探索微观的星系，解开神秘的几何体。开发这款游戏时，我受到了柏拉图经典元素理论的启发，每一个几何体都有着五个元素（火，土，气，水和醚），在游戏中，玩家需要点击，划屏，把不同图案恰当地放到图形上，才能解开几何体，到达每一种元素的核心。

下面就要介绍在《 _PRISM》开发过程中使用到的技巧了，希望你在自己的游戏中可以用到：

1.缩小游戏规模

作为一名独立开发者，所有的一切都需要自己完成，这意味着我的时间是有限的。但我还是坚持想出了这些几何形状。这为我真正做完游戏提供了可能，同时也尽了最大努力把游戏做好。我认为收尾是游戏制作中最困难的一步，所以要确保自己有最大可能做完游戏。

2.调色板

要想把游戏做得好看首先要设置调色板。我做美术师已经有一段时间了，所以这一点对我来说可以更加自然地完成。但如果你不是一名美术师，这里有一些可以帮到你的小窍门。

不要使用太多颜色。你用的颜色越少，那么你将它们混合搭配就越简单，只用一种颜色也是完全可行的。

找出一张和情绪好像能产生共鸣的照片，然后去掉一些颜色，首先把照片模糊化可能会帮到你。

Adobe Color（获取地址：color.adobe.com）是色彩调和的绝佳工具。

3.光泽或者镜面能够让物体看起来更加真实

真实世界里的物体表面光泽并不均匀。这通常可以用来区分照片和电脑渲染的图片。光泽贴图定义了什么是光滑闪亮的，或者什么是粗糙暗淡的。技术提示：使用Standard Shader时，光泽贴图可能会进入金属贴图的阿尔法通道。

4.电影般的光学效果

虚光，色差和镜头虚化模糊都是使得《_PRISM》视觉效果很棒的重要组成部分。这是包含在标准图形中的图像效果。

虚光是指由于镜筒遮光使照片角落变得更暗，它可以突出框架中心的物体，同时颜色渐变还为角落增加了有趣的纹理。

色差是指不同颜色波长通过镜头折射时发生了散射。在电影/电视剧制作中使用色差，可以让电脑渲染的图形更好地集成到真正由镜头拍摄的图像中，因为色差可以使图形的边缘看起来更像是光造成的，就像是用摄像头拍出来的。类似的道理也适用于游戏制作上。

边缘模糊是指从框架边缘开始模糊化处理，当它向中心移动时，模糊化强度就会降低。给人的感觉就是采用了选择聚焦和景深的拍摄技巧。

5.添加镜头光晕效果

镜头光晕是一种光学效应，当光照进不同的镜头元件时就会发生。当你把镜头向周围移动时，镜头光晕就会给电脑渲染的图形带来更多的真实感和额外的动态感。镜头上有灰尘同样可以增加很多真实感，当你把带有灰尘的镜头对准光源时，你能看到光散射地不均匀。

6.使用Asset Store上的资源

大多数当我想做一些带有技巧性东西的时候，Asset Store上已经有了这样的原型（比如说我应该怎样做出镜头光晕？）。下面这些是我使用过的技巧，我认为很值得学习：Particle Playground, Proflares, Colorify, LeanTween,还有Easy Touch!

7.用空心的游戏物体操作

在游戏制作中，我通常把空心物体作为旋转，缩放的支点或者说是零点位置。这样我就可以把Unity中的一切做成动画，还可以节省很多时间。我只需要把空心变换物体移动到想让几何体旋转的位置，剩下的部分就可以交给孩子们完成了。

8.重复使用动画

如果游戏中的某个结构重复命名了，那我就可以在一组不同的物体上重复使用相同的动画。我只需要选择不同的根对象（游戏中空心的物体支点）改变其他结构的位置或旋转路径。

9.动画曲线

当运动轨迹不仅仅是直线或者平行线时，动画可以让轨迹看起来并感觉更加自然。物体运动需要一点时间才能加速到最大速度。同样也需要一点时间才能减速到停下。这叫做缓进和缓出。如果你在曲线上放一些弹跳点或者加速点，那么你甚至可以做出更加有趣的动画。你可以使用AnimationCurve.Evaluate实现这一点，或者只用LeanTween也行，都可以做出非常惊人的效果。

10.增加视差深度

视差是指从不同的视角观看，物体的位置会发生变化。离你越近的物体会比远处的物体给你带来更大的视差。因为我没有可以用作背景的物体（在缩小范围曾经提到过），所以我只能用粒子来填充画面。当镜头开始旋转，因为粒子和几何体彼此重叠，看起来就非常具有3D效果。如果没有视差或者重叠，那么这一切就会很单调。在其他物体静止的时候，粒子的轻微移动也可以帮助画面增加真实感。