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

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

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

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

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


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


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

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


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

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

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

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


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

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

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


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


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

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

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

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

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

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

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


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

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


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

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

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


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


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

时间: 2024-09-17 04:41:24

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

Photoshop快速制作一个剔透的玉石图标

  Photoshop快速制作一个剔透的玉石图标.制作玉石材质最重要是色泽与光感,色泽要圆润,光感要通透,所以高光部分是不可或缺的,同时也要注意体现背光的区域以及阴影的处理,这样结合起来就能充分的表现出玉石的光泽,而且立体感十足. 最终效果 1.首先,新建一个画布,并将背景色设为#aaab9e;再用椭圆形形状工具,通过布尔运算构建出如上图所示的圆环图形,并将圆环颜色设为#e2e9d3. 2.双击圆环图层,弹出图层样式窗口,然后对图层样式进行编辑,我们会用到"斜面和浮雕.等高线.内阴影.投影&qu

Photoshop快速制作一个有渐层颜色覆盖的背景教程

给各位photoshop软件的使用者们来详细的解析分享一下快速制作一个有渐层颜色覆盖的背景的教程. 教程分享: 影像/背景处理   Sketch3当中我们能做的图像处理其实只有寥寥四项可以调整,分别是: Hue(色相) Saturation(饱和度) Brightness(亮度) Contrast(对比) 不要问我它们是干嘛的,不然这篇就会变成写给非摄影师的-基本修图,请用 Google 搜寻这四个关键词来建立一些基本认识喔.废话不多说,首先我们就来试试看如何利用上方的影像来制作出一个有渐层颜色

photoshop利用图层样式快速制作一个剔透玉石挂坠图标教程

给各位photoshop软件的使用者们来详细的解析分享一下利用图层样式快速制作一个剔透玉石挂坠图标的教程. 教程分享: 1.首先,新建一个画布,并将背景色设为#aaab9e;再用椭圆形形状工具,通过布尔运算构建出如上图所示的圆环图形,并将圆环颜色设为#e2e9d3.   2.双击圆环图层,弹出图层样式窗口,然后对图层样式进行编辑,我们会用到"斜面和浮雕.等高线.内阴影.投影"几个属性,他们分别的数值如下.           3.接下来,我们来制造一些玉石的自然纹理,另外新建一个画布(

如何用c#来制作一个activeX控件或类似的东西

active|activex|控件 Q cat: 操作系统: 2000/xp 编程工具: vs.net 2003 /c# 问题: 我想制作一个activeX控件或类似的东西,有用户界面的,然后想在ie中使用,通过Vbscript与其进行数据交换,在以前好像可以使用vb就能做到,但是现在是vs.net 2003企业版,好像已经进化了,activeX成了老的技术,那vs.net如何解决这种类似的问题?如果要使用c#来编程的话,具体如何操作?还要有界面. A回答: 在C#中和ActiveX控件对应的是

PS教你用色板快速制作一个多彩马赛克特效

  原图: 临摹效果: 开整!新建一个600px*800px的文件. 底下的彩色格子要一个个画吗?我可不干这傻事!我的第六感告诉我,我以前在PS里看到过相似的东西--没错,就是色板~ 将色板截图,BTW这是一个扁平化配色色板 然后置入,按住shift拉伸至铺满画布. 滤镜–马赛克 色彩有点暗淡,加点饱和度(也可以最终做好之后再调色) 抄起油漆桶!往一些格子里倒白漆~ 接下来开始做明暗纹理,完全用图层样式即可. 新建图层,画一个和马赛克等大的选框,填充任意颜色,(强迫症患者表示只有填充黑色才舒服(

Photoshop滤镜快速制作一个足球

  首先看看最终效果: 分解制作步骤: 第一步:打开Photoshop软件,新建一个文件,填充背景色,这里没作要求.         第二步:选择"多边形工具"这里我们需要的是6边形,新建一个图层,如图绘制一个图形,接着我们继续绘制,(这里绘制一个图形就新建一个图层,为了方便修改!得到如图效果 第三步:这里我们的图层比较多,将这里的图层进行合并,变成一个图层.然后我们复制图层,然后移动,复制图层,直到填充满背景图,如图效果 第四步:将形状图层全部合并一个图层,选择椭圆工具绘制一个圆,执

如何用PS快速制作立体感极强的多边形人像

  多边形人像非常流行,制作过程不难,不过要做好还是要花费一定功夫的. 过程:先选好人像图片,最好是高清大图;然后新建一个图层,用钢笔或套索工具由头部开始勾多边形选区,并填充中间区域的颜色;五官等细节区域多边形跨度不要太大,避免影响细节;多边形都勾好后,还需不断调整,使整体效果看上去非常自然;最后增加一些装饰元素和文字即可. 原图 最终效果 1.铺好场地: 首先,建立一个竖版的文件(文件大小根据需要自行决定,建议300dpi);并将要用到的照片置入到文件中;新建图层1(用来勾画多边形) . 2.

PS如何快速制作一个断点描边的可爱表情

1.ctrl+N新建800*600的画布,背景色选白色,名称为描边风格小图标,注意分辨率为72 2.画一个300*300的圆形,填充颜色为#ffdb00,描边为12像素的#000000的黑色描边.注意这里描边的风格应该选居中描边 3.然后我们ctrl+j复制圆形图层,并分别命名为小太阳描边和小太阳填充.并将小太阳填充的图层关闭,将小太阳描边图层的填充去掉,只留下描边. 4.我们用直接选择工具(小白)选中描边,这时会出现锚点和路径的线,然后我们用钢笔工具这一栏里的添加锚点工具,给描边添加6个锚点.

如何快速制作全家福?

  如何快速制作全家福?现在,不少人都想自己制作全家福照片,想把全家福照片修的漂亮一点.那么,如何快速制作全家福?今天,小编就来个你打架分享彩影合成全家福教程. 首先,我们找来3张原图,它们是2张家庭合照,还有一张花朵的素材图(如图1). 彩影合成全家福 1.启动彩影,双击界面中央的编辑区即可打开需要的图片(如图2),我们可以一次性选择3张原图导入,因为彩影支持强大的多图同时编辑模式! 彩影合成全家福 2.如何把这几张图进行完美的照片合成呢?首先,我们可以新建一个拼贴画板,然后把图片都放到这个画