cover_image

58同城春节运营——造牛神记

原创环铁艺术家 58UXD

01

项目介绍

牛年到，58同城APP又开启了一年一度的春节运营活动。在本次春运活动中首次使用了角色IP化的设计，配合品牌运营游戏化的玩法，春运的七牛神形象，来承载人们开年交好运，生活幸福的追求。

在此，分享牛神形象的完整制作流程，和经验总结，希望对大家有所帮助。

02

原画设计过程

每逢佳节，拜佛许愿抢头香是永不退流行的民俗活动。我们提取出了人群中的高频愿望，归纳成为六个牛神，分别承载：财富，学业，平安，健康，爱情，事业等愿望，以及牛神的最高统帅牛魔王。

根据牛神所代表的不同愿望，进行装扮的设计。那么如何概括传统的服饰，将其贴合到每一个牛神身上，并且符合牛神所代表的愿望是美术设计的难点。

通过调研各路神仙，传统祭典的各式装扮。有目标的收集并且概括出传统神仙服饰的类别和特点。再针对牛神不同的属性来进行设计。

财富牛是相对容易设计的一款，根据财神爷改良而来，针对牛头的特点定制了头冠。

再如学业牛的装备也能很快让人联想到诸葛亮的形象。

事业牛则参考了武将的形象，寓意在事业上能有所拼搏。健康牛参考了太上老君的形象，给大家传递元气。

如此打造了7位牛神的形象原画设计。

03

3D基础牛制作

首先根据春运牛原画，快速定出角色的大体比例，造型和动作。制作基础模型的好处是方便其他同事同步进行，以及模型的统一性。

在建模的时候，有三点需要注意：

1. 首先要确定模型大小比例和单位；

2. 在做结构造型的时候，布线要均匀，关节的地方尽量多布些线，不要出现三角面，为后面动画做准备；

3. 根据不同结构进行编组、命名方便后面的调整。

04

高精度模型制作

接下来我们开始制作装备，以爱情牛为例，在制作模型的时候，也需要考虑到后续的工作流程. 模型要一次性做好，UV、布线、材质分类都需要想好。

模型是最关键的一环，如果模型出问题，后面的动画和渲染都会返工。

在制作装备的时候，有一些细节需要注意. 需要把这些勾边，做的圆滑一点，做出一些弧度来，方便后面在渲染的时候，更有质感。

05

UV和材质

我这里使用的是Rizomuv，相比于3dsMax和C4D展UV，更加方便高效。

在这里我简单介绍下Rizomuv这个软件：

Rizomuv应该是展UV这块最好用的，效率比较高的一个软件。

功能方面：

1. 自动的边界计算功能，可以直接算出需要拆分的模型边界；

2. 更强大的计算能力，支持更高面数的模型拆分;

3. 更加高效率的摆放功能，可以自动计算摆放的区域，更优化的摆放算法，可以将巨量的UV块合理放置;

4. 更方便的UV打直功能，可以自动方块化UV。

通过Rizomuv展好的UV，再导入到3dsmax、或者C4D里，给模型赋予棋盘格材质，再对UV进行微调整，让模型UV棋盘格均匀分布。

UV这块能打直的地方尽量打直，模型占比比较大的部位，UV这块也要给大一些，这样展示的细节更多一些，在UV布局这块，不要有太多的空隙，尽可能提高空间利用率。

接下来就进行贴图的绘制，Q版角色更加注重的是丰富的颜色变化，明暗关系上，要让形体有种从上到暗的渐变关系。把最吸引人的地方放在上面。

在用色上，不要让太多细节破坏整理感觉，让颜色尽量整一些.还有就是颜色饱和度这块，要把吸引人的地方饱和度做的高一些，细节多一些。这样才会吸引人，不是特别重要的地方可以饱和度低一些，颜色暗一些，形成对比。

06

灯光和渲染

所有模型贴图做完后，开始对模型进行灯光和渲染，我使用的是C4D里的OC渲染器。

为什么选择OC呢，因为出图比较快，能实时观察效果，上手也比较容易。（缺点是对显卡要求高，目前只支持N卡，对显卡型号也有要求，要做好买正版的准备）。

渲染器可以大大提升你的作品质量和时间成本，在渲染器（OC、Vray 、RS、阿诺德、KeyShot）的选择上，根据自己的使用习惯和电脑配置就好了。只要出图快，质量高就可以了。

言归正传：

1. 首先要设置好一个通用的摄像机，后面就不要动了，避免出现后期渲染角度不统一的情况；

2. 设置一个通用的天空盒，在选取hdr贴图的时候尽量选一些对比度比较弱的那种hdr贴图，这样方便后期打灯光，观察效果；

3. 接着开始给场景布置灯光，在灯光色彩氛围上可以找一些参考，比如电影、游戏。我比较喜欢三点布光法，先给个主光，在侧面再加一盏暗一点的作为补光，模型后面再给加一个轮廓光，这样就形成了一个简单的三点光源；

4. 测试下灯光效果；

5. 灯光没问题后，我们开始制作材质，考虑到后面材质的统一性，之后将这部分的材质生成可复用的材质，后面直接赋予类似的装备就可以了，也能节省不少时间。

这个是加完材质贴图的效果

07

后期动画

进入到后期动画制作，经过综合考量，最终选用了lottie的实现方式，为了提高动画的产出效率，以财富牛作为基础模型，将各部位进行拆解，在AE里进行重新组合绑定，制作了一个基础的动画模板。有了这个基础动画模板，我们后期只需要按照动画组件要求，将其他牛的素材替换，进行微调整就可以了，这么做的好处是大大提高了产出效率，也节省了人力和时间。

这些是牛模型每个部位的渲染图

这些是制作出来的动图

08

春运牛POSE制作

因为在给牛进行包装推广的时候，为了显得牛有灵性，可爱，我这边又给牛进行了POSE的制作。

有个方法比较好用，也比较快捷. 以牛的左臂为例，首先给牛的左臂打个组（包括胳膊上的装饰），在左臂这个组上面加个弯曲，然后再把弯曲和左臂一起打个组。

这样我们可以通过调整弯曲的参数就可以了，其他部位同理，保持长度要勾选上。

09

结语

以上就是关于财富牛的制作流程。

经历了搜集参考资料-基础牛制作-高精度模型制作-UV和材质-灯光渲染-后期动画等一系列的操作，终于完成了财富牛的制作。通过这次春运项目的制作，对我有很大的帮助。

在此，我要感谢岩姐给予我这次分享经验的宝贵机会，以及在制作过程中给予我的指导。还要感谢春运项目组成员王静、马健健、伍思晟、崔燕、杨哲、苏梓希、吕志鸿等。

最后感谢各位帅哥美女的观看～

🙋一起聊设计 🙋‍♂️

高质量，学知识的设计行业群

设计行业一手资料

设计大厂最直接内推

定期大咖直播

0门槛扫码进群！

期待与更多优秀设计师一起成长🤩

继续滑动看下一个

58UXD

向上滑动看下一个