PPT动画教程——画心


PPT动画教程——画心_第1张图片

故事还要从上一篇说起,本来花道的重点是放在如何用PPT制作GIF上,但有不(细)务(心)正(好)业(学)的读者对其中一个案例——花心,不对不对,是 画心 产生了浓厚的兴趣。效果如下

PPT动画教程——画心_第2张图片

既然大家这么支持花道,那必然是要讲解给大家看啦

先看其对象组成


PPT动画教程——画心_第3张图片

两个同样大小的心,一个填充,一个边框;一只手;还有一行字。

其中心形可以直接在插入——形状里找到;文字随便给他或她或者它写点什么;手势的话,有绘图功底的可以直接用多边形绘制,没有的就直接到各大图片网站搜吧,什么颜色的都行,不非得是黑色。

PPT动画教程——画心_第4张图片

下面再来看各自的动画效果。

其实重点就在于的动作,而花道是从天好大师的作品中学习到的!(别问我天好是谁——中国PPT动画第一人),另外后面所有的动画开始方式都是与上一动画同时

首先我们把手和心形轮廓按如下摆放

PPT动画教程——画心_第5张图片

然后给手添加 飞入进入 的动画,方向 自底部,平滑开始和平滑结束均为0.25


PPT动画教程——画心_第6张图片

然后我们就有了手进入的动画了

PPT动画教程——画心_第7张图片

接下来给手和心形轮廓分别添加 心形路径 和 轮子动画 ,具体设置如下


PPT动画教程——画心_第8张图片

我们就会看到手画心的效果啦

PPT动画教程——画心_第9张图片

这里的关键和难点在于,添加的心形路径大小和原来的心形轮廓一般不同,所以要手动调整心形路径 的大小,使手的食指运动路线刚好在心形轮廓上。

其实,如果大家安装了PA插件的话(可在PA官网直接下 http://www.papocket.com/),使用形转路径功能就可以直接把心形轮廓转换为同样大小的心形路径,


PPT动画教程——画心_第10张图片

这样手的动作路线可以完全贴合心形轮廓,像下面这样

PPT动画教程——画心_第11张图片

接下来再给手添加一个 强调缩放的动画, 来模拟手抬起的效果,同时心形填充淡出进入

PPT动画教程——画心_第12张图片

注意手的动画——强调放大,是不是很神奇,一个放大动画就能完成手抬起的效果,这就是视觉规律啊(近大远小)。


PPT动画教程——画心_第13张图片

接下来手拍下再抬起的效果享必大家有思路了吧,没错!还是放大缩小!顺便在拍下的同时给心形填充一个强调脉冲,注意这里放大缩小用的自动翻转。

PPT动画教程——画心_第14张图片

这时,主要的动画效果就做完了。

PPT动画教程——画心_第15张图片

紧接着把字体放到如下位置

PPT动画教程——画心_第16张图片

并给手,心形填充,文字加入以下动画

PPT动画教程——画心_第17张图片

效果如下

PPT动画教程——画心_第18张图片

最后把字体的颜色改为背景色,就大功告成啦!

PPT动画教程——画心_第19张图片

更新的这么勤快,花道都被自己感动哭了。希望大家多多支持,花道要去忙啦。

PPT&GIF系列​完了以后,花道会抽空说一说PPT中如何完成某些手势动画,比如下面这个


PPT动画教程——画心_第20张图片

原文链接

PPT动画教程——画心_第21张图片

你可能感兴趣的:(PPT动画教程——画心)