最近莫名喜欢霓虹效果,用PPT耍一下,走你!
![](https://img.haomeiwen.com/i8897345/c354bb7928c58cfc.png)
![](https://img.haomeiwen.com/i8897345/50c34fe0736b7896.jpg)
有follow公子微博的应该会发现我最近莫名喜欢「霓虹」效果,纸醉金迷的范儿,哈哈
![](https://img.haomeiwen.com/i8897345/c8af2de30f342c35.png)
就像这组Vladislav Solovjov的作品:
![](https://img.haomeiwen.com/i8897345/c1a90d667a773e7c.jpg)
![](https://img.haomeiwen.com/i8897345/e9e54c3a203c0f1e.jpg)
![](https://img.haomeiwen.com/i8897345/a525c00b5c1af65e.jpg)
其实这种效果在PS里是特别好实现的,设置或下载好一款样式(网上很多)基本就搞定了!
但公子就很想用PPT来耍一下,事实证明效果还不错,而且操作也并不复杂!从灵活性可修改方面我还是偏爱PPT的,先来看一下公子做的几个小样吧,提前警示有点闪!!
![](https://img.haomeiwen.com/i8897345/d35fd866f65b1f04.gif)
![](https://img.haomeiwen.com/i8897345/c56716eee3ae156a.gif)
![](https://img.haomeiwen.com/i8897345/820641520299b393.gif)
![](https://img.haomeiwen.com/i8897345/aae08ecc24f285c0.gif)
![](https://img.haomeiwen.com/i8897345/faeab44e7f1172aa.gif)
![](https://img.haomeiwen.com/i8897345/676240cf58583ef5.gif)
以上就是公子根据Roberto Perrino的灵感做的几个霓虹灯字牌小样,从设计到动画全部都是在PPT内操作完成!有没有觉得很酷炫,如果你也喜欢这种效果,那公子今天就来教你们如何制作!
之前我已经介绍过「阴影效果」的重要性,并且列举了一些玩法!那我们今天就加上「发光效果」创造更多可能性,走你!
我们就以下面这页为例:
![](https://img.haomeiwen.com/i8897345/0d84827abe5ec060.jpg)
01制作背景光晕
首先我们要制作的是背景光晕,但前提是你已经确定了字牌的设计和颜色搭配,总之就是草图先行!
不光是制作这种页面,公子做PPT的时候都会先有草稿的,建议你们也这样做,不要随心所欲的去”画“!
首先我们先找一个背景图片,配合这种灯牌的效果,一些破旧的墙壁、废弃建筑、涂鸦背景都可以,随你们发挥......
这里公子是为了文字清晰,给你们展示的时候不宜太花哨,所以选择了这样一个简单的砖墙背景!
![](https://img.haomeiwen.com/i8897345/e4d0e85f6d428da5.jpg)
然后我要加上一个黑色渐变图层,目的是调暗背景,但要为灯牌预留出「亮」的部分!
![](https://img.haomeiwen.com/i8897345/c4da49a2d05e95dc.jpg)
![](https://img.haomeiwen.com/i8897345/b683d09e4283e4ba.jpg)
这样做的效果就是,中间灯牌位置依然可以看到砖墙背景,更逼真一些!
![](https://img.haomeiwen.com/i8897345/6b1e043df66794d7.jpg)
下面我要加光晕了,为什么我要单独加光晕呢,因为PPT本身的「发光效果」是有一点鸡肋的,很难做到渐变,只能统一调整发光的透明度,所以我要用自定义形状来模拟!
![](https://img.haomeiwen.com/i8897345/962ac789996e2cb4.jpg)
![](https://img.haomeiwen.com/i8897345/b92387efd19673b0.jpg)
利用自定义形状来制作发光效果,和我之前讲的用形状来模拟阴影其实是一个道理,记住灵活运用!下面看一下效果
![](https://img.haomeiwen.com/i8897345/610e069aae54aafa.jpg)
根据我的构想,中间主标题文字是淡蓝色的,所以还要有一个扁长的椭圆淡蓝色光晕!
![](https://img.haomeiwen.com/i8897345/143d91c1ee7a0aa1.jpg)
![](https://img.haomeiwen.com/i8897345/a298f9c487a58510.jpg)
到这里主光晕基本就完成了!
![](https://img.haomeiwen.com/i8897345/f6b0eaa744a21196.jpg)
因为整个设计上下都会有粉色的元素作为搭配,所以我们再分别加上粉色的渐变,道理是一样的!
![](https://img.haomeiwen.com/i8897345/f5ea3010b353af70.jpg)
![](https://img.haomeiwen.com/i8897345/2a8296ffd6647770.jpg)
到这里我们所有光晕的部分就完成了,非常简单!就是四个渐变的椭圆而已!
通过前面的一系列操作,你们有没有已经掌握了一种方法,就利用自定义形状在PPT里模拟发光效果!
后面我们会用到发光效果本身,但它为什么不适合大面积的(磅数)使用,通过接下来的操作或者你去试验一下,就会明白了!
上面所有的渐变参数都只是作为给你们的参考,要看实际效果,并且公子一直在配合使用「柔化边缘」,这也是个重点!
02制作灯牌
根据我的构想,背景部分已经完成,下面我就要加文字、线条即真正的灯牌部分!
先插入两个无填充的圆角矩形,这时候我就要开始用到「发光效果」了!
![](https://img.haomeiwen.com/i8897345/cac52fae7bc0c4be.jpg)
![](https://img.haomeiwen.com/i8897345/05fac2cecedd7605.jpg)
这里用「发光效果」的目的是,这个“灯牌的框架”是白色线条,但要给它一个霓虹灯光源的感觉!
你可能会问那为什么不直接用蓝色和粉色线条填充呢,因为那样会比较生硬,你可以试一下!
接下来输入主标题文字部分,而文字所添加的效果和你字体的选择是有关系的!
![](https://img.haomeiwen.com/i8897345/249bd031770f84ef.jpg)
![](https://img.haomeiwen.com/i8897345/24318c0a2413083e.jpg)
然后我选择换个字体加一行副标题!
![](https://img.haomeiwen.com/i8897345/7838fc27495735f7.jpg)
![](https://img.haomeiwen.com/i8897345/63820f512a81775b.jpg)
那么这里就出现了一个问题,文字遮挡了下面的圆角矩形,非常难看!
如果这里我需要你把这个圆角矩形“割断”,你准备怎么处理呢?合并形状—减除?想法是没错的,但因为这个圆角矩形我用的是线条填充,所以减除后就会是这样!
![](https://img.haomeiwen.com/i8897345/1af14a38e148079c.jpg)
你可以实际操作一下,那公子选择的是一种捷径,右键编辑顶点,然后在副标题两旁各加一个顶点,开放路径,删除顶点,搞定!
![](https://img.haomeiwen.com/i8897345/e6afb8dcb089e583.jpg)
![](https://img.haomeiwen.com/i8897345/57a1a5a1ef23afd3.jpg)
以上操作当然需要一定的熟练性,但的确非常的简单又便捷!
这样的话基本原理都分享给你们了,根据以上我添加线条和文字的方法,分别继续构建你的灯牌就可以了!
而各参数部分根据实际情况或多或少会有些变化,却是没有固定答案的,就看你的发挥了!
![](https://img.haomeiwen.com/i8897345/caf97c895afe9f21.jpg)
而针对这页,公子还有一点要提醒你们的就是上方“割裂圆”的部分!
你以为这也是「形状布尔运算」或「编辑顶点」的杰作吗,不,它只是位置摆放及大小完全一致的几个弧形,明白吗?
![](https://img.haomeiwen.com/i8897345/46301ffb49daf034.jpg)
03制作动画
制作完成后,为了更加的逼真,我要加一个灯光闪烁的动画效果!
![](https://img.haomeiwen.com/i8897345/741ca98a24f95a23.gif)
那现在是思考时间,如果是你来操作,你准备怎么实现这种效果呢?
![](https://img.haomeiwen.com/i8897345/2153292f73f2ac44.png)
你想到了吗,那现在来看一下公子的答案吧!
首先我要在页面最顶层加一个黑色矩形(透明度40%)
![](https://img.haomeiwen.com/i8897345/b0ec0b48801c8526.jpg)
•闪烁一次
给这个矩形添加退出动画——闪烁一次,但这个动画在新版本的office中已经被取消了,所以如果要使用的话,需要借鉴“口袋动画”之类的插件
![](https://img.haomeiwen.com/i8897345/fb0f52e0baaa7413.jpg)
•淡入与淡出结合
如果没有「闪烁一次」动画也没关系,我们可以给这个矩形分别添加「淡入」和「淡出」动画,让它们反复交替执行,这里重复的次数随你的需要!也非常的简单!原理其实就是出现—消失—出现—消失......依次循环
![](https://img.haomeiwen.com/i8897345/ff64be566b15629c.jpg)
•强调脉冲
我们还可以利用强调动画里的「脉冲」,因为它本身就是一个闪烁的效果,只需要设置好重复次数和持续时间就可以了,但效果我认为没有前两个好!
![](https://img.haomeiwen.com/i8897345/7e5d16e86d669273.jpg)
其实还有一些方法可以实现,但我认为以上是最便捷的,你能想到什么方法呢!PPT动画以后公子也会给你们多讲一些,好玩的创意很多的......
以上公子就把如何制作这种霓虹灯字牌分享给你们了,也借着这个例子让你们了解了PPT发光效果的多种实现及运用方式,觉得好玩吗
最后公子想分享给你们,我非常喜欢的ZAKI Abdelmounim几页作品,主题是Neo Hong Kong!香港大概是我去过最喜欢的城市吧,说不清理由。你们最喜欢的城市是哪里呢?
![](https://img.haomeiwen.com/i8897345/5165be8396f1443d.jpg)
![](https://img.haomeiwen.com/i8897345/e6952547eec97111.jpg)
![](https://img.haomeiwen.com/i8897345/703cfd056d5f5928.jpg)
![](https://img.haomeiwen.com/i8897345/770e920d1af9fb6e.jpg)
![](https://img.haomeiwen.com/i8897345/fc0e0c4d1a1e3a67.jpg)
如果你们喜欢公子做的这几个灯牌小样,我稍后细调一下会考虑分享给你们,那你们要记得点赞哈!
![](https://img.haomeiwen.com/i8897345/d5c14a66b148f2ae.gif)
![](https://img.haomeiwen.com/i8897345/1aff2550d59fd1fe.gif)
![](https://img.haomeiwen.com/i8897345/5c6b7adca8326d99.gif)
![](https://img.haomeiwen.com/i8897345/27eb3994364f1a03.gif)
![](https://img.haomeiwen.com/i8897345/1765adb008d9562e.gif)
![](https://img.haomeiwen.com/i8897345/3b72ce5415d99500.gif)
OK,那今天就这样了,Good Luck
![](https://img.haomeiwen.com/i8897345/71a85bb93594898a.jpg)
本文未经授权,请勿转载、摘编、复制及建立镜像等任何使用,否则即为侵权,一切后果由侵权人承担!
网友评论