从0到1制作PPT动画作品，这里有一份保姆级教程

视频中部分素材来源于PARKERPEN官网
http://www.parkerpen.com/zh-CN

本周旁门左道的作业，我用一个中午的时间，完成了这个作品。

不少小伙伴在看到这个视频以后，都表示想要了解制作过程，下面就为大家来揭秘哈。

01

分析原稿

这次的作业页面结构比较简单，作业原稿已经把信息都排布整齐了。

从内容上看是对派克钢笔的简单介绍，包括创始人、重大历史事件以及派克IM系列的产品介绍等。

派克钢笔成立于1888年，至今已百年有余，作为一个历史悠久的品牌，肯定有它深厚的文化底蕴。

于是，在设计风格的选择上，我直接从派克的官网上寻找灵感参考。

02

确定风格

打开Parker pen China的官网进行浏览。

可以看到主要由以下三种颜色构成，整体给人一种低调奢华的感觉。

为了让PPT风格与品牌更契合，我也选择了使用相同的颜色，并且在官网中截取相关图片素材。

使用QQ截图功能截取页面，再通过PPT中自带的取色器，一键吸取颜色。

03

逻辑梳理

确定了动画风格，在添加PPT动画之前，我们还需要梳理一下PPT的演示逻辑。

动画作为开挂式的存在，相较于平面设计，能够在短时间内更有效地传递信息和梳理上下层级关系。

再看派克的案例，前两页内容比较简单，直接添加切换动画【向上推入】即可。

而第三页“派克的历史印迹”内容较多，无法让观众第一时间感知到重要信息：

为了减轻阅读负担，我对页面经进行了拆分，并添加了图片说明。

在对图片的处理上，有一个小细节。为了体现历史悠久的感觉，我对图片添加了【胶片颗粒】的艺术效果。

第五页对“派克IM系列产品”的描述，也可以被分为三个部分。

04

添加动画

PPT整体都设计好了以后，终于可以添加动画啦~

动画跟PPT的其它页面元素一样，使用不同的动画会给人带来不同的感觉。

而在官网中，也给我们提供了很好的动画灵感：

在历史事件介绍中，官网使用了上下滚动切换的动画；

在产品细节的展示中，则使用了依次上浮淡入的动画。

可以看出，整体动画风格沉稳、大气。所以，在动画选择上，我也会使用相似的动画效果，如平滑、淡入、上浮、擦除等等。

为了让整体动画更连贯，在这个PPT页面中，我使用了两个PPT动画黑科技——缩放定位和平滑切换。

1.缩放定位

PPT2016版本新增的功能。简单来说就是可以在幻灯片1中添加幻灯片2的缩略图，并通过点击幻灯片2的缩略图从幻灯片1跳转到幻灯片2。

理解起来可能有点抽象，我们直接看这个案例中的时间轴页面，它的文字简介其实是其它幻灯片的缩略图。

点击这些图片，就能跳转到对应的页面，再点击一次鼠标，可以自动跳转到下一张插入的幻灯片。

为了让缩放定位动画与图片的浮入的动画不重复，我对插入的幻灯片缩略图进行了替换。

把图片边框颜色设置为透明，最后得到这个页面。

2.平滑动画

之前专门为平滑动画写了两篇教程，看过教程的小伙伴应该一眼就能看懂这次的动画设计，看不懂的就回去多看几次教程哈。

作业原稿最后三页都是对派克IM系列产品的介绍，彼此关联，使用平滑来承前启后正为合适。

主要技巧就是先把元素藏在页面以外，再添加平滑切换动画，使页面外的元素“滑”到页面内。

效果如下：

在设置动画的过程中，为了体现元素出现的差异，页面外的元素距离依次变大，离页面越远，滑进来的速度就越慢。

以上，就是今天的全部内容。

第一次给一整套动画作品出教程，发现写教程的时间比做作品还要久！不过这次梳理也给了我自己一个重新思考的机会，希望这篇文章对你的动画学习有帮助~

最后，感兴趣的同学可回复关键词【派克】  获得无动画版“派克的钢笔”PPT源文件。