美文网首页口袋动画PA口袋动画教程
【口袋动画】《梦蝶说》之封面动画教程

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

作者: 爱自由123 | 来源:发表于2016-11-29 17:51 被阅读2035次

           庄生晓梦迷蝴蝶,望帝春心托杜鹃。

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

    封面动画

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


    《梦蝶说》@韦韬

    高清优酷地址链接: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。对于蝴蝶的路径或者轨迹运动怎么运动呢?

    添加蝴蝶路径动画:

    下面我们试着使用系统自身的【自定义路径】动画,添加绘制路径,并编辑顶点,编辑顶点使路径圆滑。关于如何快速编辑,上一期星阵网络【基础教程】已经说明,链接【星阵网络能够做什么?】

    自定义路径 编辑顶点使路径圆滑

    这个是加了路径的效果:

    加了路径的蝴蝶 加了路径的蝴蝶2

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

    180°旋转

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

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

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

    快速填充

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

    按字母播放入口

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

    蝴蝶文本框动画

    这里还有一个技巧:

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

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

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

    拷贝路径

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

    旋转花瓣

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

    封面动画

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

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

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

    绕排分布参数 绕排分布最终效果

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

    具体参数如下:

    发散的参数

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

    蝴蝶路径参数

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

    具体设置如下:

    蝴蝶动画按字母播放 路径按字母播放

    OK,本次教程到此结束!谢谢大家!

    编者的话:

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

    封面动画

    (若您在文章末尾小打赏(默认金额2元)鼓励我的创作,您可以获取PPT教程源文件作为额外奖励,QQ:994537725可私聊获取,感谢支持!)

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

    PA公众号

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

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

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

    口袋官网

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

    作者:韦韬                                                      2016.11.29

    相关文章

      网友评论

      • 74690279e173:才子韦韬
        迷路的年轻人:@爱自由123 按照你教的 我怎么出不来想要的效果啊
        爱自由123:@74690279e173 谢谢支持!
      • 5cd15386fe4c:有才啊
      • 90d55e7d0d78:太棒了!一次比一次更加惊喜
        爱自由123:@乖乖么么哒 回复,感谢支持!有空多练习一下,你会发现PA很强大! :smile:
      • 7c12f09b5456:打赏理由:1.动画做得很美!尤其是创意,很棒!
        2.教程做得很规范、详细,照顾到了小白,很有指导性,谢谢!
        请求索取源文件,因为有些技术需要反复琢磨源文件才能理解和掌握,谢谢!
        爱自由123:@7c12f09b5456 看到了你的评论,感谢支持!
      • 木子肆:火前留名~
        爱自由123:@Cam233 恩恩!加油~ :smiley:
        木子肆:@爱自由123 谢谢鼓励~正虐着呢,哈哈
        爱自由123:@Cam233 谢谢支持!有空多加练习,你也可以做出很美的ppt动画!
      • 羽墨丹青:男神出的教程一次比一次精彩:+1:
        羽墨丹青:@爱自由123好的,以你为目标:heart_eyes:
        爱自由123:@羽墨丹青 有空多加练习,你也可以做出很美的ppt动画! :smiley: :v:
        爱自由123:@羽墨丹青 哈哈,谢谢支持!

      本文标题:【口袋动画】《梦蝶说》之封面动画教程

      本文链接:https://www.haomeiwen.com/subject/uegapttx.html