小雨点

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

Image title

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

Image title

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

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

Image title

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

Image title

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

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

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

 

原文地址:UI中国

作者:幻想家

 

转载请注明:学UI网 » motion2插件实现的连线动效icon

登录收藏
 
你可能喜欢的:
图标动效教程 - 双圆融球滚动加载动效图标动效教程 – 双圆融球滚动加载动效
图标动效教程 - 考拉裂变加载动效图标动效教程 – 考拉裂变加载动效
【AE】5分钟创作惊艳的颜料风格艺术【AE】5分钟创作惊艳的颜料风格艺术
图标动效教程 - 基础加载动效图标动效教程 – 基础加载动效
掌握这些AE小技巧让你快速成为时间刺客掌握这些AE小技巧让你快速成为时间刺客
图标动效教程 - 基础下载动效图标动效教程 – 基础下载动效
动效教程 | 5 分钟快速做个弹跳加载小动画动效教程 | 5 分钟快速做个弹跳加载小动画
一次动态闪屏项目中用到的7个AE实用技巧一次动态闪屏项目中用到的7个AE实用技巧
追波交互动效合集(四)追波交互动效合集(四)
追波交互动效合集(三)追波交互动效合集(三)