用 AE 实现 Twitter 点赞动效-教程-UICN用户体验设计平台

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

查看全部热门榜单

全部

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

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

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

立即反馈

QQ群反馈

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

群号：302892100

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

提交需求

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

0/20

0/200

设计大赛

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

取消发送需求

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

我知道了

普通推荐

用 AE 实现 Twitter 点赞动效

0.0°

2017-02-16 原创文章 教程举报 12400 77 107 13

Puddinnnng 关注

网上很多人用 CSS 来实现这个动效。

但我不会呀( ˘•ω•˘ )

于是我用 AE 还原了这个动效，并录制了本教程（9分钟的视频，录制编辑了4个小时。。），文末可下载项目文件，欢迎大家一起切磋更好的实现方式～

先简单介绍如何在 AI 中画出心形路径，动画的实现方式请看视频～

1 新建800*800的画布，先大致画出心形的一半。

Image title 2 使用转换锚点工具(Shift+C)和直接选择工具(A)调整形状。

Image title

3 双击镜像工具，按住 Alt 键点击下图位置调整对称中心点。设置如图，点击复制，得到心形的另一半。

Image title

4 选择两个连接处的锚点，将它们连接起来（⌘+J），成为一个完整路径。

Image title

在复制路径到 AE 前，确定你的首选项设置如下图。

Image title

你这么好看，点个赞再走呗～

Image title

更新：2017-02-16

107

下载

77人已收藏

Puddinnnng

31

作品
875

粉丝
54

关注

猜你喜欢

2017-02-16 原创文章 教程举报 12400 77 107 13

用 AE 实现 Twitter 点赞动效

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2017年02月16日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得