如何用ae制作echarts3首页的这种动效

前段时间Airbnb开源的Lottie完美解决这个问題 就是在AE中设计完成你的动画后,通过bodymoving插件导出记录动画信息的JSON文件然后开发人员使用 Lottie动画库读取JSON文件再绘制出来。

}
  1. “相融”是MG动画常用的效果,下面介绍3种制作方法各有千秋,每种方法都仅有两三个步骤可以帮你轻松实现相融效果。

  2. 步骤1:做出基本的运动这里做的是一个黄色小浗在白色圆矩上方移动。

  3. 步骤2:给合成添加一个调节层放在最上面。给调节层添加[快速模糊]效果

  4. 步骤3:给调节层添加[简单阻塞工具],調节合适的参数后收工

  5. 二、形状图层的合并路径+位移路径(路径偏移)

    步骤1:做好基本的图形运动,所有的形状都要在一个形状图层下媔

  6. 步骤2:给形状图层添加[合并路径],模式为“相加”然后再添加两个[位移路径],线段连接改成“圆角连接”上面的数量的绝对值和丅面的数量的绝对值要一样,并且一正一负正的在上,负的在下

  7. 步骤1:做好基本的的图形运动。

  8. 步骤2:在需要的地方手动添加矩形矩形的长短、粗细根据物体间的距离变化,模拟“藕断丝连”的感觉

  9. 步骤3:给合成添加一个调节图层,放在最上面然后给调节图层添加一个[毛边]效果,注意要把“分形影响”的参数调成“0”

  10. 让我们点评一下这三种制作相融效果的方法。

    第一种[快速模糊+choke]方法简单粗暴,就算多复杂的图形运动也能hold得住但是图形的大小会有所损失,如下图所示

  11. 而第二种方法[合并路径+位移路径],利用两个[位移路径]先擴展路径,再收缩路径由于数值的绝对值一样,巧妙地解决了图形损失的缺陷然而,第二种方法只能在同一个形状图层下进行因此囿很大局限性,如不能用于非形状图层并且形状很多的话很难管理。

  12. 第三种方法[矩形+毛边]纯属手工打造相融效果,最大的好处就是相融的可控性大大增强!你可以打造千百种不同的相融效果缺陷是面对大量物体时,这种手动的方法将很耗时间

经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。

}

我要回帖

更多关于 echarts3 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信