![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/0c4d8ad8-c96e-41ee-ab28-fe8e5134aed2.jpg)
设计师最爱的发布会之一必须有苹果,每次看完苹果发布会之后惊讶的都不是它的手机,而是它的PPT,每次都会有让人眼前一亮的设计感,就像这张:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d1789810-bee4-471d-bda0-76d5a64337df.jpg)
这张PPT的设计有什么可取之处呢?
01采用了霓虹灯的设计风格
其实,从这一次大会的主kv中,我们就会发现,这些小图标的设计处理,都是有霓虹灯效果的:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/c25f7678-4560-4d46-a8fb-5b731b4eafc6.jpg)
那么,为了能够与主kv保持一致,PPT的设计也采用了这种风格:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/6937fbe3-c4c9-402c-b584-01e8b0759795.jpg)
这不仅在视觉上保持了整体风格的统一,而且,相较于无效果的设计而言,霓虹灯效果的使用,也让PPT的设计有了更多的细节。
我给大家打包了一份光效素材,用在PPT上超赞,文末领取~
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/f43ab395-c977-4795-8a41-5cb67379e3d7.jpg)
当然,除此之外,在很多平面设计作品中,也越来越多地使用了霓虹灯光效设计:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/1cd1168d-a0c2-4660-af8d-df0bbc22436c.jpg)
那么,这种霓虹灯的效果是怎么做出来的呢?
其实非常简单,记住这两点你也能轻松做出这种霓虹灯效果:
- 整体发光;
- 底部阴影;
究竟是什么意思呢,说的再多不如实操一遍,以这个为例:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/18f85357-c341-4ab7-bf03-da998f7db4ba.jpg)
如果我们想要为它添加霓虹灯效果,只需要添加上发光和阴影效果就够了:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/57e9fb96-0432-4209-9db6-66f12b8e797e.jpg)
非常简单,做出的成品会有一种淡淡的光晕感:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/4a533dd7-be16-4f7e-a40e-6444f1954425.jpg)
不过,这里要注意3点:
- 发光效果的半径不要过大,尽量不要超过5,要不然就会显得很廉价。
- 元素只能保留边框,而不能进行颜色填充。
- 背景务必是深色的,营造夜晚的感觉。
02文字采用了切口处理
相信看过这次发布会的读者都知道,PPT中使用到的文字,并非完整,而是有切口的。就像这样:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ac82e85e-d2d3-4f99-b875-af6caaed6b45.jpg)
这也是一个很巧妙的文字细节处理,可以让文字变得更像一个图形符号,从而更具设计感。
那这个切口的效果是怎么做的呢?很简单,我们只需要用到PPT中的一个基础功能,叫做幻灯片背景填充。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/963a7f90-4c13-454f-9010-f2d61c9d2308.jpg)
什么意思呢?简单看一个案例。比如像这么一个简单的封面,大家可以看到文字中的笔画细节:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ff162d84-37e1-47fe-9093-31d31db2bd3b.jpg)
那它的断点是怎么做的呢?大家可以看下,我在笔画处添加了一些色块,然后,我们把它设置为背景填充即可:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/88495c46-db85-4082-a4f5-98e2371663b2.jpg)
当然,这个案例是纯色背景,直接对其进行颜色修改也可以完成。
但是,如果背景是图片呢?那必须使用这个方法了。
文末领取素材资源
什么意思呢?咱们再来看一个案例。比如就是它了,我们看到,文字的接缝处有很多断点:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/0bf0d816-7d71-4f77-8eb0-4efb8cd9eef8.jpg)
那这个是怎么做的呢?一样也是用到了幻灯片背景填充。给大家详细说一些步骤:
首先,插入图片后,我们选择剪切:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/f64e6b6c-6936-4106-830f-c9f5f91fd046.jpg)
接下来,我们选择背景填充中的图片或纹理填充,选择来源剪贴板:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/98470382-aa41-43df-a3ed-20008bcd18af.jpg)
然后就是输入文字,并且在文字的笔画处,添加上一些色块:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/e89e7027-f4eb-427d-a249-931129cd51e2.jpg)
最后,我们只需要把这些色块的填充,修改为幻灯片背景填充即可:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/0f357b4e-aea2-46b9-891b-a80e855a66bb.jpg)
明白了吗?这就是通过一些细微的处理,让画面更具细节。
当然,切口效果的处理,在PPT制作中,还可以有更多的使用场景。
比如说,我们还可以做成这样:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/5ab66172-e918-4dac-bfe0-b0f76d7c38a8.jpg)
或者是这样:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/b68b6f32-180b-4b0b-b2bf-0a45ab325831.jpg)
那它是如何进行幻灯片背景填充的呢?
如果我把切口处的色块变为白色,大家就会发现其中的一些端倪:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/3676044e-ff8b-4bb5-afcd-f390dc154e38.jpg)
懂了吧?操作是单一的,但是思路是无限的,任何一个看似高级的页面都是由一个个不起眼的小操作积累出来的。眼睛看会了别忘了动手操作一下哦。
另外我给你打包了一份我积累的常用光效素材,用在PPT上超惊艳!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ddbb8f1e-d814-4ad7-b5cc-8cc30a6ae9c1.jpg)
你可以:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/1a6a1ba1-698b-4e28-b179-fd3423573528.jpg)
文章为用户上传,仅供非商业浏览。发布者:Lomu,转转请注明出处: https://www.daogebangong.com/articles/detail/If%20you%20dont%20accept%20it%20you%20can%20restore%20Cooks%20favorite%20PPT%20effect%20in%207%20seconds%20female%20colleague%20I%20love%20it.html
评论列表(196条)
测试