motion2插件实现的连线动效icon-教程-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

motion2插件实现的连线动效icon

0.0°

2019-04-16 原创文章 教程举报 4305 64 26 4

幻想家关注

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

Image title

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

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

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

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

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

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

❤️如果觉得有帮助的话就点个赞再走啊❤️

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

更新：2019-04-16

下载

64人已收藏

幻想家

梦里走了很多路，醒来依旧在床上

19

作品
430

粉丝
21

关注

猜你喜欢

2019-04-16 原创文章 教程举报 4305 64 26 4

motion2插件实现的连线动效icon

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2019年04月14日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得