飞特网

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

AE基础动效快速入门教程

beta发布于:2019-1-8 10:58 |原作者: EricD_w
简介: 一个合格的UI设计师,动效必须会做。动效有啥用?让你的老板,团队,甚至客户,在产品未上线前知道它是怎么玩的,促进感情,友好沟通必备神技能。当然,用来装装B也很好。。 AE做动效,说实话 很方便,其实也对AE是大才小用了。 ... ... ... ...
飞特网赞助商广告

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

一个合格的UI设计师,动效必须会做。动效有啥用?让你的老板,团队,甚至客户,在产品未上线前知道它是怎么玩的,促进感情,友好沟通必备神技能。当然,用来装装B也很好。。

AE做动效,说实话 很方便,其实也对AE是大才小用了。

UI动效总结起来无非4种常态:位移、擦除、旋转、缩放

万法不离其宗,掌握了上面4种基础常态,做出其他吊炸天的效果只是知识补充和时间的问题了。

言归正传:

还没有用过AE的同学,它打开以后是下面这个样子的(方便大家阅读,我把窗口缩小了,重要窗口,已经标出):

AE基础动效快速入门教程 飞特网 AE实例教程

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

我们用AE做UI动效前,需要在PS里面做好图形,这章主要介绍的是基础动效,所以我只画了简单的图形用来展示效果,看下面:

AE基础动效快速入门教程 飞特网 AE实例教程

切记,需要做动效的图层一定要单独画,不能合并。还有最好把需要做动效的图层转换为"智能对象"或者保持形状图层,并且根据动效类型做好命名:

AE基础动效快速入门教程 飞特网 AE实例教程

那么,如何把PSD导入到AE呢?看图吧:

AE基础动效快速入门教程 飞特网 AE实例教程

选择导入后,会弹出一个窗口:

AE基础动效快速入门教程 飞特网 AE实例教程

具体详细的介绍,可以看我之前录制的AE基础视频,里面有很详细的介绍和选择的注意事项,我就不罗嗦了,获取方式在文章末尾。

在这里,我们选择 合成 - 可编辑的图层样式 - 确定

导入后,我们在"项目"窗口下方会看到我们导入的资源,双击类型为"合成"的文件,打开时间轴,这样我们就可以开始做动效啦,duang~

AE基础动效快速入门教程 飞特网 AE实例教程

时间轴展开是这个样子滴:

12下一页
4

好评

差评

刚表态过的朋友 (4 人)

最新评论

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

上传作业

本周热点文章

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