ADM-201 dump PMP dumps pdf SSCP exam materials CBAP exam sample questions

PPT的导航菜单设计 – 译学馆
未登陆,请登陆后再发表信息
最新评论 (0)
播放视频

PPT的导航菜单设计

Design a Powerpoint Dropdown Menu Navigation ✔

大家好 前段时间
Hello there, sometime ago,
我遇到一个问题 关于怎样在PPT里制作导航条
I got a question on how navigations in PowerPoint could be made.
所以我准备了本期教程
So I prepared this tutorial,
我们要制作一个非常简单的动物动画
where we’ll make a very simple animal animation,
导引我们跳转到几张内置图片
which navigates us to several photographs in our presentation.
在这期教程中 我将会为你讲解
I’ll explain to you how to do something like this
如何制作这种导航条
in this very tutorial.
好 (让我们先打开)GraphicStock他们鼓励我
Ok, hey, so GraphicStock, they encourage me
加入他们的”创作者到创作者“活动
to take part in their #Creator2Creator initiative
在那儿 设计者们可以在彼此之间分享设计
where we designers can share designs between each other
这些设计用的设计元素来自该网站
with design elements we used from this website.
现在 我已经打开了GraphicStock
So I am here on GraphicStock,
然后我要下载一些图片
and I’ll download some photographs
找到”图片”(网站导航菜单)
I’ll go to Photos
然后找到我最喜欢的分类 自然与野生动物
and to my favorite category: Nature & Wildlife.
我想选一张风景图作为主背景
I’ll select a landscape for a main background
然后是 比如说 我打算用几个动物的图片
and for example, a few animals which I can use,
我认为用这种图片
and I believe something like that
作为背景很棒
will be perfect as a background.
所以 我直接下载图片
So I’ll straight download it
然后将它们直接保存到我的文件夹里
and I’ll save it directly to my folder.
举个例子 先下载保存这张青蛙的
For example, let’s take this frog one.
你看 青蛙图下载好了
Boom! We have frog,
这只猫也不错
and this cat,
这只猫头鹰肯定要选
this owl definitely,
它太酷了
it’s a cool one.
呃 要选你吗 老兄?
Well, do we want you dude?
哦 你看上去懒洋洋的
Well, you seem lazy.
我们也让你参与进来吧
Let’s allow you to take part in this as well.
接下来我直接打开PPT开始制作
And I’ll go straight to Powerpoint to create my design.
选一张我的图片置入在幻灯片内
Select my photograph and place it within Powerpoint.
调整它的大小
I’ll just resize it.
现在伙计 我来调节它的尺寸 然后把它像这样放置
Now dude, I’ll just resize it to place it like that.
好了 差不多像这样 再微裁一下
Ok, maybe like this and I’ll crop it a little bit
让它和幻灯片的大小差不多
to make it to the size of this slide.
接下来 怎么做菜单呢
Now how to create a menu.
菜单很容易制作
A menu will be very simple.
我点击“插入” “形状”
I’ll select Insert, Shapes,
然后选择一个形状
and I’ll select a shape,
来做我的主菜单
which I want to be my menu.
我们先画一个简单的矩形
Let’s start with a simple rectangle.
如果你想要特别一点的
If you want to be more fancy,
比如 我想在这里做个这样的形状
I want, for example, to make something like this here.
我也可以指向“编辑形状” “编辑顶点”
I can also go to Edit Shape, Edit Points.
我可以编辑右边这个点
I can edit this right point.
把它往右拉一点
I’ll edit it a bit to the right side.
好了 菜单图形做好了
Ok. Just saw it in my menu.
这样看起来更高级一点
Looks a tiny bit more advanced.
好了 找到“图形边线” 选择“无边线” “图形填充”
Ok, Shape Outline. No Outline. Shape Fill.
我们要给它填充什么颜色呢?
What color do we want to run here?
我想我们可以填充……
I think we want to run…
我们先试试黑色
We will start with black
然后我们就这样把它调整为半透明
and we will simply make it transparent
因为这是最简单的办法
because this will be the simplest way.
画一个形状
Form a shape.
填充颜色 一点透明度
Fill and a tiny bit of transparency
这就足以给它个好卖相了
would be enough to make it good looking.
好 40%透明度就够了
Ok, 40% is enough.
你可以看到 这就是我的菜单了
You can see this would be my menu.
现在 我们把它定义为“LITTLE ZOO”
Now, let’s call it LITTLE ZOO.
“LITTLE ZOO” 鉴于我们有三张动物图片
LIttle ZOO. Since we have three animal images here.
我想把文本放在父菜单项下面
And I’ll make the text under home tab.
字体调大一点
Maybe a tiny bit bigger,
或许换个字体
maybe a different font.
这有什么字体呢
What do we have here?
我们就选这样的字体就行
Let’s just select something like this.
按“Ctrl+B”键 加粗
Ctrl+B to make it thicker.
很好 菜单名称就搞定了
Ok, little zoo.
其实 我不太喜欢这个字体
Actually I don’t like the font,
因此我需要去搜索个更合适的(字体)
so I’ll need to search for something more suitable.
嗯 这个EXO字体看上去很酷
Ok, the EXO font looks really cool
接下来 我为你示范如何做菜单
and let me show you how to make a menu.
现在 我们需要为每一个菜单选项对应一张独立的幻灯片
Now we will need a seperate slide for each menu object,
所以 我要复制这张幻灯片
so I’ll duplicate this slide.
按“Ctrl+C” “Ctrl+V”或者“Ctrl+D”来复制粘贴第一张幻灯片
Just Ctrl+C, Ctrl+V or Ctrl+D on this first one.
对于第二张幻灯片 我们期望它的菜单能够被点击
and on the second slide, we want that menu to be clicked.
要怎么做呢? 先点击“插入形状”
How I will do this? I’ll Insert Shapes,
在这插入另一个形状
and insert another shape here.
让两个图形大小一致
I would make the shape to the same size.
选中初始的形状
I would click on my original shape.
找到“开始”
I would go to Home.
点击“格式刷” 把这个格式复制一下
Format Painter and paint its format over.
现在我需要三个文本框
Now I do need three text boxes
因为我要用的有三张不同的图片
because I have three different images I want to use.
这个形状可以调小一点 很好
And make this maybe a bit smaller, ok.
你可以点击“插入”
You can go to Insert
然后插入文本框
and insert text boxes.
再次点击“插入形状”
Or again, Insert Shapes,
像之前插入矩形一样
like rectangle shapes before.
嗯 我需要制作三个矩形
Ok, I’ll make three of them.
一 二 三
One, two, three.
你们可以看到 PPT在帮我对齐它们
You can see Powerpoint is helping me with the alignment.
我也可以点选它们
I can also click on them.
让它们对齐
I can align them,
让它们垂直对齐分布
and I can distribute them vertically
这样就能保证它们间距相同
to make sure they are of even space between them
好了 现在看看我们有什么图片呢?
All right, so what images did we have?
狮子 猫头鹰 青蛙
Lion and owl and frog.
小青蛙
Frogger
猫头鹰老兄
Owly
狮子
Lion
好了 像这样 就是看上去不怎么样
Ok, like this, and it doesn’t look well,
所以我可以再次点击选定这个框
so I can again click on this object.
找到“开始”
I can go to Home.
“格式刷” 然后再一次
Format Painter, and again,
复制格式
paint this format over.
你们可以看到 字体也已经格式化了
You can see also the font is getting formated over.
我觉得这个操作真的很酷
And I think this is really cool,
你可以看到 因为这里有40%的透明度
so you can see since we have 40% transparency here,
这里也有40%的透明度
and 40% transparency here.
它们都是可见的
They are visible.
如果你不想让它看起来像这样
If you would not like this to look like this,
找到“图形格式”
go to Format Shape,
把透明度加到100%
and make the transparency to 100%.
我觉得有一点双重透明度很好
I believe this little double transparency is ok,
因为我们可以看到这些对象
because we can see actually those objects.
现在我想让字体小一点
Now I want to make the font smaller.
当 当 搞定
Boom, boom! Ok.
现在我们准备就绪 可以进行图片设计
And we are perfectly prepared to the photo design.
现在我们需要给这两个对象添加链接
Well, now we have to link those two objects,
因为我想要一个真正的超链接
because I want to have a real link.
在PPT里做这个非常简单
How you can do this in Powerpoint is super simple.
点击这个对象
You click on this object.
找到“插入” 和插入形状和图标一样
You go to Insert, and just as I would insert a shape and icon.
给图标插入超链接
Icon. Insert a hyperlink.
插入超链接 然后点击这个对象
I’ll insert the hyperlink, and clicking on this object
就会把我链接到这个文件中的某处
will take me to a place in this document.
可以链接到已有文件 也可以链接到这个PPT中的某个位置
You can have existing files, you can have a place in this document.
我想让它链接到第二张幻灯片
and the place I want it to be slide number two.
现在 如果点击这里 再次启动超链接
Now here as someone clicks on that, again, hyperlink.
就会回到第一张幻灯片
And it goes back to slide number one.
完美 我们来看一下成果
Perfect. Now see what do we have in the result.
当我点击第一张幻灯片 就会出现这样的情况
As I click on the first slide, I have something like this.
点击这里 展开我的菜单
As I click on it, I open my menu.
再次点击这里
As I click on it back again
就会收起菜单
I can close my menu down.
这很棒
And this is beautiful
以此类推 我可以给其他的动物图加链接
because the same way, I can create new links for the animals.
你不必把事情复杂化
You don’t have to make things complicated.
像我这样 只要添加一张新的幻灯片
I will just select a new slide,
或者 再次复制上一张幻灯片
or again, just duplicate this slide.
当然 要复制粘贴三次 因为我有三张动物图
Of course three times since I have three animals.
对第一张幻灯片 对所有幻灯片
And on the first and on all of them,
我都要把背景图换成我们之前存的图
I’ll just change the photograph to the according photogragh we have.
举个例子 选中猫头鹰
For example, let’s select owl.
很好 看上去不错
Ok. It will look like that.
调整下大小
Let me resize it.
这次我就不裁剪了
I’ll not crop it this time,
因为我想把它置于底层(当做背景) 右击图片 置于底层
because I want it to be sent to back, right click, send to back
置于底层后 现在菜单需要做点改变了
Send to back, and here the menu needs to look a bit different.
这张猫头鹰图片是主题 所以其他的部分
Since the owl is the main part here, maybe those,
我是说 文本可以适度变灰
I mean the text could be a little bit more grayed out.
嗯 像这样 或许可以再小一点
Oh, like this or it could be a bit smaller.
这样 观众就可以看出来选中的是猫头鹰
Just so the viewer sees that this is the selected one.
很好 跟之前一样的方法
Ok, and the same way like before.
这是有菜单的幻灯片 因为它是主幻灯片
Here in the menu slide because this is the main slide,
这是菜单幻灯片 这是内容幻灯片
this is the menu slide, and this is the content slide.
在总菜单幻灯片中
In the overall menu slide,
点击这个 就会打开第三张幻灯片
clicking on this one will take me to slide three.
呃 我们要怎么做呢
Er… where do I have it?
点击“插入” “超链接”
Insert, Hyperlink.
这样 点击这个就会切换至第三张幻灯片
Clicking this one will take me to slide number three,
这个可能是最难的部分
and that’s maybe the difficult part
因为我们要做两个链接或者说有两个对象
because we have two link or objects.
鉴于我们有两张不同的幻灯片
Since we have them like this
嗯 在这张幻灯片上
Em… on this slide,
点击这里 会回到第二张幻灯片
clicking on that will take me again back to the second slide.
我们等会再设置超链接
We’ll set the hyperlink a bit later,
现在 我先做背景图
now I’ll on the photographs.
所以 实际上小青蛙应该是第一张图
So, actually the Frogger should be the first,
猫头鹰应该是第二张 对吧
the Owly should be the second, ok?
选中青蛙图 把它放在这
Take the frog, let’s place the frog here.
当!置于底层
Boom, send to back.
现在做最后一张图 狮子那张
Now the last one was the Lion.
当!把这家伙放这
Boom, place this dude here.
把图片放大来填满整个幻灯片
Make it bigger to the entire slide.
置于底层(作为背景) 完成
Send to back, ok.
嗯 我记得剩下的两栏应该小一点
Now I remember that the two remaining ones were a bit smaller,
字体也应该调灰 像这样
and they were gray like this.
在第一张动物图上 这两栏
And on the first one, those two,
把它们的字体调小一点 灰一点
they’ll be smaller and gray.
很好 完美现在可以着手插入超链接了
Ok, perfect. I am now ready to hyperlink everything
先拿青蛙这张举个例子
and let’s make it on the example of the Frog.
现在点击青蛙 依然显示这张幻灯片
Now clicking on the Frogger will stay on this slide.
点击猫头鹰 应该打开第四张幻灯片
Clicking on the Owly should take me to the slide number four.
因此我要点击“插入” “超链接”
So I’ll go to Insert, Hyperlink
这样就可以链接到第四张幻灯片了
Please take me to slide number four.
点击狮子 打开第五张幻灯片
Clicking on Lion will take me to slide number five.
超链接 选择幻灯片 完成
Hyperlink, Slide, ok.
点击“LITTLE ZOO”会让我回到
And clicking on LITTLE ZOO should take me back
首页幻灯片 也就是第二张幻灯片
to the home page slide which is slide number two.
超链接 第二张幻灯片 完成
Hyperlink, Slide 2, ok.
你可以自由切换到第一张或第二张
You can decide everyone to be brought back to the first
像这样操作
or the second slide like this.
学会了吗 青蛙那张已经做好了
Alright? We have the Frogger ready,
让我们继续把剩下的超链接做好
let’s continue and select all the links.
超链接 第三张幻灯片
Hyperlinks, Slide 3,
第四张幻灯片 它不需要被链接到
slide number four, it doesn’t have to be linked.
然后是第五张幻灯片 像这样
And Slide 5, like this.
当然 “LITTLE ZOO”需要超链接至第二张幻灯片
And Little zoo, of course, to Slide 2,
或者第一张 看个人喜好
or slide number one, depending on how do we want it.
点击超链接 我们已经有了那个链接
As we click on Hyperlink, we already have that link,
因为我们将幻灯片完全复制了现在我们开始做第二张
because we copy it over. Let’s make it slide two.
点击“Frogger” 会显示“Frogger”那张幻灯片
Frogger will take us to Frogger
也就是第二张幻灯片的超链接
which is Hyperlink Slide 2.
啊不好意思 我错了 应该是第三张幻灯片
Sorry, of course I made a mistake, Slide 3.
然后是猫头鹰 超链接 第四张幻灯片
And Owly, Hyperlink, Slide 4
好的 最后我可以转到第一张幻灯片
Ok, finally I can go to the first slide.
按“F5”键 可以看见我的菜单外观
I can press F5, and I can see how my menu looks.
你会看到这个动画现在非常突兀
And you can see the animation is very abrupt now.
所以我要做什么呢 我可以选中所有的幻灯片
So what I can do here, I can select all of the slides
通过选中最后一张 按“shift”键 并单击第一张
by selecting the last one shift-click the fisrt one.
找到“切换” 并至少选择点切换效果 比如“淡出”
Going to Transitions and selecting at least something like Fade.
你可以(逐个)点击(设置切换效果)
You can also click,
点击“全部应用”也许能减少耗时
maybe reduce the duration and click Apply To All.
然后这个切换效果就会被应用到所有幻灯片上
And it will be applied to all slides.
现在让我们看看这个动画有没有过渡自然一点(切换不那么突兀)
Now let’s see if this is any better.
让我先预览一下
Let me preview it.
耶 现在它淡入了
Yeah, well now it nicely fade in,
然后再看看 青蛙 猫头鹰 狮子
And Frogger, Owly, Lion.
无论在什么地方 我都可以回到“LITTLE ZOO”界面
Anywhere I want, I can go back to my LITTLE ZOO.
我也可以隐藏和展开这个菜单
And I can of course close and open this menu.
现在 如果我们想折叠这个菜单 该怎么办呢
Now what if we want this menu to collapse.
事实上这非常简单 因为我们可以只用一个动作
It’s actually very simple because we can use an action
当我们每次把鼠标移过这里时
that each time we hover our mouse here,
这就会回到这张幻灯片
this will go back to this slide.
在这里取代超链接
Instead of having a hyperlink here,
我们需要选择一个动作
We need to select an action,
选择“动作” “鼠标移过”
so you select Action, Mouse Over,
立刻超链接到第一张幻灯片
and just Hyperlink to Slide 1 at once.
我们想要链接到第一张幻灯片 好了
So, we want a Slide 1, Ok.
这就足够了
And that’s everything.
现在如果你指向菜单 把鼠标移过这里
Now if you are on the menu, and you hover your mouse here,
这个菜单会隐藏起来
the menu will close down.
在PPT中 我们现在有变焦选项
In Powerpoint we have now the zoom options,
这允许我们像这样放置一张幻灯片
which allows us to place a slide, just like that
但这仅仅是PPT365的订阅者拥有的(功能)
but this is only for Powerpoint 365 subscribers.
我们也可以人工做到
We can still do this manually,
如果你使用的是PPT2016 或者一些更老的版本
if you are on Powerpoint 2016 or on some older versions,
你可以像这样设计导航栏
you can make navigations like this,
并可以按你所想的设计
and you can make the design as you want,
这也十分方便
which is also very convenient.
当然 如果你也希望这里向下展开
Of course, if you also would like this to drop down here,
你需要复制这张幻灯片
you would need to duplicate this slide,
删除底部部分(部分图形菜单)
you would need to delete the bottom part,
再次超链接 并且在这里做一个动作
you would need to link that again and make an action here
当我把鼠标移过这里 就会显示这张幻灯片
that when I hover my mouse here, it will take me to this slide.
现在 这取决于你想要多周密地做这个(菜单)动画
Now this depends on how thorough you want to be with this,
以及你愿意为它投入多少时间
and how much time you would like to put into this.
所以 嗯 这就是借助于我的图片订阅所能够创作的
So, yeah, this is exactly what I was able to create with my graphic subscription
我很开心加入“创作者到创作者”原创计划
and I am happy to take part in the #Creator2Creator initiative.
我们刚刚买了一个设计活动和一个来自graphicstock的优惠活动
We just bought a design initiative and an offer from graphicstock
允许你进行为期7天的免费试用
which allows you to take a seven-day free trial.
之后你会以一个十分优惠的价格享受订阅服务
And then extend your subscription for a really good price
如果你感兴趣 你可以发现照片的质量真的很好
If you are interested, you can see the quality of the photoes are really great.
所以使用起来很方便
So it’s very convenient to use
特别是我们这里有(丰富的)矢量图 插图和照片
especially that we have Vectors, Illustration and Photographs here,
这很给力
which is awesome.
好了 这就是如何制作一个导航菜单的方法
Ok, this is how you can make a navigation,
在PPT中的一种可向下展开的导航菜单
a drop down navotation in powerpoint
嗯 当然 关于如何制作导航菜单的几个技术要点
Yeah, of course, several techniques how to do this,
每一项都要创建超链接
each one will go towards creating a hyperlink
并且取决于你愿意在它上面花多少时间
and depending how much time you want to spend on it.
它会变得相当棒所以 我们最后再预览一次
It will become this good. So, let’s take a last preview
像这样 跟随PPT导航菜单
and did this follow little Powerpoint navigation,
导引我们穿梭在动物图片中
which navigates us through animal photograph.
我希望这个教程解答了你的问题
I hope this tutorial answers your question
并且你确实喜欢 下次再见
and you did enjoy it, see you in the next one.

发表评论

译制信息
视频概述

这是一个关于如何制作PPT中导航菜单设计的教程。 包括插入图片、插入形状、插入超链接、插入动作(鼠标移过)等

听录译者

One静茹

翻译译者

GreenT

审核员

审核团C

视频来源

https://www.youtube.com/watch?v=YOGgolncu04

相关推荐