积分充值 购买VIP 帮助中心

飞特网

  • 飞特网官方微博
  • 飞特网微信公众号
飞特网赞助商广告

AI和AE制作点击动效&刷新动效

飘影发布于:2018-12-10 10:31 |原作者: 韶华流逝
简介: 这一期给大家来一份,金币的点击动效和下拉刷新动效,请放心食用!,
飞特网赞助商广告

版权申明:本文出自“韶华流逝”原创,感谢“韶华流逝”的原创教程分享!

制作工具:AI(Illustrator)、AE
效果适用场景:App、小程序、网页等一些其他的场景

这期的插件可以使UI做的AE动画直接导出Josn文件供开发使用(自写的插件安装教程,你们可以下载安装试试看哦)!超级便利!

如果有没有看懂的,大家可以留言,我再给大家解答

给大家的话:设计是个需要耐心的客人,要好好的服侍!

老规矩:先上动效图,(手指人的动图导出的GIF有红色的边,,有点奇怪)

FEVTE编注:更多After Effects特效教程学习交流和After Effects作品发布请访问飞特网After Effects特效教程栏目,地址:http://www.fevte.com/moive/AE/AE_texiaojiaocheng/

今天就来个手指人的刷新动效!金币点击的动效,你们可以自己尝试一下,我会把源文件放在里面;开整:

  1. 先新建画布(画布随意),在AI里面把所需的元素画好。眼睛可以用路径描边或者布尔运算来实现,其他的就是一些圆角矩形和圆形堆叠而成的,没什么难度!

2.接下来就是把AI文件导入AE里面;这里要注意、注意、再注意,这几步的操作超级重要

·打开AI文件的图层界面,打击可以看到所有图层全部置于在一个层里面的,现在执行"释放到图层顺序",然后每个图层前面的颜色都是五颜六色的了,那就成功了

·释放完毕啊之后把里面的所有图层拖到顶层,然后把每个图层命名一下,不然等会放到AE里面你都找不到

现在打开AE

·新建500*500的画布,时间调整为两秒(00:02:00);要是新建成功后,想再次更改画布的属性以及时间,可用Ctrl+K即再次调整

.右击项目栏中的素材一栏的空白处,导入单个文件或者点击顶部的文件按钮——导入文件即可;

·导入文件的时候选择导入为——合成-保持图层大小(这一步很重要,不然导进去就是一个图层文件)


1234下一页
2

好评

差评

刚表态过的朋友 (2 人)

飘影
上海市 长宁区 
+ 关注 私信
  • 三分钟快速把矢量形状制作成立体实物质感小教程
  • AI制作Q版渐变文字效果教程
  • AI和AE制作点击动效&刷新动效

最新评论

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

设计,从飞特开始
关于飞特|广告服务|付款方式|友情链接|网站地图|联系我们|加入我们|举报|飞特网旧版| 飞特网