常看三顿的小伙伴一定对中国风、扁平化这样的字眼特别熟悉,它们代表着PPT中不同的设计风格。流行的风格一直在变,在扁平化盛行的今天,前两年火热的微立体、lowpoly这样的效果几乎销声匿迹。
然而其中也有很多效果保持着极高的使用频率,例如今天的主角,阴影效果。经常能够在各类UI和页面设计上看到它的身影,下面的图片就选自苹果官网。
阴影效果的优点是可以增加元素间的层次感,(图片作者Nick Babich)
这种效果在PPT中也有应用。在三顿的修改计划中就使用过阴影效果,营造层次感的同时整个页面也显得逼格满满。
除此之外,阴影效果还有哪些应用场景?PPT中如何制作阴影效果,这篇文章和大家做个详细的分享。
在分享具体的应用场景之前,我们有必要先了解阴影的制作原理。在PPT中添加阴影的方式有两种。
-------------------------------------------
基本原理
一种是使用软件自带的阴影样式,支持对图片、形状以及文字进行一键添加。
第二种则是对阴影的具体数值进行设置。右击对象,在设置格式中就可以找到阴影的参数面板。
在参数面板中可以修改阴影颜色。除此之外主要调整的是透明度、大小、模糊度、角度和距离五个数值。
好像特别复杂,其实不难理解。三顿这里以文字阴影给各位举一个例子,
距离调整的就是阴影效果和元素本身的位置关系,上半部分是距离为3磅,下半部分是距离为128磅。
模糊调整的是阴影效果的模糊程度,上半部分是模糊程度为4磅,下半部分是模糊程度为87磅。
透明度调整的是阴影效果的透明程度,上半部分是模糊程度为7%,下半部分是模糊程度为75%。
看到这里不知道大家有没有明白,这五个参数其实调整的都是阴影的效果,大小调整的是阴影的大小,角度则对应与原有文字的位置关系。
-------------------------------------------
文字阴影的应用
通过对参数进行调整,我们完全可以做出一些不错的效果。还是以文字为例,
纯文字在页面中特别单调,简单更改阴影的透明度和颜色,就能提升文字的表现力。
除此之外文字阴影还可以应用在一些细节的处理上,以这个页面为例,元素没有添加阴影时相对扁平。
对文字添加细微的阴影后,更能突出文字的质感。
-------------------------------------------
形状阴影的应用
对形状添加阴影,同样可以产生类似的效果。还是以三顿修改计划中的页面为例,阴影可以很好的将形状与背景分离开来,突出页面整体的层次感。
阴影的效果也可以非常细微,在卡片式的设计中经常可以看到阴影效果的添加。
前面和各位分享的都是对文字、形状这些元素本身添加阴影效果。除此之外阴影其实还有很多延伸的制作方法。
-------------------------------------------
借助形状
是的,阴影还有很多复杂的制作技巧。就拿下面这张图片来说,单独在图片两角的位置添加阴影,这种效果就无法用前面的方法进行制作。
那这种效果是如何实现的呢?需要借助其他的形状。在PPT中插入一个矩形和一个椭圆,大小及位置如下图所示,调整好后执行合并形状-减除操作。
制作出这样一个奇怪的形状后我们需要进行两个操作,一是为其添加渐变效果,
二是给这个形状增加柔滑边缘的效果,
完成后水平翻转,调整大小,再放到图片底层。
不知道大家有没有看明白这一系列的操作,其实我们在做的就是新建形状,用它来伪造出阴影的效果。
这种添加形状的方法有很多的变形,很多种形状都能实现同一个效果,
改变形状还可以产生更多的阴影样式,
不妨发挥脑洞,自己动手尝试一下,像下面这样的切割效果也可以用类似的方法制作出来。
-------------------------------------------
弥散阴影
在UI设计中,经常可以看到类似的图片,在按钮的位置添加阴影,这种效果同样也可以在PPT中实现。
首先我们需要在PPT中插入一个类似的形状,完成后再复制一个相同的形状出来。
对其中一个形状添加发光效果,颜色稍浅一些,
之后适当缩小发光形状的大小,将其置于原形状的下方后调整发光效果的大小即可。
非常简单,其实这样的效果仍然是借助形状来实现,而区别只是前者利用柔滑边缘和渐变,而后者则是利用发光效果。
以上就是今天三顿想和各位分享的阴影的制作技巧,回顾一下,其实我讲了两个部分的内容。
- 一是利用软件自带的阴影功能,通过数值的调整增加元素的质感。
二是借助形状,通过柔滑边缘、发光、渐变等效果来对元素进行美化。
除此之外,阴影效果不宜过度,如果过度添加阴影,极易破坏元素本身的美感,这个一定要注意了。
是的,方法并不难学,这些阴影效果制作完后还可以作为素材保存,下次直接使用,因此也非常建议各位自己动手尝试一下~