PPT的导航菜单设计

#商业13:0618

众译鸣谢

原文字幕:[B]One静茹于2017.07.29制作完成

译文字幕:GreenT于2017.09.08制作完成

审核过程:18

字幕详情

大家好 前段时间
我遇到一个问题 关于怎样在PPT里制作导航条
所以我准备了本期教程
我们要制作一个非常简单的动物动画
导引我们跳转到几张内置图片
在这期教程中 我将会为你讲解
如何制作这种导航条
好 (让我们先打开)GraphicStock
他们鼓励我
加入他们的"创作者到创作者“活动
在那儿 设计者们可以在彼此之间分享设计
这些设计用的设计元素来自该网站
现在 我已经打开了GraphicStock
然后我要下载一些图片
找到"图片"(网站导航菜单)
然后找到我最喜欢的分类 自然与野生动物
我想选一张风景图作为主背景
然后是 比如说 我打算用几个动物的图片
我认为用这种图片
作为背景很棒
所以 我直接下载图片
然后将它们直接保存到我的文件夹里
举个例子 先下载保存这张青蛙的
你看 青蛙图下载好了
这只猫也不错
这只猫头鹰肯定要选
它太酷了
呃 要选你吗 老兄?
哦 你看上去懒洋洋的
我们也让你参与进来吧
接下来我直接打开PPT开始制作
选一张我的图片置入在幻灯片内
调整它的大小
现在伙计 我来调节它的尺寸 然后把它像这样放置
好了 差不多像这样 再微裁一下
让它和幻灯片的大小差不多
接下来 怎么做菜单呢
菜单很容易制作
我点击“插入” “形状”
然后选择一个形状
来做我的主菜单
我们先画一个简单的矩形
如果你想要特别一点的
比如 我想在这里做个这样的形状
我也可以指向“编辑形状” “编辑顶点”
我可以编辑右边这个点
把它往右拉一点
好了 菜单图形做好了
这样看起来更高级一点
好了 找到“图形边线” 选择“无边线” “图形填充”
我们要给它填充什么颜色呢?
我想我们可以填充……
我们先试试黑色
然后我们就这样把它调整为半透明
因为这是最简单的办法
画一个形状
填充颜色 一点透明度
这就足以给它个好卖相了
好 40%透明度就够了
你可以看到 这就是我的菜单了
现在 我们把它定义为“LITTLE ZOO”
“LITTLE ZOO”
鉴于我们有三张动物图片
我想把文本放在父菜单项下面
字体调大一点
或许换个字体
这有什么字体呢
我们就选这样的字体就行
按“Ctrl+B”键 加粗
很好 菜单名称就搞定了
其实 我不太喜欢这个字体
因此我需要去搜索个更合适的(字体)
嗯 这个EXO字体看上去很酷
接下来 我为你示范如何做菜单
现在 我们需要为每一个菜单选项对应一张独立的幻灯片
所以 我要复制这张幻灯片
按“Ctrl+C” “Ctrl+V”或者“Ctrl+D”来复制粘贴第一张幻灯片
对于第二张幻灯片 我们期望它的菜单能够被点击
要怎么做呢? 先点击“插入形状”
在这插入另一个形状
让两个图形大小一致
选中初始的形状
找到“开始”
点击“格式刷” 把这个格式复制一下
现在我需要三个文本框
因为我要用的有三张不同的图片
这个形状可以调小一点 很好
你可以点击“插入”
然后插入文本框
再次点击“插入形状”
像之前插入矩形一样
嗯 我需要制作三个矩形
一 二 三
你们可以看到 PPT在帮我对齐它们
我也可以点选它们
让它们对齐
让它们垂直对齐分布
这样就能保证它们间距相同
好了 现在看看我们有什么图片呢?
狮子 猫头鹰 青蛙
小青蛙
猫头鹰老兄
狮子
好了 像这样 就是看上去不怎么样
所以我可以再次点击选定这个框
找到“开始”
“格式刷” 然后再一次
复制格式
你们可以看到 字体也已经格式化了
我觉得这个操作真的很酷
你可以看到 因为这里有40%的透明度
这里也有40%的透明度
它们都是可见的
如果你不想让它看起来像这样
找到“图形格式”
把透明度加到100%
我觉得有一点双重透明度很好
因为我们可以看到这些对象
现在我想让字体小一点
当 当 搞定
现在我们准备就绪 可以进行图片设计
现在我们需要给这两个对象添加链接
因为我想要一个真正的超链接
在PPT里做这个非常简单
点击这个对象
找到“插入” 和插入形状和图标一样
给图标插入超链接
插入超链接 然后点击这个对象
就会把我链接到这个文件中的某处
可以链接到已有文件 也可以链接到这个PPT中的某个位置
我想让它链接到第二张幻灯片
现在 如果点击这里 再次启动超链接
就会回到第一张幻灯片
完美 我们来看一下成果
当我点击第一张幻灯片 就会出现这样的情况
点击这里 展开我的菜单
再次点击这里
就会收起菜单
这很棒
以此类推 我可以给其他的动物图加链接
你不必把事情复杂化
像我这样 只要添加一张新的幻灯片
或者 再次复制上一张幻灯片
当然 要复制粘贴三次 因为我有三张动物图
对第一张幻灯片 对所有幻灯片
我都要把背景图换成我们之前存的图
举个例子 选中猫头鹰
很好 看上去不错
调整下大小
这次我就不裁剪了
因为我想把它置于底层(当做背景) 右击图片 置于底层
置于底层后 现在菜单需要做点改变了
这张猫头鹰图片是主题 所以其他的部分
我是说 文本可以适度变灰
嗯 像这样 或许可以再小一点
这样 观众就可以看出来选中的是猫头鹰
很好 跟之前一样的方法
这是有菜单的幻灯片 因为它是主幻灯片
这是菜单幻灯片 这是内容幻灯片
在总菜单幻灯片中
点击这个 就会打开第三张幻灯片
呃 我们要怎么做呢
点击“插入” “超链接”
这样 点击这个就会切换至第三张幻灯片
这个可能是最难的部分
因为我们要做两个链接或者说有两个对象
鉴于我们有两张不同的幻灯片
嗯 在这张幻灯片上
点击这里 会回到第二张幻灯片
我们等会再设置超链接
现在 我先做背景图
所以 实际上小青蛙应该是第一张图
猫头鹰应该是第二张 对吧
选中青蛙图 把它放在这
当!置于底层
现在做最后一张图 狮子那张
当!把这家伙放这
把图片放大来填满整个幻灯片
置于底层(作为背景) 完成
嗯 我记得剩下的两栏应该小一点
字体也应该调灰 像这样
在第一张动物图上 这两栏
把它们的字体调小一点 灰一点
很好 完美
现在可以着手插入超链接了
先拿青蛙这张举个例子
现在点击青蛙 依然显示这张幻灯片
点击猫头鹰 应该打开第四张幻灯片
因此我要点击“插入” “超链接”
这样就可以链接到第四张幻灯片了
点击狮子 打开第五张幻灯片
超链接 选择幻灯片 完成
点击“LITTLE ZOO”会让我回到
首页幻灯片 也就是第二张幻灯片
超链接 第二张幻灯片 完成
你可以自由切换到第一张或第二张
像这样操作
学会了吗
青蛙那张已经做好了
让我们继续把剩下的超链接做好
超链接 第三张幻灯片
第四张幻灯片 它不需要被链接到
然后是第五张幻灯片 像这样
当然 “LITTLE ZOO”需要超链接至第二张幻灯片
或者第一张 看个人喜好
点击超链接 我们已经有了那个链接
因为我们将幻灯片完全复制了
现在我们开始做第二张
点击“Frogger” 会显示“Frogger”那张幻灯片
也就是第二张幻灯片的超链接
啊不好意思 我错了 应该是第三张幻灯片
然后是猫头鹰 超链接 第四张幻灯片
好的 最后我可以转到第一张幻灯片
按“F5”键 可以看见我的菜单外观
你会看到这个动画现在非常突兀
所以我要做什么呢 我可以选中所有的幻灯片
通过选中最后一张 按“shift”键 并单击第一张
找到“切换” 并至少选择点切换效果 比如“淡出”
你可以(逐个)点击(设置切换效果)
点击“全部应用”也许能减少耗时
然后这个切换效果就会被应用到所有幻灯片上
现在让我们看看这个动画有没有过渡自然一点(切换不那么突兀)
让我先预览一下
耶 现在它淡入了
然后再看看 青蛙 猫头鹰 狮子
无论在什么地方 我都可以回到“LITTLE ZOO"界面
我也可以隐藏和展开这个菜单
现在 如果我们想折叠这个菜单 该怎么办呢
事实上这非常简单 因为我们可以只用一个动作
当我们每次把鼠标移过这里时
这就会回到这张幻灯片
在这里取代超链接
我们需要选择一个动作
选择“动作” “鼠标移过”
立刻超链接到第一张幻灯片
我们想要链接到第一张幻灯片 好了
这就足够了
现在如果你指向菜单 把鼠标移过这里
这个菜单会隐藏起来
在PPT中 我们现在有变焦选项
这允许我们像这样放置一张幻灯片
但这仅仅是PPT365的订阅者拥有的(功能)
我们也可以人工做到
如果你使用的是PPT2016 或者一些更老的版本
你可以像这样设计导航栏
并可以按你所想的设计
这也十分方便
当然 如果你也希望这里向下展开
你需要复制这张幻灯片
删除底部部分(部分图形菜单)
再次超链接 并且在这里做一个动作
当我把鼠标移过这里 就会显示这张幻灯片
现在 这取决于你想要多周密地做这个(菜单)动画
以及你愿意为它投入多少时间
所以 嗯 这就是借助于我的图片订阅所能够创作的
我很开心加入“创作者到创作者”原创计划
我们刚刚买了一个设计活动和一个来自graphicstock的优惠活动
允许你进行为期7天的免费试用
之后你会以一个十分优惠的价格享受订阅服务
如果你感兴趣 你可以发现照片的质量真的很好
所以使用起来很方便
特别是我们这里有(丰富的)矢量图 插图和照片
这很给力
好了 这就是如何制作一个导航菜单的方法
在PPT中的一种可向下展开的导航菜单
嗯 当然 关于如何制作导航菜单的几个技术要点
每一项都要创建超链接
并且取决于你愿意在它上面花多少时间
它会变得相当棒
所以 我们最后再预览一次
像这样 跟随PPT导航菜单
导引我们穿梭在动物图片中
我希望这个教程解答了你的问题
并且你确实喜欢 下次再见
以下内容有剧透 , 请注意打开姿势

精彩推荐

  • 快速将一组图片处理得样式一致

    04:0388

  • 设计一个三步骤PPT模板

    06:2747

  • 如何在PPT中设计海报样式的模板?

    08:4515

  • 4阶段渐变PPT视频教学

    04:458

  • 渐变的幻灯效果

    05:294

  • PPT中引用文字的动画效果

    06:1411

  • 如何用清晰的图片做PPT背景

    06:168

  • Rebecca Lynn: 全身投入的风险

    02:35143

更多视频, 请移步译学馆APP欣赏  GET APP