如何用AE快速制作一个生动的小圆点

当我们用AE制作完Demo演示动画的时候,为了表明我们的手指的操作轨迹经常会引入一个小圆点。

小圆点的绘制往往是我们制作Demo动画的最后一道工序,

那么问题来了:面对早已做好的各个动画图层,各种位移,各种运动曲线。

怎么绘制出“跟手”的小圆点呢?



首先你要先画个圆,根据你要模拟的手指位置做好关键帧动画,到目前为止一切都非常顺利,但是最头疼的是,你要做出“跟手”的小圆点,之前“引以为傲”的各种风骚运动曲线现在变成了各种“坑”。好吧,硬着头皮花点时间。。。。



辛辛苦苦终于把小圆点对上了,输出。。。此时你要祈祷不要返工,不然只能重头折腾了。

有点AE基础的同学可能会觉得上面的办法太过简单粗暴了,直接对小圆点和目标图层做个子父级链接不就万事大吉了吗?



这种办法可以做到两个图层完全“同步”,可是问题又来了?跟手是跟手了,但是这样的动画给人非常呆板,机械感觉。

显然完全同步的动画不是我们想要的,如果能稍微加点滞后感,延迟感,就像我们现实生活中操作手机那样,有没有呢?

怎么绘制出“跟手”且“生动”的小圆点?

第一步还是要将小圆点作为目标图层的子级,然后我要介绍一个神奇的家伙“时间扭曲”(效果>时间>时间扭曲)



提示:时间扭曲效果只能作用于形状图层,位图图层貌似不起作用?

对小圆点图层添加了“时间扭曲”效果后,面板中其他参数我们可以保持默认,重点关注“速度”参数。

我们把“速度”参数设为100,此时我们可以看到小圆点和目标图层处于完全同步的效果。



如下图我们把“速度”参数分别设为:98、100、103



综上我们可以得出:当时间扭曲的“速度”<100 时,小圆点的运动时间会向后延迟;速度>100 时,小圆点的运动时间会向前推前。

所以我一般都会把速度设成>100 (101或102)来模拟手指操作屏幕的那种微妙的滞后。

是不是很轻松的就完成了我们预期的“跟手”和“生动”。

而且用这种方法实现的好处有:

1.小圆点位置我可以随时改动;

2.小圆点延迟速度我可以随时改变;

3.完全不需要考虑小圆点的动画路径和动画曲线,目标图层怎么动小圆点就怎么动。



上图为“速度”设为101时,可以模拟出逼真的手指操作屏幕的效果。

但问题又来了,当我直接用子父级链接图层时,小圆点的位置属性被链接的同时,缩放,旋转等属性也同样被链接了,如下图所示。(透明度不会被链接)



要解决这种“限制”我们还可以这样玩:

我们可以加入一个“空对象”图层来充当小圆点和目标图层的“桥梁”。

新建一个空对象并选中它,点击“P”,调出位置属性;然后按住ALT+鼠标左键(下图笔误)键单击位置属性的关键帧砝码图标,如下图:



位置属性下方会弹出一行表达式菜单,同样有一个父级链接的图标,此时我们点击位置属性表达式的父级图标拖动到目标图层的位置属性,松开鼠标,空图层的位置属性就会和目标图层的位置属性链接上了。然后我们再将小圆点图层父级到空对象图层,这样我们就突破了用图层父级去链接图层的那种“完全”链接了,如下图所示。(这里我不直接用小圆点的位置属性去链接目标图层,大家可以试试为什么我不直接这样做)



完成到这步,我们就不用担心目标图层的缩放,旋转属性会对小圆点产生影响了,我可以做出更多变化,如下图对目标图层加了一个旋转的关键帧动画:

(0)

相关推荐

  • 如何用PS快速制作一个印章?

    印章居然可以用ps做出来!这样的话我就可以做出任何漂亮的印章出来,今天就让小编使用PS快速制作一个逼真的印章吧! 操作方法 01 利用直排文本工具在画布当中拖出一个方框,先选中合适的字体和字号,在方框 ...

  • 使用ae快速制作火焰字特效的方法

    小编致力于为大家奉献最有效的,让大家能够解决掉问题,但是大家也都知道,每个人遇到的情况都是不一样的,大家在看小编的同时,除了跟随操作,也需要自己的思考,举一反三的解决问题,这样才会变得更加有内涵,成为 ...

  • AE简单制作一个书签

    今天为大家分享AE简单制作一个书签方法,方法很简单,适合新手来学习,推荐过来,一起来学习吧! 我们首先看一下效果图. 现在我们开始制作,首先建立一个新的合成,设置如图. 新建立一个文本字,在键盘F11 ...

  • 如何使用PS快速制作一个磨砂背景?

    有时出于制图的需要,需要快速制作一个合适的背景图. 操作方法 01 新建一个新的文档(大小可以自定义),然后新建一个图层. 02 设置前景色于背景色,参数如下图(图1为前景色:图2为背景色) 03 给 ...

  • 如何用Adobe AI快速制作一个矢量表格

    表格工作中使用频率非常高的工具.平时我们制作表格主要是使用办公软件,如excel.word等等.但是有时候我们需要作为印刷的时候,这些表格很难导出作为印刷使用,特别是一些比较大的印刷环境.今天就教大家 ...

  • ae怎么制作一个文字描边的动画?

    ae中想要制作一个文字描边的动画,该怎么制作这个动画呢?下面我们就来看看详细的教程. 1.首先我们打开ae软件. 2.新建一个合成.合成的参数,如图所示. 3.我们使用文字工具在画布中输入文字内容. ...

  • ae怎么制作一个文字翻转特效的动画?

    ae中想要制作一个文字翻转的动画效果,该怎么制作这个效果呢?下面我们就来看看详细的教程. 一.翻转文本 1.打开AE新建项目并新建合成,设置合成的名称为翻转文本特效,合成的大小为1920*1080,合 ...

  • ae怎么制作一个数字不断变化的动画?

    ae中想要制作一个不断变换的数字,该怎么制作呢?下面我们就来看看详细的教程. 1.新建一个合成:快捷键ctrl+n: 2.点击文字工具:输入数字: 3.点击文字小三角——动画——字符位移: 4.点击激 ...

  • AE怎么制作一个电池充电加载的动画效果?

    给手机充电的时候,我们经常能见到电池慢慢充满的动画,想要使用ae制作一个电池充电加载的动画效果,该怎么制作呢?下面我们就来看看详细的教程. 1.打开AE,新建合成(CTRL+N),命名,填写好对应的参 ...