bodymovin输出Json动画为黑白的解决方案

最新推荐文章于 2024-06-17 18:09:32 发布
最新推荐文章于 2024-06-17 18:09:32 发布
阅读量9.9k 收藏
点赞数
分类专栏： bodymovin 文章标签： bodymovin
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41084236/article/details/83145783
版权

bodymovin输出为黑白的解决方案

Shawn
AE CC2018
bodymovin 5.3.4
预计其他bodymovin版本的解决方法相同

  • 最近工作原因,需要AE的bodymovin输出json动画.
  • 但bodymovin输出的json渲染出来的动画全是黑白的.
  • 在Lottie的github里这类问题全部出现于非英文环境.
  • 最后,在一个issue里,找到了最靠谱的解决方案:
    将AE语言/windows系统语言/非Unicode程序语言全部调成英文

非Unicode程序语言:

非Unicode程序语言

AE设置为英文:

AE英文设置方法

参考

超级大黄狗Shawn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
AE 动效工作流技巧 —— 减少 Bodymovin 导出的 JSON 大小并提升性能（三）
ShaderJoy 的兴趣技术杂货铺
09-23 1668
theme: channing-cyan 程序参数动画 vs 路径点动画 有点拗口，但 Bodymovin JSON 如何变得臃肿的另一个重要方面是通过它如何导出不同的关键帧数据，或者更重要的是，After Effects 如何以不同的方式在关键帧中显示数据。如果您使用核心级别的程序变换属性（如位置、旋转、缩放、不透明度等）为图层设置动画，则您使用的数据量相当小。 Position 有一个 X 和 Y 的数据点，Scale 有一个宽度和高度的数据点，等等。将此数据导出为 JSON 时，它会占用少量文件大小.
Bodymovin-CN: 动画JSON转Lottie利器
gitblog_00033的博客
03-27 346
Bodymovin-CN: 动画JSON转Lottie利器 项目地址:https://gitcode.com/bigxixi/bodymovin_cn Bodymovin-CN 是一个针对中国的开源项目，它是Adobe After Effects插件Bodymovin的本地化版本，用于将复杂的After Effects动画导出为轻量级的JSON数据，进一步通过Lottie库在Web、iOS和And...
Android使用lottie加载json动画的示例代码
08-28
本篇文章主要介绍了Android使用lottie加载json动画的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
AE插件bodymovin 源文件与使用教程
04-14
bodymovin，把在AE上做好的动画导出为json文件，然后以Android/iOS原生动画的形式在移动设备上渲染播放。如果电脑上没有AE的话，需要安装AE CC2014或更高版本。 以下是安装步骤： 1.先安装AE插件拓展器：aescripts + aeplugins zxp installer (setup)这个文件，安装并打开拓展器界面。 2.再将lottie-web-master文件打开，沿着build——extension——bodymovin.zxp。找到bodymovin.zxp文件直接拖到上述的AE插件拓展器的界面里，直接根据提示点击按钮就好了。 3.打开AE在窗口——拓展里找到Bodymovin就可以使用了。 目前此插件版本支持到AE2021版本。
微信小程序怎么使用JSON动画？
最新发布
宇珩的博客
06-17 929
在微信小程序中实现动画有很多种方式，今天主要讲JSON动画css3jsAPIPAGGIFJSON。
如何安装Bodymovin插件
songtao542的专栏
07-27 7710
如何安装Bodymovin插件？(本文安装步骤摘自https://www.zcool.com.cn/article/ZODYyNjEy.html) 下面就分步骤总结下Bodymovin的安装和使用 安装After Effects CC2015以上版本，本文以After Effects CC2019为例： 2、After Effects安装完成后，安装Bodymovin插件。 2.1 到Bodymovin的GitHub首页（地址：https://github.com/bodymovin/bodym
Bodymovin：让动画设计更简单、更高效
gitblog_00080的博客
03-30 669
Bodymovin：让动画设计更简单、更高效 项目地址:https://gitcode.com/bigxixi/bodymovin Bodymovin 是一个由Lottie维护的开源项目，它是一个JavaScript库，旨在将Adobe After Effects的动画导出为轻量级的JSON格式，然后在Web上无缝播放。这个工具极大地简化了网页和移动应用中的动态图形集成过程。 技术分析 1. Ad...
Lottie - 实现 AE 动效（Bodymovin）
牧码的博客
11-05 6000
项目背景 在海外项目中，为了优化用户体验加入了几处微交互动画，实现方式是设计输出合成的雪碧图，前端通过序列帧实现动画效果： 序列帧： 动画效果： 序列帧： 帧动画的缺点和局限性比较明显，合成的雪碧图文件大，且在不同屏幕分辨率下可能会失真。经调研发现，Lottie是个简单、高效且性能高的动画方案。 Lottie是可应用于Android, iOS, Web和Windows的库，通过Body...
AXrLottie（Android）渲染以bodymovin JSON格式导出的动画和矢量。 （使用rLottie）-Android开发
05-26
AXrLottie（Android）渲染以bodymovin JSON格式导出的动画和矢量。 （使用rLottie）AXrLottie渲染以bodymovin JSON格式导出的动画和矢量GitHub•发布屏幕快照目录安装用法安装AXrLottie基本用法LayerProperty ...
ios-Android-Web三端复杂帧动画解决方案.docx
10-26
Lottie作为一个优秀的跨平台帧动画解决方案，以其强大的兼容性、便捷的集成方式以及设计师友好的工作流程，为开发复杂动画提供了便利。尽管存在一些限制，但综合考虑其优点，Lottie无疑是处理移动端复杂帧动画的理想...
解析json进行动画展示
09-07
2. **获取JSON动画文件**：使用After Effects创建动画，并导出为Bodymovin JSON格式。确保动画没有使用After Effects不支持的特性，因为Lottie是基于Bodymovin插件的。 3. **解析JSON**：在代码中，你可以使用`...
bodymovin:After Effects插件，用于将动画导出到svgcanvashtml + js
05-17
身体运动 After Effects插件，用于将动画导出到svg / canvas / html + js V 4.5.4 修剪路径分别受支持 修正了Webpack构建的错误修复 V 4.5.3 跳过字符上不间断的空格 水平效果优化 形状表达式添加了变换属性（需要解决Rubberhose 2问题） 通过transformInterface转换表达式中的属性 V 4.5.2 Comp表达式接口默认返回 HTML渲染器验证修复 V 4.5.1 修整路径修复 HTML渲染器修复 V 4.5.0 支持三音效果 支持关卡效果。 一个叫做“级别（单个控件）”的 直接从商店获取！ CC 2014及更高版本。 如果您需要最新的最新版本，仍然可以从此处安装： 选项1（推荐）： 从仓库下载ZIP文件。 提取内容并从“ / build / extension”获取.zxp文件 使用aescr
Lottie动画工具 v3.4.4
11-02
为您提供Lottie动画工具下载，Lottie是适用于Android和iOS的移动库，它可以使用Bodymovin解析以json格式导出的Adobe After Effects动画，并在移动设备上进行原生渲染！Lottie 在不需要对代码进行重写的情况下让工程师更加方便的创建更丰富的动画效果。有了 Lottie 你就不再需要使用 Gif 动画来展现效果。目前，Lottie支持路径修剪，蒙版、遮盖等操作。此外还有一个可选的缓存机制，
Bodymovin(5.4.4_5.5.6).zip
04-09
Bodymovin(5.4.4_5.5.6) zxp
前端项目-bodymovin.zip
09-02
前端项目-bodymovin,用于将动画导出到SVG javascript或Canvas javascript的After Effects插件
bodymovin.zxp
04-25
ae的bodymovin插件，用来辅助生成lottie动画的json格式的数据。
Lottie 动效设计完全指南：渐变修复
weixin_40906761的博客
04-14 2201
在使用Lottie输出矢量渐变图形的时候，应该有遇到过设计的渐变效果无法正常显示的问题。无论你设计的效果是什么样的，导出以后都变成了黑白渐变。那么这个问题可以修复吗？答案是肯定的。 Windows系统渐变修复 Lottie—json文件解析 打开动画json文件，找到异常代码 "g":{"p":2,"k":{"a":0,"k":[0,1,1,1,1,0,0,0],"ix":8}}, "s":{"a":0,"k":[29.855,-26.301],"ix":4}, "e":{"a":0,"k":[-28.6
c语言 rgb颜色渐变_Lottie 动效设计完全指南：渐变修复
weixin_39687189的博客
11-29 854
之前的文章已经介绍了 Lottie 是什么，以及如何导入/导出设计文件，那么今天就为大家讲解如何修复渐变。往期回顾：比阿里犸良还强大！Lottie 动效设计完全指南(基础篇)最近阿里推出的动效神器「犸良」刷屏设计圈，但是很少人知道犸良依靠的是更加强大的Lottie，用它做起动效来，简直如虎添翼，今天这篇教你用好这个神器！比阿里犸良还强大！Lottie动效设计完全指南(导入篇)本文将以一个实际动效案...
bodymovin导出没有html5,Bodymovin导出Json文件避坑指南
weixin_31085635的博客
06-30 2366
一、放入AE中的图层最好是图片格式，如果是AI或者PSD格式图层，在mac系统会出现勾选了“保留图片名称”选项，但是无法输出image文件夹，演示的html会出现图片丢失mac系统AE图层为AI或PSD格式，勾选“保留图片名称”选项，输出无图片勾选“保留图片名称”选项，输出无图片html勾选“保留图片名称”选项，输出无image文件夹如若不勾选“保留图片名称”选项，插件导出的图片资源会自动命名为i...
bodymovin生成的json怎么使用
03-31
bodymovin生成的JSON文件可以在Web上使用，以动画的形式显示在网页上。以下是使用bodymovin JSON文件的一些步骤： 1. 将JSON文件导入到您的网站或应用程序中。 2. 在您的网站或应用程序中，使用JavaScript代码将JSON文件解析为可供浏览器使用的格式。 3. 使用JavaScript代码将解析后的JSON文件添加到HTML DOM中的一个元素（如canvas或div）中。 4. 如果需要，使用CSS样式来控制动画元素的布局和样式。 5. 运行动画，让它在网页上显示。 例如，以下是一段使用bodymovin JSON文件的JavaScript代码示例： ```javascript // 将JSON文件导入并解析为可供浏览器使用的格式 var animationData = JSON.parse(jsonData); // 将动画添加到HTML DOM中的canvas元素中 var canvas = document.getElementById('canvas'); var animation = bodymovin.loadAnimation({ container: canvas, renderer: 'canvas', loop: true, autoplay: true, animationData: animationData }); ``` 此代码将JSON数据解析为浏览器可用的格式，然后将其添加到HTML DOM中的canvas元素中，并使用bodymovin库的loadAnimation函数来创建一个动画实例。最后，该代码将动画自动播放并循环播放。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值