前不久,小叶翻看朋友圈发现,熬过艰苦的军训,很多小仙女小鲜肉都开始了正式的大学生活,大学生活在他们眼中充满了新鲜与惊喜。
小叶不禁想起了自己上大学时的样子,大学的生活非常精彩,教室上课、图书馆自习、社团活动、球场挥洒汗水、树林里手拉手……
当然小叶最拿手的 PPT,在各种场合表现得也是很精彩。
比如当年的英文歌唱大赛颁奖典礼上,背景 PPT 就是小叶的作品。小叶的 PPT 在插入暖场音乐、十强选手演唱片段、颁奖音乐的同时,把画面打造成了下面的模样(其中一张)。
有没有觉得既切合主题,又有新意和美感?想不想知道如何用 PPT 做出这样的效果?
下面小叶马上告诉大家我的制作办法。
01
吸取灵感和构思
◆ 
由于缺乏 UI 设计经验,小叶会在正式制作幻灯片前,先搜集了相关的优秀作品,从中挑出合适的风格进行模仿,或者从中汲取灵感进而构思。
小叶发现,其实在百度图片里搜索「播放器界面设计」,出来的结果就可以出乎意料地很高级很好看。
另外,花瓣和站酷上的案例质量也是一如既往地高,在微信搜索里也能搜索出优秀案例展示的文章。
这里小叶就不过多赘述了,当然如果日常就有收集是最好不过的了,实在找不到的话,打开自己手机里的音乐播放 App 观察一番 UI 设计也是可以的。
通过翻看大量作品,小叶选出了自己特别喜欢的一些界面,并把它们排列在一页 PPT 上。
小叶觉得这么做的好处是,我们可以通过按住【Ctrl】的同时拖动鼠标滑轮快速缩放视图来观察案例,还能在接下来制作的时候,把要参考的图片快速复制到那页幻灯片旁边。
通过观察和分析,小叶发现想要打造这类风格的页面,都要在背景之上插入一张带有阴影效果的图片,其中按钮图标的风格扁平简约,在虚化的背景上一般还覆盖着半透明蒙版。
然后小叶就开始了正式的操作。
02
绘制形状,设置「发光」效果
◆ 
通过观察,简约风音乐器播放界面上用到的图标,基本都可以用 PPT【插入】-【形状】里提供的形状打造出来。
还有一个代表音量的图标,小叶是从 PPT 插件 iSlide 里的图标库里获取的。
如果还没有安装这款插件的话,在我们公众号「秋叶 PPT」后台回复关键词【插件】即可获取。
当然也可以在网上获取图标资源,如果你不知道去哪里找的话,在公众号「秋叶 PPT」后台回复关键词【资源】或【图标】就能找到它们了。
这是小叶通过形状和图标素材做好后的界面图标的样子(为了便于显示,小叶把这时的背景填充成了深色,RGB(64,64,64))。
两个矩形构成了「开始/暂停」图标,一个三角形就是「下一首」的图标,圆角矩形框加一个实地填充的圆角矩形构成了进度条……
不过,小叶给它们设置完填充颜色(白色)和透明度(15%),以及给圆角矩形框设置完描边粗细(0.5 磅)和透明度(60%)后,还进行了一步设置——「发光」。
先选中图标,然后右键选择【设置形状格式】,在「发光」里选择「颜色」为白色,设置「大小」为 3 磅,「透明度」为 60%。
当然,你也可以根据自己的视觉体验对相关的参数进行设置。
制作完成这些图标后,小叶先把它们放在了这页幻灯片上,又去新建了一张空白幻灯片开始了后面的操作。
03
处理图片,添加蒙版
◆ 
首先根据要播放的音乐选择合适的配图。小叶的做法是使用了和音乐主题切合的图片素材,当然小叶觉得用到歌曲的专辑封面图或者歌手写真也是不错的。
如果还不知道图片素材怎么找的话,还是在我们公众号「秋叶 PPT」后台回复关键词【资源】,免费图库的链接也都在里面。
接下来小叶就要展示操作步骤了。
❶ 右键幻灯片空白处,选择【设置背景格式】,在「填充」勾选「图片或纹理填充」,「插入图片来自」里点击【文件】,然后将要用的图片从文件里添加进来。
❷ 如果图片尺寸比较合适的话,进行完上一步操作后一般就不用调整了;如果变形比较严重的话,可以勾选「将图片平铺为纹理」,并在下面的参数设置进行调整,直到对画面满意为止。
❸ 在「艺术效果」里选择「虚化」(第二行最后一个)。
并设置「半径」为 5,当然这也是可以根据图片和视觉效果进行调整的。
对「亮度/对比度」也进行了设置。
❹ 点击【插入】-【形状】,插入一个矩形,填充为 RGB(64,64,64),无形状轮廓,透明度设置成 50%,覆盖在整个背景上面。
❺ 点击【插入】-【图片】,将刚刚作为背景的图片插入进来,并缩放到合适大小,在画面上安排好位置。然后右键选择【设置图片格式】,设置「亮度/对比度」到合适的参数。
然后再到「阴影」设置里进行参数设置,这里小叶选择阴影颜色为白色,其他的设置如图。
这时的效果就和下图一样了。
简单总结一下就是先对背景虚化处理、调整亮度对比度,添加半透明蒙版覆盖在背景上,插入图片并设置阴影、亮度对比度等。
04

摆放图标,添加文字

◆ 
❶ 再次插入一个矩形,填充为 RGB(64,64,64),无形状轮廓,透明度设置成 25%。然后把底边和左右两边与图片的边缘对齐,并调整出一个合适的高度。
❷ 将最开始制作好的图标复制粘贴进来,调整摆放位置。
❸ 接下来,小叶选择了 Arual 这款西文字体,将字体颜色设置为 RGB(64,64,64)。输入完文字内容后选中文本框,右键选择【设置形状格式】,在「文本选项」的「纯色填充」里将透明度调整为 30%。
然后在「映像」里按照如下数值进行参数设置。
还是那句话,这里根据当时的配图和自己的视觉体验来设置,也可以采用其他的文字风格。
再插入需要播放的背景音乐(不知道如何插入 PPT 背景音乐?点击这里!),这页幻灯片就算是做好了。
再来看两张小叶做的页面。
这张上的蒙版填充的颜色是 RGB(242,242,242),图片本身亮度就很高,所以设置亮度和对比度时提高的幅度就很小,分别提高了 3%和 6%。
而这张幻灯片里,小叶把图片的「色温」调整为了 8,800K,让画面色调变得更加柔和,减少了原图(下图)大面积亮白色带来的不适。
所以说,在制作不同幻灯片时,对于形状、图片、蒙版、字体的处理均是灵活的,通过反复的调试找到最佳的视觉效果。
至此,小叶今天的分享就全部结束了,有没有给各位同学带来启发呢?如果你喜欢小叶的分享,那就不要吝啬你的收藏和转发
~
◆ 好文推荐
◆ 星标置顶
当然也别忘记把小叶,也就是公众号「秋叶 PPT」设置成星标订阅号,满满的干货和福利,将在每天的 7:17 与你不见不散!操作步骤见下图↓↓↓
◆ 酷炫PPT动画 
炫酷、实用的 PPT 动画该如何制作?
有一门课请你务必不要错过——
《和秋叶一起学 PPT 动画》
好评如潮,值得拥有!
更多炫酷动画效果等你解锁!
请用力点击「阅读原文」↓↓↓
继续阅读
阅读原文