微动是什么?
“微动” 是一款快速制作动效设计平台。能够快速生成设计师想要的动态效果,并交付给开发,极大地提高了设计效率和设计还原度。作为一键式动效制作平台,通过海量的动效素材以及可视化编辑能力,帮助零基础的用户轻松完成动效制作。
科普一下什么是Lottie ?
能够解析渲染通过 AE 上的 Bodymovin 插件将 AE 中制作好的动画导出成的 json 文件 (1)、数据源多样性—可从assets,sdcard,网络加载动画资源,动态更新 (2)、跨平台—设计稿导出一份动画描述文件,android,ios,react native通用
Lottie动画Json结构 分为4层:
结构层:可以读取到动画画布的宽高,帧数,背景色,时间,起始关键帧,结束帧等
asset:图片资源信息集合,这里放置的是 制作动画时引用的图片资源
layers:图层集合,这里可以获取到多少图层,每个图层的开始帧 结束帧等
shapes:元素集合,可以获取到每个图层都包含多个动画元素。通过这样的层级去读取文件信息 然后映射成JavaBean对象,然后通过关键类LottieDrawable将JavaBean分层渲染绘制到Canvas的画布上去
ok,回归正题。
微动动效素材的应用场景
微动支持全平台 iOS、Android、H5、小程序。无论是营销展位、活动页面、空状态还是产品icon。微动编辑器一键式完成动效创意制作。
“我”就是这么强大...hhhh!!!
相信大家一定急于知道,微动 如何使用?其实也简单。
微动怎么用?
我们来到微动首页,鼠标悬浮模板上有个铅笔按钮,可以点击,我们只需要注册->邮箱激活->登录账号即可。
基于模版直接制作
1、选择模版
2、从动画仓库选择动画进行当前动画的替换
3、通过替换图片或来自定义骨骼动画
4、自定义模板文字内容
5、选择上传模板背景图片
6、完成保存,生成视频mp4或者gif
7、导出成功下载视频或gif
有了这个动效文件,我们可以直接给开发使用替换。
总结
有了微动创意,前端再复杂的动画只需要有设计师或者小白也是可以搞定的,而且不用费时费力的用ps一帧一帧k了。设计师小伙伴们可以去好好学习一下,相信这也是未来的方向。
附上官方使用地址:https://www.unrealfront.com?utm_source=ruanw&utm_medium=720
喜欢小编或者觉得小编文章对你有帮助的,可以点击一波关注哦!