解析一下这个做动效的软件用AE怎么做

来源：蜘蛛抓取(WebSpider) 时间：2018-05-25 17:13 标签： ai怎么做线条波动效果
AE做UI动效教程哪里有？ - 知乎89被浏览<strong class="NumberBoard-itemValue" title="分享邀请回答0添加评论分享收藏感谢收起33 条评论分享收藏感谢收起如何用AE制作简单的UI动效教程_图文_百度文库
赠送免券下载特权
10W篇文档免费专享
部分付费文档8折起
每天抽奖多种福利
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
如何用AE制作简单的UI动效教程
&&在Dribbble和Behance上,你们可能见过很多用Gif来表达设计理念的UI作品。很多人都想知道怎么来制作,怎样更好、更高效的表达自己的理念。很明显,动态的展现比静态的更形象,在这片文章中,我将教大家如何“动态化”自己的设计作品。
阅读已结束，下载本文需要
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，同时保存到云知识，更方便管理
&#xe64e;加入VIP
还剩21页未读，
定制HR最喜欢的简历
你可能喜欢一个小目标，了解一下做动效为什么要用AE
做了这么久有创意的东西，你有没有想过为什么还是AE用的最广泛呢？
　　今天咱们来讨论一下重要的点，虽然小目标的点用炸了，刚刚一天，那么我还是想来凑一下热闹因为并没有很好玩的点，　　如果你想成为一个年薪20万的UI设计师那么需要一个可以实现的小目标　　比方说，你先来天津诚筑说看一看。（咳咳咳）　　这个目标是不是很小，相对于一个亿是不是很好实现。　　今天来给大家普及一个很重要的知识点，　　你们有没有过这个疑问，为什么就要用AE来做动效呢，他不是一个后期的处理软件么，　　如果说你默默的认为这是一个类似于修图为什么用Photoshop的问题的话，我也不知道怎么回答你。因为　　那么怎么跟你们解释这件事情呢，从AE的三次爆发来给你们讲吧　　1.DV的发展引起了整个行业的普及，95年索尼发布第一台DV（那个时候我还很小~）但是第一个通常都不是很好，到了04年索尼新推出的DV有了 分辨率，之后的两年内，DV迅速的走进了人们的生活，各种生活短片的诞生，有成为导演欲望的同学们可能就是那个时候爆发的萌芽。那么有了短片，自然而然的我们就需要剪辑。然后就成就了一个人---李涛中国AE第一人就不在非重点的地方多废话了，如果你想了解他的话几几去百度　　2.灰常灰常有影响力的一个时间段，（当然那个时候我还什么都不懂，如果你老了你可能正好赶上这个时代，暴露年龄的时间到了）4399小游戏，是中国最早的在线小游戏平台，然而我要说的重点是页游也就是并没有什么游戏体验感的用鼠标点点点下一步的那种你懂得。举个大点的例子《凡人修真》　　（对就是这个大美女，然而我并没有玩儿过，想找到点点点的游戏截图BUT没找到）　　其实这些传说中的2D页游都是用AE做的，不得不说4399真的很厉害，5000人同时在做游戏开发，当然都是用AE拼成的序列帧。此为AE的第二次爆发　　3.那么重点来了。（终于我长大了）智能手机的时代，互联网的时代到来，让手机APP崛起，AE的第三次爆发点广泛的应用于各种app加载界面中。UI设计包括动效交互，使得人们有更好的使用体验，想让你的app下载量上升请远离转呀转　　以上　　（酷酷的酷酷的说以上~）
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
Ctrl+Enter
你的打赏就是我的动力！
悄悄说，听说打赏的人收入都比我高，不信你试试。
注: 打赏金额随意，完成后，请手动关闭本窗口。
Ctrl+Enter
您将要删除您的大作
一个小目标，了解一下做动效为什么要用AE
在她入驻到UI中国的日子里
总共吸引了2206位设计师的驻足流连
总共收获了9位设计师的由衷赞赏
总共获得了1位设计师的悉心珍藏
总共引起了4位设计师的深入讨论
依然要删除吗？这个动效用AE可以做吗？用什么软件做比较简单？_百度知道
这个动效用AE可以做吗？用什么软件做比较简单？
我有更好的答案
AE可以做，ps也可以做。如果是网页上，直接用代码就可以实现的。
采纳率：64%
为您推荐：
其他类似问题
&#xe675;换一换
回答问题，赢新手礼包&#xe6b9;
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。AE能做的动效，都能在App中实现了？
我们总是能在dribble等网站看到一大堆酷炫吊炸天的动效。而在现实的App中却很难看到。除了它们都有些过度设计的倾向之外，最后没有在App上出现的很大一个原因是因为做不出来。现在很多小公司的实际情况是，你能想出100种动效方案，工程师就能给你说出101种做不出来的原因。至于这101种做不出来的原因里，一大部分原因是动效真的很难写。为了写个动效，用上几百行代码也是常有的事。如果你还不说清楚动效的具体原理，直接扔个视频给工程师，然他看着办。那么就是写出来了，十有八九也不是你想要的效果。弄到最后只能用GIF，而GIF对使用的场景又有着极大的限制。 图片来自:https://dribbble.com/shots/3281246-Airplane-Animation如上面的飞机尾焰，是整个设计的最大亮点。如果你是用了AE里内置的一些特效做出来的，也就是说你也不能很清楚的描述飞机尾焰产生的具体原理，那你在和工程师沟通时会显得特别困难，毕竟你总不能让工程师在开发的时候调用AE里面的功能吧。一年前，Airbnb着手准备解决这个动效做不出来的难题。现在他们给出的解决方案是Lottie，并已将它开源。Airbnb是这么介绍Lottie的：Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.大概意思就是说它是一个第三方library，可以实时渲染After Effect里做出来的动画，用起来就像调用切图一样方便。这里可能会有一个误区，它并不是直接将AE里的动画转换成iOS或者Android的代码，然后工程师直接复制进去就可以了。 动画转换原理以iOS为例，首先你需要通过第三方AE插件Bodymovin将你的动画导出成JSON格式的数据，然后再在iOS开发的时候使用Lottiet将JSON格式的数据转换成原生动画。下面就举一个具体的列子来说明下如何使用Lottie。 首先我在AE里面做了这样一个动画。第一步使用Bodymovin，将动画转换成JSON格式的。这个AE插件其实是为了将动画转成Web格式的，转好以后其实已经可以放到Web上去了。 导出的JSON文件我们的目标是让动画在原生的环境下播放，这个时候就该Lottie出场了。————-以下内容会出现少量代码，会感到不适者可快速通过—————-首先在你原有的iOS项目里面加入Lottie，同时将你之前导出的JSON文件也加进去。然后在自己的项目里import Lottie 。接下来只需要创建一个LOTAnimationView就可行了，你可以简单将它理解为是一个放图片的容器，正常情况下我们使用的是一个imageView作为容器，并将设计师提供的切图放在里面。而这个LOTAnimationView里面放的则是我之前导出的动画。let animationView = LOTAnimationView.animationNamed(“demo")上面的”demo”就是AE里导出的JSON文件的名字，接下来只需调用一下播放就能开始播放动画了。animationView?.play————-代码部分结束，可以睁眼了—————-iOS下运行的效果可以看到这个动画和AE里的有些区别，最后炸开的效果没有了。炸开的效果我是用Repeater做的，实际上只是做了一个，其它的都是重复这一个的效果。显然Lottie并不支持Repeater。Airbnb说他们会尽量让Lottie支持更多AE里面的功能（想了解支持的AE里的功能可以看这里：https://github.com/airbnb/lottie-ios）。虽然现在并不能做到只要你能在AE里做出来的，就能转成原生动画，不过个人认为，现在支持的功能也够用了。既然最后炸开的效果不能用Repeater做了，那就老老实实自己一个个复制出来后再调整。调整好后重新导出JSON文件，放到iOS项目里，这次就可以正常播放了。那么Lottie到底支持对动画进行哪些操作呢。我暂时还没有在官网找到详细的API说明，根据我实际的试用和一些介绍，大致找到了这些主要功能:play/pause暂停/播放。resize缩放。因为整个图都是根据代码生成的，所以不存在放大失真的问题，可以任意缩放。并支持aspectFit, aspectFill scaleFill缩放模式。loop循环，可以让动画循环播放。Duration动画时长，对的，即使AE里导出的文件已经包含时长了，但是你还是可以通过代码重新调整时长。speed up/slowed down加速/减速可以控制动画的播放速度。Progress动画进度，数值为0-1，这个相当于是动画的进度条，你可以通过手势等一系列方式来控制动画的进度。 Lottie主要功能通过试用，大概可以把Lottie理解为一个动画播放器。和我们常用播放器一样，你可以播放，快进，拖动进度条等。而从AE里面导出来的JSON文件就是播放的内容。了解了上面这些东西，就可以分析一下Lottie的使用场景了。尽管Lottie提供了很多种控制方式，但是却不能改变播放的内容。回到文章开头的飞行动效，能否使用Lottie来实现呢？答案似乎是否决的，即使可实现Calgary到Moscow这条飞行路线，一旦换一下地点，Lottie就无能为力了，毕竟动画的内容里只有这一条路线。总结:Lottie能让AE里的动画在原生环境下播放，同时还支持对动画的一些交互，大大地节省了开发的时间。即使它并不支持AE里所有的功能，但是对于App的动效来说也是足够用了。Lottie并不支持修改动画里面的内容，对于内容会变化的动效，Lottie并不适用。Lottie最合适的使用场景是做动态图标，引导页面等内容相对独立的动效。本文作者：董浩龙（点融黑帮），来自点融设计中心（DDC），是一名交互设计师，现在主要在做动效和原型，有空会学习一下代码，了解页面实现的原理。
（来源：www.yidianzixun.com，如对本网转载内容、版权有异议，请联系我们: ）
安卓网官方微信
微信号 Hiapk2013
这里有最无节操的小编和最鲜辣的资讯！
手机扫描二维码访问

我要回帖

更多关于 ai怎么做线条波动效果 的文章

 

随机推荐