AE 动效工作流技巧 —— 减少 Bodymovin 导出的 JSON 大小并提升性能(一)

举报
ShaderJoy 发表于 2021/11/18 23:41:20 2021/11/18
【摘要】 当你在 UI Motion Design 领域工作时,你需要克服的第一个障碍便是 —— 寻找时间、预算、以及将设计时间专注于灵感上的需求(的平衡)。因为建立工作流程和学习新技术可能是一个耗时的过程,这是一...

当你在 UI Motion Design 领域工作时,你需要克服的第一个障碍便是 —— 寻找时间、预算、以及将设计时间专注于灵感上的需求(的平衡)。因为建立工作流程和学习新技术可能是一个耗时的过程,这是一些预算紧张的项目所无法承受的。

在本文中,我将带你了解一些强大的工作流效率,它们将帮助您在导出时获得更小的 JSON ,并克服可能的性能障碍。

一、清理你的形状层并组织它们的内容

当导入复杂的插图元素到 After Effects 时,无论是通过 Overlord 插件或直接导入和转换的Illustrator 文档,你将要么最终得到一个合成中有非常多的形状层的结果,要么就是一个形状层(其 “Content” 部分带有不可管理的数量的子层)。如果这些层留着不管,那么你就会遇到很大的工作流程问题,这会减慢动画流程,并在最终 JSON 输出中添加不必要的数据。虽然会在动画流程的前端部分增加生产时间, 但是,适当地组织所有层次并尽可能多地删除 “Group” “Fill” “Stroke” “Merge Path” 这些参数(它们默认为子层的一部分),将为您节省在动画阶段的宝贵时间以及允许您更容易地导航文件。从 Bodymovin 导出的 JSON 将包括所有这些层和参数引用的数据,尤其在处理复杂的合成时,它们可以随着时间的推移而显著增加。

让我们举个例子:

1_nEcLGp3y1ymVwEvPYtouTA.gif

当 “小猫” 被导入 After Effect

文章来源: panda1234lee.blog.csdn.net,作者:panda1234lee,版权归原作者所有,如需转载,请联系作者。

原文链接:panda1234lee.blog.csdn.net/article/details/120431905

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。