motion2插件实现的连线动效icon
motion2插件实现的连线动效icon

这组icon大家应该有点眼熟?是来自阿里云官一组icon。

motion2插件实现的连线动效icon
motion2插件实现的连线动效icon

第一眼看到觉得应该做起来很简单,仔细一看又觉得没那么简单——直到发现motion2这个插件~【插件下载和介绍】

件有很多制作MG动画的功能,这组动效只用到了其中的【ROPE】连线功能。

motion2插件实现的连线动效icon
motion2插件实现的连线动效icon

中需要连线的两个图层,点击【ROPE】,就会生成一个【rope】图层,点开图层中的【Rope – Controls】可以修改颜色、线宽等属性。

motion2插件实现的连线动效icon
motion2插件实现的连线动效icon

生成的这个线会跟随选中的两个图层的位置,这样就只需要对小圆点设置位移动画,就能得到连线动画了~

这几个icon中只用到最基本的位移、缩放和旋转,就不一一介绍了。

不会做的话下载源文件看一下

原文地址:UI中

作者:幻想家