014d515975a773a8012193a307cd07.gif

通过表达式语句实现延迟动画 首先我们先来认识一下这个语句“valueAtTime(t)”。下面是官方说明文档给出的定义： 返回类型：数值或数组。参数类型：t 是数值。返回属性在指定时间（以秒为单位）的值。 不难理解，其作用就是返回某一时刻的值。那么我们应该怎么运用他呢？ 我们可以在表达式库中随时调用它：

0193be5975a795a8012193a392577d.gif

当然只要你理解了“valueAtTime”，你还可以把它用在其他属性上面，如缩放，透明等等。如下图：

01a9ad5975a82fa8012193a3e9c2b0.gif

0106d05975a843a8012193a3072549.gif

  以同样的方法，再添加几个球并设置不同的延迟时间的效果如下：

0127685975a7e9a8012193a33f2ed7.gif

利用“空对象”达到随心所欲的链接 像上一篇文章提到的那样，直接的属性对属性链接，子图层会被“完全”到父图层，就想上面的演示，所有小球最终都会重叠在一起。 所有我还是利用一个“空对象”，把它的位置属性链接到目标图层的位置属性，之后再把要跟随的图层做个图层子父级链接到空物体上。如下图：

01ada75975a812a8012193a3a0fbbb.gif

01eefa5b9878b7a8012017ee39ee3d.gif

AE动效

01e40d5d6e48caa8012176d7d625ff.jpg

人像日记

01db575d0a0124a801213ec2d698f1.gif

670d0dcfb3089oloxcj46y1229.gif

AE小动效

015e1858a66993a801219c77f2da16.gif

AE小动画制作 

01e4e059984d730000002129d0051a.gif

UI动效

010dbf5d6e48cba801202f1720c812.jpg

就像上图一样，由于两个圆之间的距离更近，一般我们首先看到的就是3组圆而不是6个独立的小圆。&lt;br&gt;&lt;br&gt;

66f556f2cbb3cpnxfvhky99857.png

如何图文布局-小细节定视觉

所有蓝色小球都是链接紫色小球，完全重复紫色小球的动画，因此你可以随时随地的改变紫色小球的动画；想改变延迟时间，只需valueAtTime(time-x),x是你想要的延迟的时间，单位为秒。 这样就可以一劳永逸啦！如下图：

014aa65975a7fca8012193a3833198.gif

012db35d6e48caa8012176d7af4d29.jpg

013bbd607e3dd211013e87f4991e61.gif

01c3995d6e48caa801202f171f823e.jpg

01fae55860809fa8012060c8c58a09.gif

GIF小动效

0102bd5e709496a80120a89571daaa.png

视线

01c7305963454da8012193a379ac1b.gif

『不定时更新』动态设计练习

01c7d35e881664a80120a895914d03.gif

渐变 loading动效

观察上图我们会发现有2种圆，而不是15个圆。这是因为我们的眼睛很容易关注那些外表相近的物体归为一组。

66f55752a506e2q4eb4uyp4955.png

0195425be00abfa80121ab5d980545.gif

AE小动画练习

01eb4a5cce8ffda8012141680de80c.gif

作品集

0177445aae73f6a80121246d870028.gif

小动效练习稿

017ngzxkifpmw5ocpxrzct3136.gif

ae动效

C4D第一波作业：吹泡泡字、旋转小球MG动画

017a645a2bf899a801216e8d33ecd7.gif

01cc3e57a431f00000012e7ef25440.gif

一起学-AE动效④

01ucia6iy9mzexggc1vspb3234.gif

动效作品