Bili-Docs
技术工具设计创作

这若隐若现的毛玻璃PPT,太漂亮了!

视频详细讲解了在PPT中通过艺术效果叠加、相交运算裁剪及平滑切换制作毛玻璃视觉效果的步骤。

UP主: 黑白间设计 · 时长: 5:00 · 🔗 B站原视频

发布: 2021-06-10 · 收录: 2022-02-20

标签: PPT教程 · 毛玻璃效果 · 幻灯片设计 · Office技巧

开场:毛玻璃风格介绍

大家好,我是老黑。本期分享一种非常漂亮的 PPT 风格,就是这种毛玻璃设计风格。它不仅静态的时候好看,动起来更好看。接下来详细讲解一下在 PPT 中的制作步骤。

第一步:制作整片毛玻璃背景

首先来制作整片的毛玻璃。我在深色背景上画了几个渐变填充的圆形,然后把这张 PPT 保存为图片,重新插入回来。

在“设置图片格式”的“艺术效果”中,有一个“玻璃效果”,它能让形状边缘出现弥散的小点。我把参数调整到最大。

PPT 的图片艺术效果只能叠加一层,要多次叠加,可以把这张 PPT 保存为图片再插入回来。为了方便,我直接使用 One Key 插件的一键转图功能。

第二个艺术效果选择“虚化”,将半径设置大一些,再次转图。再给图片添加一个“胶片颗粒”效果,力度大小设置到 10 左右,转图。

最后这个转图是为了节约后期软件的计算压力。把这张图片剪切到初始页面之上,我们就得到了整片毛玻璃效果。

第二步:裁出想要的毛玻璃形状(3 种方法)

第二步就是裁出自己想要的部分,具体有三种裁剪方法。

第一种:直接裁剪。右键图片选择“裁剪”,拖动边缘就可以了,但这种裁剪只能裁出横平竖直的矩形。

第二种:背景填充裁剪。将模糊图片剪切填充到幻灯片背景中,再把刚才导出的清晰图片拖进来,随便绘制一个形状,设置为“幻灯片背景填充”。你会发现不管这个形状拖动到哪里,都能呈现出毛玻璃的状态。这种方法的优点是可重复利用。

第三种:相交运算裁剪。我还是推荐最后一种。绘制一个形状,比如圆角矩形;先选中模糊图片,再选中圆角矩形,运行“合并形状”下拉栏中的“相交”命令。这种方法有什么好处,看到后半段你就知道了。

第三步:让玻璃片更像玻璃(阴影、边框、变色)

下一步,把裁剪出的玻璃片调整出更好的视觉效果。

先给它一个外部阴影,将模糊设置大一些;然后再给它一个渐变边框,这里的渐变颜色可以添加一些透明度,让它更有玻璃的感觉。

甚至还可以给玻璃变色:切换到“图片格式”,修改它的色温,就制作出了有色玻璃的效果。

第四步:用玻璃片做版式框架

利用这些玻璃片就可以进行版式设计了。比如我要做一个左右版式,可以直接右键裁剪,将玻璃片裁剪布局到页面左侧;再复制一张完整的毛玻璃过来,裁剪布局到页面右侧,就得到了左右版式。

同理,我们可以制作 N 种版式框架,在其中写上文字就完成了平面设计。

第五步:让毛玻璃动起来(平滑切换)

最后还可以让毛玻璃动起来。

我们刚才用第一页居中的毛玻璃裁剪,得到了第二页左侧的毛玻璃,二者对应。但右侧这张玻璃是新建的,所以需要把它复制粘贴到首页中,裁剪到页面之外,然后赋予第二页 PPT “平滑切换”,就实现了毛玻璃的顺畅移动。

同理,将第二页的毛玻璃复制粘贴到第三页中,裁剪到页面之外;第三页中的毛玻璃复制粘贴到第二页中,裁剪到页面之外;然后赋予第三页 PPT “平滑切换”,二者又建立起了顺滑的连接。

这就是为什么在裁剪的时候,我推荐用相交运算的原因:因为图片与形状相交的结果,可以这样丝滑地运动起来。

结尾

以上就是本期的内容,下次再见。

On this page