motion2插件实现的连线动效icon

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

用AE的motion2插件中rope功能实现的简单连线动效icon~

Image title

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

Image title

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

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

Image title

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

Image title

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

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

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

 收藏