SVGA设计师技巧分享06_转动的车轮\父节点应用

前言：

很多朋友看了SVGA礼物动效的公开课，都能愉快的开展工作了。

本篇转动的车轮\父节点应用，应该是当下版本的最后一篇了，搬过来给大家。

 

故事一开始是某同学发了自己做的小车效果，3D渲染出图、车头炫酷、透视角度极度夸张。

参照文章临时进行资源抢救，帧率降了尺寸减了，但还是10M+的输出。

诸如此类强行使用满屏序列帧的同学，新手较多。

图片数量\画布大小\动画实现思路，开工前建议多理解一些规则。

再次强调\SVGA推荐做法：SVG+Animation→图片+关键帧动画。

30张256*256的图片素材，就是7.5M的内存占用。

效果是一方面，性能也很关键，序列帧是必杀技，关键时候再使用~

案例正文：

整理了一个跑车的轮子的小案例，拓展分享给大家。

技巧干货为主，实在没资源和时间写完整案例。

跑车动画，Chua Chua Chua 跑车开动，最后有个展示的效果，这么个礼物。

可以直接在3d建模，调节材质制作相应动画，输出序列帧包装成svga，

往往文件巨大、多被程序骂。（性能可接受、平台技术强大的大佬们请无视。）

省一点的可以输出纯正面、侧面的车制作整体平移动画，傻点其实也还好。

 

这里我建议尝试制作正交视图的跑车原画或者有轻微透视的概念稿，

再制作正圆的车轮动画、缩放去适配跟随运动。

 

素材制作：

先涂了一个轮子，凑合用着，文末分享给大家。

svga不支持斜切类动画，仅限简单调整XY缩放。

正交角度的通过单轴向缩放可以直接制作旋转动画，配合父节点也可摆出透视幅度小的轮毂。

 

技巧分析：

之前提过建立空固态层当挂点（固态层的纯色纹理无法输出、仅为空节点；技巧妙用）

可以作为简单父级去调整一堆序列帧，并在一定程度上也充当合成组。

本篇演示的是配合轴向空间的转换，强烈建议自己上手试一下。

工程链接详见群共享：07期_轮子示例

同理可做螺旋桨\晃动的风筝等效果，期待大家举一反三。

 

交流学习\商务合作\礼物发包\设计师接单欢迎加群

SVGA动效设计交流群：533358660