90%的人不知道，《菊次郎的夏天》海报里，藏着这样一个PPT神技巧

作者：张相禹

编辑：小南

今年夏天因为种种原因暑期档一直不温不火，万众期待的《姜子牙》、《花木兰》等大作推迟上映，电影院比往常少了些吸引力…

 

但就在前几天，由北野武执导的影片《菊次郎的夏天》悄咪咪的发布中文海报，将在 2020 年夏末与我们重逢~

 

电影讲的是邻家大叔菊次郎，带着小男孩正南寻找妈妈的温情故事。

 

看惯大片的我们，偶尔换换治愈系也不错~

 

而且《菊次郎的夏天》「朴素」的海报，也特别吸引我！

 

 

海报没有过多的修饰，主打极简温馨的风格。

 

但仔细观察，这份设计使用了「模糊」的设计手法。

 

是不是觉得很眼熟？

 

模糊处理技巧早已流行，很多海报上都有它的身影！

▲ 上下滑动查看图片

怪不得之前看这些海报的人物和文字这么顺眼，原来不是演员的颜值吸引我，是模糊了背景，所以主体人物显得特别突出。

 

我们不喜欢拍出模糊的照片，但模糊技巧只要运用得当，能为设计作品加分不少！

 

想到这，我就迫不及待的深入研究，并运用到日常的 PPT 设计上了。

 

下面我就和大家分享一下我的学习成果吧~

用模糊突出内容主体

 

模糊手法最常出现在摄影上。

 

通常为了聚焦某一物体或人物，我们会在对焦时模糊周围环境，突出主体。

 

 

在设计中，它能有效降低背景图片干扰。

 

和普通的透明色块相比，它不仅起到蒙版的作用，还能使主体内容更好的融入环境。

 

以这张《菊次郎的夏天》海报为例：

 

 

为了降低环境对人物识别的干扰，将上下两个区域模糊化，使观众视线轻松聚焦到两个人物。

 

且下半部分的标题也因背景模糊，而更加突出。

 

若想要将图片模糊化，一般来说可以使用 PS 的模糊滤镜。

 

但对于简单的图片模糊处理，PPT 是一个很好的工具。

 

在 PPT 中我们选中图片，使用艺术效果中的「虚化」，就能轻松制作一张模糊背景，模糊程度可以调节相关参数修改。

得到一张模糊背景后，你就可以在上面放文字啦~

还可裁剪模糊后图片，做出局部模糊的效果。

但这样的局部模糊，边缘有些生硬，能不能再精益求精，把边缘变得柔和一些？

 

比如这种效果：

答案当然是：可以！

 

这里我们需要「OneKey Lite」PPT 插件。（以下简称 OK 插件，后台回复关键词“插件”，可以获取下载哦）

 

❶ 画出一个白色透明度射线渐变的圆形，透明度渐变参数分别为 100%，25%，0%。可根据聚焦对象调整相关参数。

 

 

❷ 需要模糊的图片置于渐变圆之上，选中两张图，在 OK 插件的「图片混合」功能中使用“正片叠底”。

 

❸ 最后将 OK 插件的生成图虚化，覆盖在原图上即可~

  

不知道这波操作大家有没有看懂？如果没懂，说明我们日常的文章你看得太少啦！（狗头）

 

同理，大家可以尝试不同类型的渐变 get 各种模糊效果~

wow 老板再也不用担心我不会做模糊的图片了！

 

全图模糊用艺术效果的「虚化」，局部模糊要裁剪图片，柔化模糊边缘使用渐变 OK 插件~

 

模糊技巧我学会了，但仅仅作为背景感觉有点点浪费…

 

其实有很多设计感的搭建，都离不开模糊处理。

 

接下来为大家介绍下如何用模糊效果搭建「三感」—— 空间感、动感、光感。

用模糊搭建空间感

 

我们在空间上看到的物体遵循一个原则：近大远小、近实远虚（过于靠近视线也会模糊）。

 

在 PPT 中，离我们视线近的元素更大、更加清晰；过远的元素更小、模糊度更大。

 

空间感的搭建紧紧围绕这个原则，下面简单从页面装饰、文字笔划模糊、多图排版为大家介绍该如何运用。

 

❶ 页面装饰技巧

 

当一个页面太空时，我们通常能想到为它加一下小小的装饰。

 

 

但就这么加上去感觉很 normal……

其实是因为这些形状大小、清晰度都相同，好像在同一平面上，没有空间感。

 

上面我们提到空间上近实远虚的原则，马上用一波。

 

在此基础上我们将部分形状用「柔化边缘」调出不同程度的模糊效果，离视线过近的形状也要模糊~

是不是一下子感觉好了很多！

 

如果用 PNG 图片作为装饰元素，用图片艺术效果的虚化即可。

▲ @小余同学

 

总的来说装饰物要遵循“近小远大、近实远虚”的原则。

 

❷ 文字笔划模糊

 

美化封面除了加装饰点缀外，还可以对主标题下下功夫。

为了给标题添加空间感、层次感，我们可以将部分笔划模糊，好像它们出现在远处。

 

而清晰的笔划出现在视野近处，这么一处理空间感立马就有了！

用这种技巧你也可以做出这些效果：

 

▲ @21 天生存战 蛋蛋

 

▲ @21 天生存战 刘笑

 

仅仅虚化处理了标题，封面就完全不一样了，笔划模糊这一招赶紧学起来！

 

❸ 多图排版

 

除了装饰和文字，我们经常遇到多图排版。遇到一堆图片，还得排的好看，好难……

 

最多做的像这样工工整整就不错了：

 

这期我们学习了利用模糊营造空间感的方法，赶紧用起来试试！

 

将图片设置不同大小和模糊度，重新排一排~

效果又这么惊艳，模糊简直不要太好用！

 

学会了模糊在装饰点缀、文字笔划模糊、多图排版上搭建空间感的运用，看看下面还有什么大开脑洞的玩法吧~

用模糊让画面动起来

 

在一些像素不是很高的相机中，拍摄运动的物体总是会出现模糊的情况，我们用肉眼观察也是同样。

 

比如我们经常用的表情包：

 

我们正好利用这一点，给我们的 PPT 做出动感！

 

❶ 用 PPT 虚化效果制作动感设计

 

设计不同于摄影，我们还是要保持主体的清晰度，所以做少许艺术加工即可~

 

对于这一页设计，人物呈现静态定格动作，动感有所不足。

一般来说运动的人物边缘会呈现模糊的感觉。我们复制一份图片，虚化处理，并将透明度调高，错排放在原图的下面。

是不是有内味儿了~

 

如果不满足这样简单的处理，我们需要使用 PS 的模糊滤镜，操作也很简单。

 

❷ PS 中的动感模糊

 

我们同样要做出衬于原图下的虚化图片。

 

首先，我们用 PS 打开原图，在「滤镜」选项卡中，选择「模糊」-「动感模糊」。

 

 

接着，根据运动方向调节模糊角度，适当调节距离大小。

 

 

最后，将图片导出，调节透明度后置于原图下即可。

学会动感模糊后，我们也可以选择模糊背景，此时人物可以为定格画面。

 

（Tips：只要人物和背景呈现相对运动就能营造动感啦~）

 

不光是人物，任何运动的物体都可以用模糊营造动感！

对于简单的动感，用 PPT 的虚化效果即可，如果要做的更逼真，推荐大家使用 PS 的动感模糊~

用模糊让 PPT 标题发光

 

模糊 = 发光？

 

想必大家都奇怪这两个词有什么关系？

 

我们先来看一张案例：

 

这张案例的文字光效一看就感觉是为标题量身定做。

 

其实这是用 PS 的「径向模糊」制作的光效！

 

关于「径向模糊」，以前我们在这篇文章里有写过哦~

（别不信！PPT 里看起来价值百万的光效，其实有手就能做！）

这种光效用于科技风超级炫酷有没有！

 

同理，发光数字、发光形状也能用径向模糊顺利拿下。

▲ @21 天生存战 伟崇

 

PS 中的径向模糊滤镜能制作出散光的光感，用于文字、数字、形状均可。

 

模糊效果不单单可以降低背景对内容主体的干扰，我们还能用它搭建场景空间感、人物或产品的动感。

 

如果要制作更精细的动感，需要使用 PS 的动感模糊滤镜。

 

在科技风中想要制作散光光感，用 PS 的径向模糊滤镜就能搞定。

 

那么本期到这里就结束了，案例源文件为大家送上~