PPT教程临摹手绘简笔画的线条轨迹

这周我们继续来玩一个有趣的动画:还原手绘路径,这种效果其实还挺常见的,至少在PPT的世界中你应该不陌生。

首先要说一下如果可以搭配更好或更复杂的简笔画,那效果肯定会更丰富。但公子属于比较手残的类型,做几个简单的示范,主要还是给你们分享这个原理!

以上这几幅还是公子比对着icon画的,你们能理解我的意思就好,甚是心累啊......那如果你们喜欢这种手绘路径的动画,就开始今天的showtime吧!

这次我们换个逻辑顺序,先来揭秘!不知道你们心中是如何拆解的,有没有把它想的过于复杂。

其实我一共只用到了三个动画效果:

分别是轮子(进入动画)、陀螺旋(强调动画)、基本旋转(退出动画)

但这三个动画的核心一定是“轮子”,那就先来看一下进入动画中的“轮子”是怎样的效果:

它的呈现方式特别简单:从该对象12点钟方向开始顺时针出现。

另外注意一下,接下来我只用到“轮子”中的“一轮辐图案”,也就是默认效果,不需要再做更改。

01.

从任意起点开始出现(落笔)

前面我们已经说过了,进入动画中的“轮子”效果比较“古板”,只能从该对象的12点钟方向开始。

那在实际应用中,肯定是非常受局限的,笔迹路径也不能都从一个固定的方向开始

那该如何改变起点的位置呢,比如:

我们先确定一个新的起点位置,然后旋转对象,让新起点成为它的“12点”。

这时候我们再添加“轮子”动画,起点就自然而然被改变了,对吗!

但不幸的是原图形也被改变了,横向圆角矩形变成了竖向,那该如何处理呢?

接下来是重点,敲黑板!我们要借用一个强调动画“陀螺旋”:

为了让新起点对准12点钟的方向,原图形顺时针旋转了90°。那要让它转回去,自然是要逆时针90°!

持续时间0.01是为了让“陀螺旋”的执行不被我们肉眼所见。

也就是说在动画的一开始,因为有“看不到”的“陀螺旋”效果存在,该对象出现时就被逆时针转了90°!

两个动画同时执行,这样我们就做到了更改“轮子”的起点位置。

原理应该不难理解:旋转N°使新起点对准12点,为了复原加一个同时执行又不被“发现”的反方向N°“陀螺旋”。

所以在公子制作的这三页示范中,每个图形笔迹出现的位置都是经过调整的!

02.

改变绘画方向(逆时针)

虽然我们已经可以做到任意确定笔迹的起点位置,但还有一个关键问题没有解决,那就是方向!

因为如果要利用“轮子”,它只能是顺时针出现,这依然是个“困境”,是否有办法解决呢,当然!

我们先来了解我所用到的最后一个动画,退出中的“基本旋转”:

仔细看一下执行过程,你会发现它是让对象完全翻转了两次半然后消失!

公子特意改变了圆角矩形一侧的颜色,看上去会更明显一些。

还记得上一个教程中我提到的重复参数吗,基本动画的重复次数默认为无,也就是1。

那如果把这个“基本旋转”的重复次数设置为0.4,你能猜到会是什么效果吗?

没错,结果当然是只翻转了一次!

那我们先记住这个点,当退出动画中的“基本旋转”重复次数为0.4的时候,该对象只翻转一次。

下面我们来处理这个只加了轮子动画的图形,这次公子是把上半部分改了颜色(后面你们会发现原因的)

终极要求是:改变起点位置,并使其逆时针出现。

首先解决新起点,前面已经说过了让它对准12点钟方向,这里是顺时针旋转90°!

重点又来了,继续敲黑板!旋转90°后我还要把它水平翻转!

顺时针90°是为了配合“陀螺旋”;水平翻转自然就是为了配合接下来我还想给它添加的“基本旋转”动画。

“基本旋转”(重复0.4)后顺时针就改为了逆时针,但因为我们已经事先把图形进行了水平翻转,所以又不会改变原貌!

两个动画与“轮子”同时执行,持续时间皆为0.01,几乎为肉眼不可见。

来看一下最终效果:

现在只要你掌握了以上三个动画,和两个要点,就完全可以制作出公子的前几页示范!

至于图形的话,我大部分是用ppt中的曲线绘制,然后再右键编辑顶点稍作调整!

图形可以任意去变,但原理不会变,拿到源文件后你们可以通过“动画窗格”看一看,我没有添加任何多余的技巧。

所以要不要也来试试看,自己手绘也好用现成的icon图标也好,我想你们一定会比我做的漂亮!

其实我觉得PPT动画有意思的地方就是可以条条大路通罗马,没有什么太标准的答案,或许你有更好的方法,也可以分享给我们,等你哦!

OK,那今天就这样了,GoodLuck

回复关键字“轨迹动画”



转载请注明地址:http://www.1xbbk.net/jwbys/7450.html


  • 上一篇文章:
  • 下一篇文章:
  • 网站简介 广告合作 发布优势 服务条款 隐私保护 网站地图 版权声明
    冀ICP备19027023号-7