SVGA技巧干货04_基础粒子效果实现

用户头像
北京/设计爱好者/6年前/3439浏览
SVGA技巧干货04_基础粒子效果实现

可用svga输出的粒子类效果揭秘,一步步和序列帧说再见。

前言

基础的位图动画制作,相信在前几篇的介绍中,大家已经能以此开展工作了。

面对动画之外的表现,我们常常还需要一些特效效果衬托氛围。

本篇我们拆解龙宫礼物里用到的粒子效果,帮助大家理解粒子效果原理

针对svga的环境,实现烟雾粒子效果、手K粒子(气泡)与循环粒子动态。

 

粒子效果原理

基础粒子系统,不论是Max、AE、还是引擎类,实现上都可拆分为以下基础属性:

1.       位移动画(速度)

2.       旋转

3.       缩放

4.       透明度

虽然SVGA不能支持插件类粒子系统的动画制作与导出,

那如果满足这些基础动画条件,粒子特效效果就可以完成。

当然还有复杂的差异属性、例如随机、纹理动画,这些我们可以看情况追加。


俗话说动画特效不分家,粒子效果也是一个个属性动画组成的特殊效果形式。

拆解后,思路有没有变的清晰?不急、我们一起拆解制作本篇示例的烟雾效果。

 


案例1:基础烟雾粒子

制作一张简单的燥波状烟雾贴图(暂不做制作描述,你可以下面先用这一张)


给贴图的透明度、旋转、缩放属性(单个粒子动态)进行K帧动画

烟雾贴图的旋转动画给了2层,正转+反转模拟一个小的翻滚动态。

单个粒子动态

 

这时错帧延迟+摆放、补充粒子效果的位移生长动态

效果完成。

 

看懂了的朋友可以举一反三试一试效果图中的汽车尾气,自己试一试会比较容易理解。

 

案例2:手K粒子效果\气泡粒子

较少的有细节性的粒子效果,我会选择手K,通常数量不会太多

如遇大批量的粒子效果我会直接使用表达式组件模拟(下一篇),配合少量手K粒子点睛。

其实这部分没啥好讲的,上一次整理我就直接跳过了,大概先这样、这样、再这样就出来了。


不免还是有朋友会问,那强行整理出来几个步骤重点:


①A→B的关键帧。

帧数建议少,2-3个点足矣,以免影响动画默认曲线流畅度。




② 控制柄制作路径曲度。

Ctrl+Alt鼠标左键点击关键帧调出控制柄,曲度随君。



③丰富动态及差异化。

看情况K几个缩放、透明度、旋转帧。


④循环处理。

做几组,然后首尾相接、错帧,大功告成。


循环原理解析


鱼群动画也是同理,少了个循环处理。一定记得自己上手练练试试。

 

分享快乐,欢迎加群交流学习。

SVGA动效设计交流群:533358660

 

56
举报
|
46
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】珠宝icon
高级表盘系列UI源文件
科技医疗透明柜UI界面设计
UI通用设计素材1
UI应用平面图标
智能家居中心 简约 UI设计组件库
【新年UI图标】美妆icon
拟物风质感写实UI卡片合集源文件
【新年UI图标】美食icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
新能源APP应用UIKit
【新年UI图标】游戏/娱乐icon
柠檬黄主题UI作品集模版
【新年UI图标】家具icon
盲盒APP UI设计
UI 登录界面设计模板包
矢量立体简约UI蓝白图标
UI_3D图标火箭炮<新春促销>
【新年UI图标】影音icon
高级感金属拟物 UI设计组件库
钱包ui模板
新拟态风格 UI设计组件库
手表表盘UI系列
你可能喜欢
大家都在看
登录注册