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

mohican521

mohican521

2016-02-16 21:28

今天给大家分享的是由图老师小编精心为您推荐的如何用AE快速制作一个生动的小圆点,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

当我们用AE制作完Demo演示动画的时候,为了表明我们的手指的操作轨迹经常会引入一个小圆点。小圆点的绘制往往是我们制作Demo动画的最后一道工序,那么问题来了:面对早已做好的各个动画图层,各种位移,各种运动曲线。

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

如何用AE快速制作一个生动的小圆点,PS教程,图老师教程网

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

如何用AE快速制作一个生动的小圆点,PS教程,图老师教程网

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

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

如何用AE快速制作一个生动的小圆点,PS教程,图老师教程网

如何用AE快速制作一个生动的小圆点,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

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

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

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

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

如何用AE快速制作一个生动的小圆点,PS教程,图老师教程网

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

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

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

如何用AE快速制作一个生动的小圆点,PS教程,图老师教程网

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

如何用AE快速制作一个生动的小圆点,PS教程,图老师教程网

综上我们可以得出:当时间扭曲的速度100 时,小圆点的运动时间会向前推前。

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

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

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

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

如何用AE快速制作一个生动的小圆点,PS教程,图老师教程网

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

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

如何用AE快速制作一个生动的小圆点,PS教程,图老师教程网

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

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

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

如何用AE快速制作一个生动的小圆点,PS教程,图老师教程网

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

如何用AE快速制作一个生动的小圆点,PS教程,图老师教程网

 

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

如何用AE快速制作一个生动的小圆点,PS教程,图老师教程网

就是这么简单实用,即学即用的小圆点技巧,你学会了吗?

这些都是平时工作琢磨总结的一些小技巧,如果大家觉得有所帮助,那就点个赞吧!让我有动力分享更多好玩实用的内容。

展开更多 50%)
分享

猜你喜欢

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

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
如何用AE快速制作一个生动的小圆点

iPhone如何使用“小圆点”关机

iphone iPhone 5s iPhone 6 iphone刷机
iPhone如何使用“小圆点”关机

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

iPhone的小圆点怎么设置

iphone iPhone 5s iPhone 6 iphone刷机
iPhone的小圆点怎么设置

iphone小圆点设置方法

iphone iPhone 5s iPhone 6 iphone刷机
iphone小圆点设置方法

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

iPhone的小圆点在哪里设置?

iphone iPhone 5s iPhone 6 iphone刷机
iPhone的小圆点在哪里设置?

iPhone 5s“小圆点”有妙用

iphone iPhone 5s iPhone 6 iphone刷机
iPhone 5s“小圆点”有妙用

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

30款国外超实用的jQuery插件大合集

30款国外超实用的jQuery插件大合集

设计师如何设计优秀的网页引导页分享

设计师如何设计优秀的网页引导页分享
下拉加载更多内容 ↓