怎样制作出高级感PPT？妍妍为你准备的干货教程来啦！
嘿
PPTer 们
看惯了白底黑字的简易PPT
搜遍了PPT网站上的各种模板
你是否觉得它们总是难合胃口？
是否想一展身手制作出惊艳观众的PPT？
get！
看这里！
妍妍教你定制专属自己的个性化模板
条理清晰 & 简洁大方 & 吸引听众
助你拿捏各种pre环节
今天，妍妍将介绍的是——
“可交互目录”
（下期想学什么由你决定，
欢迎参与文末投票哟~）
除了一页页顺序播放PPT
你还能在播放时点击左侧的目录条
随时回看、预览
简言之：想看哪里点哪里
让我们开始今天的教程吧！
目
录
1 | 准备素材 |
2 | 美化图标 |
3 | 建立互动 |
4 | 形成动画 |
// 温馨提示 / Tips
///
NOCITCE
记得提前确定现场屏幕的大小，据此决定你幻灯片的大小是宽屏（16:9）还是标准（4:3）。
目前会议室、教室的放映尺寸一般都是宽屏（16:9）。
幻灯片大小可在“设计”选项卡的“自定义”功能区调整。
Let's Get Started
01 / Gather Materials
准备素材
仔细观察开头的演示动画
左侧的目录区域可以分为三个部分
√ 上下滑动且带缺口的目录长条
√ 随点击而向右移出的圆形图标
√ 随图标出现而消失的灰白标志
我们的准备也会围绕它们进行
①
在一页空白幻灯片左侧插入一个矩形、几个圆形（数量视目录内容而定），这就是互动目录区域。
记得去掉图形轮廓哟～
// 温馨提示 / Tips
///
NOCITCE
去掉轮廓：选中矩形，在“形状格式”选项卡将“形状轮廓”调整为“无轮廓”。
画出正圆：插入圆形时，记得先按住Shift键，再用鼠标拖动。
控制大小：圆的半径占据矩形宽度的1/3为宜，后续看起来会比较美观舒适。
②
调整圆的位置，让它们均匀分布在矩形的边缘。
先排列好最上方和最下方小圆的位置。
然后同时选中所有小圆，在“开始”选项卡操作：“排列-对齐-纵向分布-左对齐”。
③
插入图标，填充成白色，放到圆形正中，让圆和目录章节的对应关系更明确。
可以使用“插入”选项卡内自带的图标，种类丰富，任君选择。
// 温馨提示 / Tips
///
NOCITCE
图标较小，操作精细，可以选中后使用键盘的方向键细细调位置。
④
将新形成的图标用方向键移动到画布之外备用，新复制一份图标到矩形中间，调整透明度为30%。
// 温馨提示 / Tips
///
NOCITCE
小图标难以选中，可以使用“开始”选项卡中“排列-选择窗格”功能辅助选择。
按住Ctrl键可以多选。
02 / Decorate Images
美化图标
接下来是素材美化的工作
用生动的图案替换原始的单色
矩形、图标、圆形，一个也不放过
观察开头动画中的目录条
我们可以想象它本是一个长长的矩形
随着页面切换逐渐向下滑动
我们只需要为它填充图案
首先按住Ctrl键拉长这个矩形
接着美化这个长矩形
为它填充一张漂亮的图片
①
先处理一下图片：插入一张图片，裁剪至与画布同大小，并移至最底层（但它不是背景，具体原因可关注下期教程）。
接着复制一张图片，放大到与长矩形同高，并按下图对新图进行虚化处理。
// 温馨提示 / Tips
///
NOCITCE
免费图片素材可自行到pexels网站搜索。
“移至底层”在“开始”选项卡的“排列”操作中。
为减轻电脑运算压力，可将虚化后的图片另存到桌面，再粘贴回PPT，而不是直接使用虚化后的图片。
②
把图片填充进长矩形：将虚化图片裁剪至比长矩形稍宽，压缩图片后使用Ctrl+X剪切到剪贴板，填充到矩形中，形成毛玻璃效果。
我们可以用相同的办法
美化图标圆形
③
先处理一下要填充的内容：再次利用虚化图片，运用布尔运算裁剪出颜色过渡较为自然的一小块，按填充矩形的方法填充到圆形之中。
// 温馨提示 / Tips
///
NOCITCE
执行布尔运算前，先选中虚化图片，再选中新插入的蓝色矩形。
最后记得在圆形的“形状格式”中，将“形状轮廓”改为“无轮廓”。
别忘了长条上是有缺口的
我们还是用布尔运算来把缺口剪出来
④
选中长条，“开始-排列-旋转-向左旋转90°”。
接着复制一个圆形，移动到长条上，使其被长条上沿平分。
然后插入三角形，运用布尔运算剪出缺口。
再运用“顶点编辑”功能调整缺口边缘。
最后让长条复位，缺口对准第一个圆形图标。
03 / Establish Interaction
建立互动
所谓“互动”
就是在点击灰白色图标时
能够即时跳转到相应页面
因此，我们要建立图标和页面的联系
使用“链接”功能就能轻松做到
①
建立链接：将此页幻灯片复制四份，为第一页幻灯片的目录长条上的灰白图标建立链接。
方便起见，可以复制第一页幻灯片上已处理好的小图标，在其他页幻灯片中先删去原有图标，然后粘贴上去。
下面，我们把左侧备用的圆形和图标组合一下
让它们成为一个整体
而非在后续的动画中各行其是
②
组合图标：将第一页幻灯片最左侧的几个圆形和图标分别按下面的方法组合好，再像“建立链接”步骤一样，全部选中后复制粘贴到其他页幻灯片中。
04 / Creating Animation
形成动画
到了最重要的步骤了
PPT切换是否流畅自然
就看这一步了
思考一下
当切换到一页幻灯片后
动画停止时
我们看到的是什么样子的呢
拿第一页幻灯片为例
圆形图标从目录长条下方移到右边
对应的中间的灰白标志消失
目录长条的缺口恰好对齐圆形图标
咱们一步一步来
①
对齐缺口：选中第一页幻灯片中的目录长条，用方向键上下微调，使缺口对准左侧的图标圆形。其他页如法炮制。
②
图标归位：将第一页第一个圆形图标移动到该页目录条缺口的右边，第二页第二个图标、第三页第三个图标等以此类推。
缺口和圆形图标对应好之后
我们来拆解一下动画：
最终效果是
PPT播放到哪一页
哪页的圆形图标就从目录条下方出现
而对应的目录条上的图标会消失
③
圆形图标从目录条下方出现，意味着圆形图标的图层需要在目录条下方，且不能被画布上的大图（也就是一开始置于底层的漂亮图片）遮盖。
那么可以先将所有圆形图标置于底层，再一步一步上调到画布大图上方（在实际操作中只需向上调整一次）。
可以在“选择窗格”检查一下
其他页面可如法炮制
④
目录条上的图标需要消失，我们可以很自然地想到，将各页需要消失的图标的透明度调整为100%。
右键单击图标，“调整图形格式-填充-透明度100%”。
每页幻灯片仅有一个图标需要调整透明度。
现在，各页面目录设置基本完成
咱们从头播放检查一下
最后，我们只需要为每页幻灯片加上平滑动画
就可以完成页面间的丝滑转场了
⑤
选中所有页面，在“切换”选项卡中点击“平滑”。
持续时间可改为1秒。
大功告成！
不妨播放幻灯片
看看能否在目录间自由跳转吧！
Good Job !
回到开头
再对比看看最终的效果展示
目录虽已完成
我们还缺少PPT内容的毛玻璃效果
不过别着急
我们下期教程见！
@SDUer，本期教程怎么样？
你学会了吗？
有没有哪里没看懂？
欢迎大家在评论区留言~
妍妍会尽力为大家解答的！
如果你没学会，也没关系
妍妍把成品放在“阅读原文”啦
点击即可领取哦~
别走开，妍妍还有下期PPT制作教程哦~
欢迎大家点击下方投票
选出你最想学习的内容！
【投票】
【猜你想看】
山大研究生
sdu-grad
编辑/排版：张子兴
素材来源：B站、pexels网站
值班栏目主理：吕晓雯
策划/责编：韩笑晨