设计一个简单又兼具美感的时间轴|Youtube官网(@电脑教室)频道



哈啰,大家好
在今天的影片我打算带大家
设计一个简单又兼具美感的时间轴
而为了让简报的配色
能带给别人良好的视觉体验
我首先来到一个可以快速自动配色的网站
只要按一下键盘的「空白键」
这个网站就可以立即产生一组配色方案
当我们浏览到中意的组合
我们就可以到介面的右上角点击「输出」
将目前的配色储存为一张图片
另外,在今天影片所提供的练习档中
里面也附带了一个由配色网站
所产生的色票图档
我将它拉进一个全新的空白简报
并且切换到「设计」标签
按下「设定背景格式」
利用选单中的「色彩选择工具」
将简报的背景色变更为色票中的黑色
接着,我打开「插入」标签
来新增一个文字艺术师
文字的色彩我同样利用「色彩选择工具」
套用色票中的米白色
而文字的字型我采用了
最近开放免费下载的「台北黑体」
字型的大小缩减为 40
字距设为「松」
然后再输入我们想要的简报标题
并且将它放置在投影片的上方
接下来,我们来制作时间轴的轴线
我打开「图案」功能选单
选择「直线」工具
然后按住 Shift 键不放
拉出一条水平线
同时我利用上面的「对齐」功能
将这条线移到投影片的正中央
轴线的粗细我设为 3 点
而轴线的两侧我另外加上了一个圆形标记
时间轴上的每一个事件
我打算以一个「圆形」做为代表
因此我打开「图案」选单
启用「圆形」工具
按住 Shift 键不放在投影片中建立一个圆形
圆形内部的填色
我使用先前套用在背景的黑色
而圆形外框的色彩
我则是利用「色彩选择工具」
吸取色票中的蓝色
并且将外框的粗细加大为 2.25 点
在每个事件点的上方
我打算建立另一个圆形
来标注这个事件的年分
于是我按住 Ctrl 键不放
将刚才绘制的圆形向上复制一份
然后拖曳边框来放大这个圆形
接着我再次启用「直线」工具
在两圆之间建立一条直线
并且套用相同的蓝色
一旦完成了第一个时间标记
我们就可以将这些图形框选起来
按下快速键 Ctrl +G 组成一个群组
然后再按住 Ctrl 和 Shift 键不放
向右复制四次
由于这些标记的间距目前并不一致
所以我按住 Shift 键
依序将它们选取起来
然后到上面的功能区点击「对齐」
「水平均分」
此外,为了使图表
能够符合对称与平衡的设计原则
我将第二和第四个标记
执行「垂直翻转」的指令
再将它们移到时间轴的另一侧
OK,下一步我们来将
先前预备好的配色套用到时间轴上面
我首先点选第二个时间标记
在图形格式标签中
打开「图案外框」选单
再利用「色彩选择工具」来吸取色票中的绿色
我重复这个步骤
将第三个标记
同样利用色彩吸取的方式变更为橘色
再将第四个标记套用红色
以及最后一个标记设为紫色
时间轴轴线本身
同样可以应用这五个色彩
来产生渐层的效果
而线条色彩的渐层设定
是位于滑鼠右键选单中的「设定图形格式」
在弹出的面板中
我将线条的类型指定为「渐层」
角度设为 0 度
也就是渐层会以水平分布的方式呈现
预设的渐层一个有四个停驻点
我按下右边的「新增」
建立第五个停驻点
并且依序调整停驻点的位置
使彼此的间距能够完全相等
接着,我配合时间标记的色彩
将所有的停驻点
由左至右依序设定为蓝色
绿色
橘色
红色
和紫色
当色彩设定完毕之后
我们就可以将右上角的色票
按下 Delete 键直接删除
至于时间标记内的年分
我们同样可以利用「文字艺术师」
来新增一个文字标题
我输入 2015
并且切换到「常用」标签
将文字的色彩套用米白色
选择一个喜好的英文字型
大小设为 24
再将它放置到最左侧的圆框内
接着我按住 Ctrl 键不放
将这个文字依序复制到其它的圆框
再逐一修改每一个标题的年分
最后,我们来替每一个时间标记
加上描述的文字段落
我打开「插入」标签
来启用「文字方块」的功能
在投影片的左下角拖曳出一个文字框
文字框内的内容
我们可以利用一个叫做 Lorem Ipsum 的网站
它可以随机产生一些无意义的文字
用来测试排版时不同图文配置的效果
我在 Lorem Ipsum 的网站
随意反白一小段的文字
然后按下 Ctrl +C 执行「复制」
再回到简报内按下 Ctrl +V 贴上
至于框内的文字色彩我同样设为米白色
大小设为 16
并且套用与年分相同的字型
在段落的上方
我另外输入 Stage 1(第一阶段)
做为段落的标题
并且套用同一年所采用的色彩
完成第一个文字段落之后
我们就可以按住 Ctrl 键不放
将文字框复制到其它年分的空缺位置
并且逐一修改段落标题的文字
以及套用该年分的渐层色彩
OK,最后我们来设定时间轴的动画
我首先针对投影片的大标题
加上一个「漂浮进入」的效果
接着再选取底下的时间轴
套用「擦去」的动画
擦去的方向设为「自左」
而动画的时间长度我延长为 1 秒
至于时间轴上的标记
我打算将它的动画拆解为三个步骤
第一,我们先利用缩放动画
在轴线上产生一个小圆
然后再从底下
将标记年分的圆框向上推移出来
最后再使用淡出的动画效果
呈现底下的说明文字
要设定这三个动画
我们必须先将这些图形进行适当的分组
我首先利用滑鼠右键的选单
取消原来的群组
快速键是 Ctrl +Shift +G
然后我点击底下的小圆
到上方的功能区套用「缩放」动画
接着我按住 Shift 键不放
依序选取圆框、年分、连接线
按下 Ctrl +G 将它们组成一个群组
再套用「擦去」的动画效果
动画的顺序设定为「接续前动画」
也就是当小圆跑出来之后
上面的擦去动画就会立即进行
最后我再选取底下的文字框
来套用「淡出」效果
而动画的顺序
同样设定为「接续前动画」就可以啰
OK,我们不妨把刚才的设定流程
应用在隔壁的标记
再操作一遍来加深印象
第一个步骤
是先利用快速键 Ctrl +Shift +G
将图标解散群组
然后将小圆套用「缩放」的动画效果
接着我将底下的三个图形依序选取起来
按下 Ctrl +G 组成群组
再到功能区内套用「擦去」动画
擦去的方向设为「自上」
开始的方式则设为「接续前动画」
最后,我们再将上面的文字框
套用「淡出」效果
开始的方式则同样设为「接续前动画」
你可以持续重复这个步骤
将后面的三个时间标记
套用相同的动画设定
另外为了让简报
能够带给观众一些前卫的科技感
我到上方的「插入」标签中
点选「音讯」
来插入一首具有新世纪风格的配乐
音乐的播放模式则设为「在背景播放」
如此我们就可以按下键盘的 F5 (播放投影片)
来欣赏今天的练习成果啰
OK,那今天的 PowerPoint 教学
我们就介绍到这里
我们下回再见,拜拜