一句话就能讲清楚的一页PPT,需要花多少功夫做出来?

从结构上讲，这一页确实很简单：一个背景、一个标题、一个主体也就是这个留声机。播放音乐的时候有一个音符飘出的动画，还有一个唱片上下浮动、模拟转动的动画。

可是就这么一句话讲完的页面，真正制作起来有多麻烦呢？我们一个一个聊，大家可以仔细感受下。

▶01 背景

背景看起来就是一张图，其实并不是。因为原图是这样的：

即便把上边也裁掉一部分，图片内容整体上移，下面这个绿植露出来的面积还是不够多，还是会给人一种残缺感：

并且这样顶部的树杈完全看不见了，图片的纵深感、通透感明显下降了一个档次。

所以我们不能够直接使用这张图的图片素材，而是要下载这个素材的矢量版本，在 Ai 中（此 Ai 非彼 AI）分解出不带前边这两个绿植的背景，和左下角、右下角绿植单独的素材：

然后手动把这两处前景绿植的位置摆放得高一点，形成既看得到顶部树杈，又看得到底部前景绿植的这么一个版本的背景：

▶ 02 标题

标题就几个字：听音乐，感受节拍。很多人会觉得，这也需要单独拿出来讲吗？不就是选一个字体，设置好字号，把填充色和描边色一指定，就 OK 了吗？

不好意思，如果你这样去做的话，得到的效果是这样的：

是的，没错。在 PPT 里面对文字轮廓加粗，轮廓的面积会同时向文字笔画的内外扩张，进而让你的文字笔画糊成一团，根本不能看。

所以这里又需要你掌握一个技巧，就是双层文本框，把上面这个糊成一团的文本再复制一份，取消掉描边，得到两个内容完全一致，只是描边的有无存在差异的文本框：

然后把它们重叠起来。这样，描边向文字内部延伸的部分就被上层不带描边的原始文本盖住，这样就只能看到朝外部延伸的白色描边了：

▶ 03 留声机

接下来说留声机，很显然，因为我们要制作唱片上下动起来的动画，所以留声机就不能只是一个无法拆解的图片，这里用到的素材仍然是矢量素材，它的原样长这样：

同样，我们需要在 Ai 里面把需要的部分拿出来，删掉不需要的部分，比如说背景的装饰元素，比如说留声机身上的那个 1926。

其次，既然我们要制作唱片的动画，那唱针也就必须是一个独立的对象，因为只有这样，它才能在唱片这一层的前面。也就是说，这一个留声机其实有三层：不会动的底层：留声机主体；顶层：唱针；会动的中间层：唱片。

这你受得了吗？

▶ 04 音符

前面这些内容都是看起来简单却内藏玄机，那就这么几个音符，找点图片素材摆在这里，总没有什么特别之处了吧？

如果你这样想，就大错特错了。

因为这里的音符我们是要制作动画的，我们希望这些音符从留声机的喇叭口逐一飘出，有自然的缩小和渐隐的效果，飘动的轨迹还不能死板生硬，需要使用文本框动画，音符就必须是一个个的字符，打在文本框里：

怎么打出来的呢？搜狗输入法里面的符号-特殊符号：

然后压缩文本框的宽度，让每一行只能容纳一个音符：

最后再把行距设为固定值 0 磅，实现所有音符挤成一堆，这样才能保证每个音符都是从同一个点飘出来的：

▶ 05 动画

有了前面打下的基础，我们终于可以制作动画了。先来接着上面说音符的动画，我们想要实现的效果是每一个音符都从放置的位置飘出来，朝右飘散，要使用文本框动画。

因为文本框动画有一个特性是可以给文本框添加一次动画，就让文本框内的每一个文字都重复这个动画：

比如像上图这么设置，当第一个音符飘散到全程的 20% 的时候，第二个音符就开始飘出来了，以此类推……

看到这里，你应该知道为什么前面要把音符做成字符形式了，如果是一个一个独立的对象，那么我们就需要给每一个音符都设置单独的动画，那也太麻烦了。

不过到这里还没完，我们到底要设置什么动画呢？如果给文本框添加一个路径动画，那每一个音符都会重复这个轨迹，看起来就非常的死板了。