PA教程

【口袋动画】《梦蝶说》之封面动画教程

作者:韦韬 2016-12-01 我要评论

庄生晓梦迷蝴蝶,望帝春心托杜鹃。 这是我的小动画作品 《梦蝶说》 的灵感来源,利用PPT口袋动画插件,结合文本框动画,我们可以快速制作!应热心网友的要求,本...

 庄生晓梦迷蝴蝶,望帝春心托杜鹃。
这是我的小动画作品——《梦蝶说》的灵感来源,利用PPT口袋动画插件,结合文本框动画,我们可以快速制作!应热心网友的要求,本期我教大家解析如何用PPT制作蝴蝶的飞散和轨迹运动,相信我们了解了原理,再结合强大的PA插件,很快就可以制作以下封面效果。

这里是今天刚刚出炉的原版动画欣赏:

 
2
高清优酷地址链接:http://v.youku.com/v_show/id_XMTg0MDgzNzkwOA==.html【也可以关注我的优酷,教程和视频第一时间在此发布】
好啦,下面我们开始制作我们的动画:
【首先】我们想要制作蝴蝶动画,就就先要了解蝴蝶是怎么运动的,比如怎么飞的?有何特点?它的飞行轨迹如何?等等。怎么找呢?我们可以去百度一下蝴蝶的动画,比如Flash或者GIF动画,这里我在搜狗图片输入“蝴蝶动画 GIF”关键词,搜索。

就到了下一张GIF动图,下面我们先观察一下蝴蝶的运动:

你看到了什么?蝴蝶在停驻时,它的一对翅膀是怎么动的?

是不是一缩一张?

OK,了解之后,我们才能去找相应的工具。想想我有什么办法可以制作?

其实,方法还是很多的,举个例子,多帧动画:最简单就是一帧(什么是帧(百度入口)?简单理解,一帧指的就是一个画面,帧率就是一秒播放画面的张数。比如:我们看电影,看电视就是一张张画面播放的原理。由于播放每一张画面时太快太连贯,以致我们肉眼感觉整个画面是动的。具体可以百度)这里,如果我们也设置蝴蝶一帧翅膀是张开的,另一帧是收缩的,然后不断交替循环就可以搞定。这里我们使用文本框动画,就是每一帧【每一个关键画面】都放在文本框里面,然后依次交替播放即可。一般1秒播放5张以上就可以骗过我们的肉眼,所以我一般设置0.2S。

但是,每一张都放,岂不是有点麻烦?有没有更简单的办法呢?

仔细想想我们见过的PPT动画类型,那使用放大缩小好不好?

其实,在这里:不好。

因为放大缩小是整体的,我们现在只需要左右放大缩小!怎么办?记得我在一次文本框音符粒子课,讲到使用宽度可制作上下抖动的音符动画!因为宽度刚好由中间展开!OK,已将找到答案了!你会发现,我使用动画风暴,仅需设置一个参数搞定!设置如下:

这里我仅设置:【属性】宽度:#ppt_w(注意这个是专用符号,缺一不可)(注意:宽度这个词,第一次是看不见的,要选择【属性】x坐标,然后在右侧的属性面板,把【属性类型】:基本属性第二个框下拉,就可以找到,选择后中间的自动改为【属性】宽度)

【属性】宽度:第1帧:#ppt_w;第2 帧:0.

【时间】是:【行为计时】持续时间:0.2s。

肯定是需要交替重复的,因此,我们重复可以设定一个比较大的次数:比如10次,再勾选【自动翻转】使其更自然。

这里,我们整个动画总共用时:0.2X10X2(翻转时间自动加倍)=4S。对于蝴蝶的路径或者轨迹运动怎么运动呢?下面我们试着使用系统自身的【自定义路径】动画,添加绘制路径,并编辑顶点,编辑顶点使路径圆滑。关于如何快速编辑,上一期星阵网络【基础教程】已经说明,链接【星阵网络能够做什么?】http://www.jianshu.com/p/0a3cd8e928e3


自定义路径

编辑顶点使路径圆滑

这个是加了路径的效果:


加了路径的蝴蝶

加了路径的蝴蝶2

注意:这里我们的路径动画和自己设置的蝴蝶动画,都要按字母播放,延迟都是:10

具体设置如下:


蝴蝶动画按字母播放

 


路径按字母播放

其实,我还可以根据添加旋转动画等。比如:


180°旋转

主要的思路已经说了,但是还没有使用文本框动画哦。

还有个问题,如果想让许多蝴蝶依次出现怎么办?那就轮到强大的文本框动画了!

第一步是先制作文本框,插入下划线,填充即可(关于如何填充或者填充后图片很小等等一些列的小问题,在往期教程都说明,比如:【送你美丽的花瓣】教程),快速填充,如下图所示:

 

 


快速填充

我们按照同样的设置,就两个设置嘛(宽度#ppt_w 和画路径)。然后,我们设置按字母播放,默认的即可,也可以适当修改。【这就是文本框动画的特点,因为要播放后面的,如果你的动画经常只有一个图像,就是这问题导致】


按字母播放入口

这里我在动画风暴加上了:【旋转】120°旋转1s,重复4次。按字母播放:5。效果如下:


蝴蝶文本框动画

这里还有一个技巧:

你可以在【动画风暴】合并路径参数,使一个动画成为一个整体,方便移动。这个很神奇!所以说,以后你不用什么路径公式了,什么头疼的sin,都不用咯!

拷贝路径具体方法(可以推广到其他参数的复制):

选择你要的路径参数,再选具体的参数,然后点击窗口的小图标,【拷贝行为】,然后到另一个窗口【粘贴行为】!搞定,一般人我可不告诉他。学会了吗?这招可以批量复制,可以一次性复制多个动画参数。


拷贝路径

下面揭秘我的花瓣动画,其中一个就是使用这个方法!


旋转花瓣

好,如果了解以上内容,下面制作《梦蝶说》封面很简单了:


封面动画

我们观察到,里面的蝴蝶就一个,发散和路径动画!

发散的话,其实我有教过聚合和发散的例子,蝴蝶发散我们就不使用文本框了。发散蝴蝶,主要是先插入一张或者多张蝴蝶图片,有大有小。然后我们对文字,使用【文字矢量化】,再使用新版PA3.0.0【绕排复制】里面的绕排分布。

绕排分布用法:选中所有蝴蝶,按住Ctrl再选择矢量处理后的文字,点击绕排复制下拉菜单下的【绕排分布】,参数可勾选顺时针角度就可以了。具体设置如下:

绕排分布设置
 

绕排分布最终效果

对于路径动画,这里我主要使用了【缩放】时间:0.2,重复12.5次,自动翻转。(刚好5秒)

具体参数如下:


发散的参数

关于路径:设置稍微拉大文本框,出现两只蝴蝶即可。

 


蝴蝶路径参数

OK,本次教程到此结束!谢谢大家!
编者的话:

【有人可能觉得这个设置和处理好多,其实,刚刚开始总会遇到一些问题,为了适合新手,因此有些啰嗦,其实往期关于文本框的设置都提过,很多人还不够熟练。相信您熟练之后,设置非常快捷,你会发现用途非常大!值得您付出时间。不懂的都可以询问,只要有空,我都乐于回答】


封面动画

更多精彩,关注口袋动画微信公众号:


PA公众号

PA口袋动画交流群4-PPT 573599936

口袋动画官网(有插件下载和教程):http://www.papocket.com/

OK7兄弟插件下载:http://oktools.xyz/


口袋官网

口袋动画,原创精品教程。未经许可,禁止转载。谢谢合作!

作者:韦韬                                                                                         2016.11.29


 


阅读原文 本文来自:口袋知识网 news.papocket.com

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 【口袋动画】《梦蝶说》之封面动画教程

    【口袋动画】《梦蝶说》之封面动画教程

  •  【口袋动画】PA「动画风暴」基础教程1

    【口袋动画】PA「动画风暴」基础教程1

  • 【口袋教程】PPT模拟抽奖动画,教你酷

    【口袋教程】PPT模拟抽奖动画,教你酷

  • 【PA插件特别教程系列19】PPT动画新的

    【PA插件特别教程系列19】PPT动画新的