AE里如何将速度曲线输出给开发人员?

html-css07

AE里如何将速度曲线输出给开发人员?,第1张

首先我认为,从根本上看,AE仅仅是用来制作动画和特效的。我们在用AE制作动效以后输出给开发会出现很多的问题。而动效中的曲线效果又是必不可少的一部分,那么如何高效的将其输出给开发人员呢?解决方法有如下:

速度曲线是通过计算直接输出到发展的

你可以将数字转换速度的曲线转换为数值换算值,你可以做一些简单的计算。关键帧1的影响值为48% 出速度为0 关键帧2的影响值11.3% 入速度为0柄点1的X值就为0.48 Y值为0 柄点2的X值为1-0.113≈0.89 Y值为1,得到的数值贝塞尔曲线为cubic-bezier(.48,0,.89,1)。基本与实际观感是吻合的,由于知乎的效果限制原因,呈现的不好,我推荐诸位自己可以试一试。

利用辅助工具进行输出

它是AE的一个Html5扩展,可以快速实现这些计算。通过预置整个JQ Easing库来达到覆盖主要曲线,同时提供了一个上图中表达的曲线编辑器来辅助你进行曲线生成,同时直接给出了一个cubic-bezier数值便于开发,非常方便和实用。

如何设置

您可以利用调整曲线来自己控制设置曲线,也可以用脚本快速设置。在你完全理解了After Effects 这栏之后,只要查表,看不同曲线对应的不同平台的代码给输出给程序员就好了。

至于不同平台的映射关系,这个欢迎大家来讨论,我对不同的平台的语言也不是很了解,只是摸索了下AE和CSS的映射关系,也不是很成熟,就不拿出来分享了。

CEP 即是 Common Extensibility Platform:通用扩展平台。其是 Adobe 为其 CC 系列工具提供的扩展功能标准,自 CS6 时代(甚至之前的 CSXS ,另外现在说 CSXS 指的就是 CEP)就已经存在了。不过早期 CEP 主要是使用 Flash 技术开发,而后来 Flash 在各领域式微,而到了 CEP 4 Adobe 都已经明显是想要放弃 Flash 了,CEP 4 已经可以使用纯 HTML5 + JavaScript 来开发扩展插件了。而 CEP 5 Adobe 为其引入了 Node.js 环境,和在 HTML5 中调用 ExtendScript 的支持,正式终结了 Flash 在 CEP 中的历史。

要进行开发 CEP 开发,你需要了解

CEP 使用的都是跨平台技术,所以开发的 CEP 扩展都能不经修改(只要没调用特定系统的本地功能)就直接运行在 Windows 和 OS X 两种系统中。

既然是本地的 Web 应用,其开发与 Web 开发差不多,需要准备的是:

参考