AE 动效工作流技巧 —— 减少 Bodymovin 导出的 JSON 大小并提升性能（二）
删除隐藏层和形状
在早期使用 Bodymovin 时，它有一个问题，即在导出阶段和创建 JSON 时会包含来自隐藏层或隐藏子层的数据。从那时起，Bodymovin 已经更新为忽略隐藏层，除非在 Bodymovin 导出窗口的设置图标中指定。如果您有相当多的隐藏层或隐藏子层，为了让自己安心，那么就值得检查以确保所有额外的数据不会影响最终的输出。从现在开始，这应该不再是最终输出的问题。
更多的点在你的路径上，更多数据在你的 JSON 里
当处理复杂的插图时，最好要理解 Bodymovin 是如何将这些形状转换成数据的。为了绘制矢量形状，它在代码中绘制了一系列点在网格上，并使用代码中定义的弧线、直线和形状来组成插图。所有这些工作都将在定义不同部分的填充（fill）和笔画（stroke）的代码中完成。如果每个点、每条弧线、每条线都是由代码 bits 所定义的，那么插图中的代码 bits 越多，JSON 文件就越大。《YouTube Kids》中的许多插画风格都有一定的内在影响，避免角色感觉过于僵硬或过于完美。孩子们很邋遢，所以我们与他们互动的角色应该反映出一点真实的原始。在我们最初的插画方法中，我们的风格是更加有机和松散的。正因为如此，每个部件都有许多点，如果最终资产以 png 形式显示的话，这是可行的。但是，为了让这些插图变成动画，它们需要被大量的清理，并且被绘制的点的数量也大大减少了。通过看下面的图片，你可以看到许多线条从填充被转换成笔画并简化了。手臂和腿也被转换为笔画而不是填充路径，以使这些部分更容易动画化，并减少了用于动画这些部分的关键帧数据的数量。
AE 动效工作流技巧 —— 减少 Bodymovin 导出的 JSON 大小并提升性能（二）相关推荐
- AE 动效工作流技巧 —— 减少 Bodymovin 导出的 JSON 大小并提升性能（一）
当你在 UI Motion Design 领域工作时,你需要克服的第一个障碍便是 -- 寻找时间.预算.以及将设计时间专注于灵感上的需求(的平衡).因为建立工作流程和学习新技术可能是一个耗时的过程,这 ...
- AE 动效工作流技巧 —— 减少 Bodymovin 导出的 JSON 大小并提升性能（四）
合并路径的问题和如何规避它们 到目前为止,虽然在 After Effects 中形状图层的合并路径效果通过 Bodymovin 和 Lottie 有基本的支持.然而不幸的是,在使用向量资产的许多工作流 ...
- AE插件在哪里找?6款AE动效必备插件来了
作为一个专注于AE的小可爱,今日就来跟你分享妥妥的干货!今天分享啥呢?没错儿!就是咱们AE动效设计师最常用的插件.之前给大家介绍过了插件安装的方法,不会的小伙伴们可以点击我的主页查看之前的笔记哦~好嘞 ...
- lottie 导出html,Lottie-前端实现AE动效
项目背景 在海外项目中,为了优化用户体验加入了几处微交互动画,实现方式是设计输出合成的雪碧图,前端通过序列帧实现动画效果: 序列帧: 动画效果: 序列帧: 帧动画的缺点和局限性比较明显,合成的雪碧 ...
- AE 动效制作和交付方案
在界面设计中,设计师利用动效让整个界面更加活泼,给界面元素带来生命力,解决功能上的问题,在更好地展示产品功能的基础上,凸显品牌的特色.而作为用户,动效增强了体验者的审美感受.情感需要,让用户更容易理解 ...
- java动效_前端实现炫酷动效_Lottie-前端实现AE动效
阅读时间 10~15min 项目背景 项目中为了优化用户体验加入了几处微交互动画,过期的流程都是设计输出合成的雪碧图,前端通过序列帧实现动画效果,如下图动画效果: 序列帧: 动画效果: 序列帧: 帧动 ...
- 前端实现炫酷动效_Lottie-前端实现AE动效
阅读时间 10~15min 项目背景 项目中为了优化用户体验加入了几处微交互动画,过期的流程都是设计输出合成的雪碧图,前端通过序列帧实现动画效果,如下图动画效果: 序列帧: 动画效果: 序列帧: 帧动 ...
- 前端实现炫酷动效_前端实现炫酷动效_Lottie-前端实现AE动效
阅读时间 10~15min 项目背景 项目中为了优化用户体验加入了几处微交互动画,过期的流程都是设计输出合成的雪碧图,前端通过序列帧实现动画效果,如下图动画效果: 序列帧: 动画效果: 序列帧: 帧动 ...
- UI动效基础：AE动效表现课
第01课·UI动效概述 课时1 - 关于UI动效的介绍及行业概述 课时2 - 动效设计在工作领域的应用 课时3 - 动效设计如何学习 第02课·AE软件基本操作 课时1 - 界面介绍及合成设置 课时2 ...
- APP Tab Bar 图标动效设计技巧分享
Tab bar 作为整个 APP 的第一触点,给用户传递的理念及信息在整个 APP 中具有不可替代的重要性.我们的第一感受是粗糙或是精致,都会通过这个简单的操作切换而感知.因此 tab bar 的设计 ...
最新文章
- 可逆加密算法 php,php可逆加密的方法及原理
- linux轻量级进程LWP
- 不同版本GCC编译器之间的切换
- js reduce实现中间件_MapReduce 模型
- Apollo进阶课程㉟丨Apollo ROS原理—4
- Linux导出函数控制,linux 下仅导出指定函数的方法
- python数据库操作封装_Python 封装一个操作mysql的类
- Spark物理图的执行
- PyTorch学习笔记（六）：PyTorch进阶训练技巧
- 数据分析前的准备工作
- poj 3278 Catch That Cow （简单的bfs）
- 127.0.0.1和localhost和本机IP三者的区别
- c语言图灵机算法,图灵机的时间化简概述(3/4)
- 高质量解读《高性能mysql》——第1章 MySQL架构与历史
- 微信H5适配 解决微信调整字体大小导致Html5页面混乱
- Apache Griffin+Flink+Kafka实现流式数据质量监控实战
- C语言|博客作业08
- direct wifi 投屏_【教程】Microsoft Wi-Fi Direct Virtual关闭方法
- 为什么专业领域里外行领导能让墙倒屋塌？
- 华云数据董事长许广彬接受中央电视台采访：推动职业教育发展 打造信创人才核心竞争力