美文网首页UI·交互设计
UI动效-水波纹的动效

UI动效-水波纹的动效

作者: 风儿追跑了我 | 来源:发表于2018-11-25 21:55 被阅读0次

    水波纹动效,AE或者ps都可以制作,这里才用了AE,因为ae做起来方便一点

    之前一直想做这个效果,但是没有理解透,通过菜心设计铺解说,我觉得一下子顿悟了

    他说:做一个循环动效最关键的一点,就是开始和结束的状态是一摸一样的:

    只要你记住这个点,再结合实际操作,就可以想起来怎么做了。

    生活中运用到地方还是挺多的,比如太阳扩散雷达等等。。。

    老师的这个链接有展示效果,大家可以看看 https://www.jianshu.com/p/8372fe9e68cf

    我只是说下具体做法,希望跟我一样笨的人可以学会。

    1.新建-形状图层-画一个椭圆

    选中-形状图层-按command+d,复制3次,等到下面4个图层

    2.分析变化-形状大小变化+透明度变化

    分析发现只有形状大小变化以及透明度变化,所以我们先来调节形状大小变化

    点击每个图层的缩放属性,按快捷键s。在时间轴的另外一处打上关键帧

    图层1是最外面1层,缩放没有变化,唯独变化的是透明度,这个暂时可以不管它

    图层2是形状图层2,大小需要由原来的形状图层2的大小,变化到形状图层1

    上面是以此类推,我截图给你们看看,这是在第一帧时候的透明度和位置的变化,只需要改变这2个属性哦

    时间轴另外一端的变化

    不懂的话,可以按这个参数试试,就可以得到效果~

    相关文章

      网友评论

        本文标题:UI动效-水波纹的动效

        本文链接:https://www.haomeiwen.com/subject/okhmqqtx.html