android 融球效果图,加载动效制作（普及一些小常识）+刷人气^_^_html/css

表达式是大神的标配，熟练使用关键帧也可以棒棒哒！

一直想写个小教程来把自己在使用AE过程遇到的问题、怎么解决的过程表达出来，当问题被解决的那一刻，做的东东过关那一刻就有好激动有木有。。。

闲话少说直接上效果！

效果图

分析过程

用到了融球和拖尾的效果。融球效果是给调节图层加效果-扭曲-果冻效应修复和效果-遮罩-简单阻塞工具。

注：合成里不要有固态层，否则简单阻塞效果会失效，原因不详，欢迎大神你为我解答

果冻效应修复：摄像机在移动或者目标在移动，则果冻效应会导致图像扭曲，所以需要修复一下，数值一般50%左右

简单阻塞工具：融合效果的主力，数值根据你文件小球的大小可自动控制，我这里是10 扫尾效果用到了效果-扭曲-CC smear。

把cc smear效果加到(移动的小球)形状图层circle1上，然后给smear效果的from和to按住alt键点小闹表打上表达式，再把他们分别认circle1的位置为父级关系，按住拖到位置处；然后在cc smear to 那写入表达式：时间延迟的表达式 valueAtTime(time-0.2) 数值0.2是表示to比form慢0.2秒切记只在to上写一次表达式，否则from和to的距离都减0.2表示没减，因为我脑残的也在form上写了一遍，结果

制作过程

①新建合成1000x60。

②新建调节图层，添加果冻效应修复和简单阻塞工具

③直接双击新建形状图层，这样保证形状图层的圆心都在合成的中心，方便操作。然后修改大小、位置、原地复制图层circle1，并命名为circle1-1。

④给circle1图层加CC smear效果。

⑤对circle1-1图层加关键帧，他要实现的效果是在原地从无到有+最后的颜色变化。

⑥苦力工，重复③④⑤步骤，分别制作circle2、circle3等

⑦导出程序员师傅们需要的gif大小。由于我们在制作的时候制作的是需求尺寸的10倍，如果我们在ps里修改gif大小会出现虚边或者有暗黑色描边的渣图，那样还是前功尽弃，我们需要在AE里修改到需求尺寸，方法是选中所有图层右键预合成一下——再新建空物体，让预合成认空物体为父级关系，修改空物体的缩放比例

10%——然后修改合成设置改成100x60的大小——再导出视频——ps导出gif。完成

多一点真诚，少一点套路

声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理

android 融球效果图,加载动效制作（普及一些小常识）+刷人气^_^_html/css_WEB-ITnose...相关推荐

UI设计加载动效趋势|可以认真学习临摹的素材模板
什么是动效移动APP交互动效:包括那些能够为产品赋予生机的动态的界面元素及视觉效果,这些交互效果通常与特定的响应行为相关,甚至包括那些与交互行为没有直接关联的临时状态. 苹果官方文档的解读是这样的& ...
UI加载动效模板|优秀作品给UI设计师做个示范
加载动效是UI动效设计中最流行的类型之一.这也难怪,因为等待是我们每天线上和线下都可能遇到的烦人的事情.任何让等待变得没那么无聊的因素都是宝贵的--因为在与应用程序和网站进行交互时,加载总是首当其冲的 ...
加载动效素材模板|UI动效设计有哪些作用？
设计交互的时候往往都会以我们自己的思维出发,想着用户在执行完一个动作之后就会执行下一个动作,那么在这个动作之后会出现这个过渡,下一个动作之后会出现下一个过渡.可是现实完全不是这样,用户到底会不会按照我 ...
Android仿抖音加载框之两颗小球转动控件
Android仿抖音加载框之两颗小球转动控件本篇文章已授权微信公众号 hongyangAndroid(鸿洋)独家发布. 效果图安卓版抖音v2.5加载框: 本控件效果图: 使用方法源码地址:And ...
Android仿搜狗浏览器加载动画
Android仿搜狗浏览器加载动画周六,国庆放假调休,今天闲来无事,就看了下搜狗浏览器的加载动画.感觉结合前面学习的基础还是能做出来的,所以就简单的实现了下,然后写下这边博客给大家参考参考,权当巩固 ...
Android高效异步图片加载框架
概述 Android高效异步图片加载框架:一个高效的异步加载显示的图片加载框架,同时具备图片压缩,缓存机制等特性. 详细代码下载:http://www.demodashi.com/demo/1214 ...
arcgis for Android 100.1 在线加载天地图和谷歌地图
距离上一篇arcgis for Android 已经很久.其实年初的时候就测试了arcgis for Android 100.1版本.搜集网上各篇文章,最后自已测试代码.修改代码.这一篇来讲一下加载在 ...
Fresco本地加载【圆角，圆形，比例，渐进，加载动图】
导入依赖 implementation 'com.facebook.fresco:fresco:0.13.0'//fresco依赖implementation 'com.facebook.fresco ...
【Android】上拉加载更多，下拉刷新数据快速实现
项目需求在页面数据中,每次只显示一部分,当手指操作从下往上滑动时,进行请求加载更多数据,当从上往下滑动时,进行整个所有数据的刷新. 需求实现 1.引入依赖 //刷新implementation 'c ...

android 融球效果图,加载动效制作（普及一些小常识）+刷人气^_^_html/css_WEB-ITnose...

android 融球效果图,加载动效制作（普及一些小常识）+刷人气^_^_html/css_WEB-ITnose...相关推荐

最新文章

热门文章