hello,大家好啊,我是summer!
光, 是大家都喜欢的东西,要想生活过得去,头上总得...不好意思,跑偏了。
这不禁让我想起了那年,为了拯救世界,为了迪迦,大伙儿都化成了光...
![0a8b80572ba101c6c65dac67d3d1f818.png](https://i-blog.csdnimg.cn/blog_migrate/9716338f02914eecd28740a741cf1257.jpeg)
可是,有光的地方就必定有阴影。
阴影,这个词在大家印象中好像都是带有贬义,总是会联想到一些不太好的东西,但是我想说的是,阴影其实真的无敌!
特别是在设计上的运用,来看看大神的作品先:
![32467ff30a2cf5b13c00a478fe7d827d.png](https://i-blog.csdnimg.cn/blog_migrate/0e8e62a3938cc9460a61a91c772a2488.jpeg)
来自Dribble @Timotius Muliawan
![06c629d264cff8655e2f2b006940ed52.png](https://i-blog.csdnimg.cn/blog_migrate/055ea2ec4022c6f2e46e41cccb55a737.jpeg)
来自Dribble @tubik TEAM
![1d5c59ead8093d5f3d2ad9ebf4b64036.png](https://i-blog.csdnimg.cn/blog_migrate/6938dec6cdb8d2a2dceff7832c56f318.jpeg)
来自Dribble @Pixelz Studio TEAM
这些看起来是不是很简单,总感觉有手就行,然后当自己去做就会发现...
![868ac4f92109be611a47d0a3ba5a313c.png](https://i-blog.csdnimg.cn/blog_migrate/22bf6231be5bcc4dba77c9b65b4334ec.jpeg)
这些作品的高级感是怎么来的?
仔细的朋友肯定注意到了,那就是用了非常巧妙的--阴影。
这一套在PPT中同样适用,当你把阴影玩到飞起,就可以做出下面这些,再拿出去装哔了!
![1abf777a2902d37e6443fb759bdc1b81.png](https://i-blog.csdnimg.cn/blog_migrate/c4d34d868961b13bd491782ca44de895.jpeg)
![e8236826f4d1bcdbd7d130c0b869e2f3.png](https://i-blog.csdnimg.cn/blog_migrate/4fe945aaa7b5f22d5dc50837b7955b6e.jpeg)
![ae1d2c7cd5d4be941a2e619bad321e4d.png](https://i-blog.csdnimg.cn/blog_migrate/57b5a1cd68869fd25b394e03aceb5da2.jpeg)
那么今天,我就来给大家介绍一下,阴影到底怎么玩儿?
退后,该拿出小本本了!
01
基础阴影设置
首先,这是一个简单的圆:
![51156643d3285fab6d8acf7cedcde488.png](https://i-blog.csdnimg.cn/blog_migrate/745a3598eebf5fc38fe2a79bba874e01.jpeg)
我们右键点击圆形,选择【设置形状格式】,就可以在形状选项中找到阴影设置了。
![57bc2135460a0db2767514b29e42fc3a.png](https://i-blog.csdnimg.cn/blog_migrate/bc972656d1732aea1e942c167a0f6a44.jpeg)
在预设中已经有了部分设置好了的参数:
![f0b95275369db3971c6f99a59d5dc20c.png](https://i-blog.csdnimg.cn/blog_migrate/c04c4d3dbdbe276661c16c9bedfe5a89.jpeg)
但是如果直接选用这些,很有可能会翻车...
![25fdc84288373abd3b6d0993120ecc16.png](https://i-blog.csdnimg.cn/blog_migrate/7af8be1cde6ff42096a57c4496f97a20.jpeg)
所以,我们要根据具体需要,调节下方的五种参数:
![9c12c2d3b023122ee06534ac87623b4d.png](https://i-blog.csdnimg.cn/blog_migrate/7e94605dde236e65ab0bce0ee47f0ad5.jpeg)
关于这五种参数,直接看这五张动图:
![3a88944fcb0797bfce1650f0bf2a5a51.gif](https://i-blog.csdnimg.cn/blog_migrate/759bf05b5f4b5475287ae99e485a89fc.gif)
![7ea283d6785c9c29c87aea3d7ced38c7.gif](https://i-blog.csdnimg.cn/blog_migrate/ee91cac11234acd6d0d2a31e50962d91.gif)
![bd7ce82716e938804c30fd8e7f08c8c0.gif](https://i-blog.csdnimg.cn/blog_migrate/1143eb91efe025e7a3fdc6875a193caf.gif)
![2df5f530db3b0f31ebdd00280f791923.gif](https://i-blog.csdnimg.cn/blog_migrate/442e36f1c8b26750d896cc1f0eca74b5.gif)
![84accf71d988571863fe71f10b682365.gif](https://i-blog.csdnimg.cn/blog_migrate/800760bb077ecd005d4bf7359cfb0e04.gif)
一般我们要具体调节阴影的透明度与模糊度,这样设置的阴影就称为“弥散性阴影”,与普通阴影的区别就是:一个天上,一个地下一百五十层!
![0eb4c531d2ab73549837a291d99cc430.png](https://i-blog.csdnimg.cn/blog_migrate/64b0dea63a9176059cd78530605d91a6.jpeg)
我们在PPT中百分之九十九点九九都是使用的是“弥散性阴影”,他带来的层次感与立体感就能给人一种高级度~
像这种页面比较简洁,很明显重心偏左:
![35b13720146644c04494a24757309950.png](https://i-blog.csdnimg.cn/blog_migrate/281774574e97962fcdd39b26ecb0bef7.jpeg)
为了保持平衡,我们可以在左边放点东西。
当我们放上黑色的圆...你不说谁知道你放俩圆?
![7e95150800617ef8ba0e7f1930f40055.png](https://i-blog.csdnimg.cn/blog_migrate/79069068530de4ca9f20bc8fe3a8e48c.jpeg)
然而, 当我们给圆加个小阴影:
![d60adf6ac021ab4ffdd0da2652dfcd45.png](https://i-blog.csdnimg.cn/blog_migrate/8b361d43b9bdc68bba111ff7a54ab3bd.jpeg)
这逼格,是不是分分钟就上来了!
当然,给俩圆一人一个颜色,也不失为一个好办法:
![df69da5a2e3b660443eaebee72b45adb.png](https://i-blog.csdnimg.cn/blog_migrate/1c63fd7756d72fd3ce660eaac30dadef.jpeg)
不过重点还是阴影上,加个阴影,真的不一样!
![e53ad6f638f093443722ecefdf1de4d0.png](https://i-blog.csdnimg.cn/blog_migrate/66f7f0b6a93b5014c00fbc8da226f6fa.jpeg)
![1ec858fbc8864e5e3b68012c7ccc7c4a.png](https://i-blog.csdnimg.cn/blog_migrate/2c904356d7b9c25c4118250e37feacc0.jpeg)
这种小阴影,瞬间增强页面的质感,显得更加自然、柔和~
真的屡试不爽!
![31728227299e48f74b449d0bcfa0a976.png](https://i-blog.csdnimg.cn/blog_migrate/8879c9ad169d040192dfe28c1817d98e.jpeg)
![42d11951ac039350c68f274063a1d9ae.png](https://i-blog.csdnimg.cn/blog_migrate/1108e39081116f6b9a27b7c0e04d64e6.jpeg)
02
自制阴影
除了像上面所说的那样,通过改变那五个参数来调整阴影,我们还可以自己来制作阴影!
比如,这页的主题是凸显“轻盈”:
![dc020532ddb7744ffcca379758ee2542.png](https://i-blog.csdnimg.cn/blog_migrate/118a52068738089faa534e6e33489598.jpeg)
我们除了选用比较柔和的字体,还有没有别的方法?
当然有!我们添加一个小阴影,让整个羽毛就有个漂浮起来的感觉,这还不轻?
![83724781d7fb7c057388a3942faaae97.png](https://i-blog.csdnimg.cn/blog_migrate/bc6e59fa2fa6b63eab6967bc24287a29.jpeg)
那这个小阴影怎么做的呢?其实很简单!
我们先插入一个小椭圆,设置为灰色:
![feaee54a35f03a90ce8d778e93121a0f.png](https://i-blog.csdnimg.cn/blog_migrate/1c7f32b528ccecf1804d92ed62ff0ca5.jpeg)
然后设置整个椭圆的形状格式,选择【柔化边缘】,然后调节一下参数,就能做出这种阴影的效果了!
![98b916bdf3135139fc7b49648f3dfd14.png](https://i-blog.csdnimg.cn/blog_migrate/c2b3312de4ec89fdf1a01827cbe58714.jpeg)
如果你嫌颜色不够正,那你换个更灰的灰色呗!
用这个方法就可以做出各种“仿真”阴影了,更有层次感了~
![9655df16a26d21dabc34f156f5385fa7.png](https://i-blog.csdnimg.cn/blog_migrate/b29a23083c9e4fd7fb2412dfc4295ec2.jpeg)
![9e57a4f93e37100327e169ac5c021976.png](https://i-blog.csdnimg.cn/blog_migrate/0cdf1c2ba0774f4989a0e009b2cbd25d.jpeg)
![4398452d55cdaa4befa5c05497431713.png](https://i-blog.csdnimg.cn/blog_migrate/8e404196bf7a8223f021958c45713fe5.jpeg)
我们还可以通过制作渐变矩形,来”以假乱真“!
看起来就像真的投影一样,是吧。
![278d54212760bd797f8ccc3fb0f97b13.png](https://i-blog.csdnimg.cn/blog_migrate/d43ef37d1b8c8c38a902ecb822d83d36.jpeg)
怎么样,这些阴影小技巧都会了吧,从此以后,加个阴影,PPT不再是阴影!
OK,现在又到了点赞环节,大家有什么不懂的可以随时来问我~
咱们下次再见,拜拜~
更多精彩内容,请关注公众号:听你的了!