灯管霓虹效果的字体在PPT中的应用(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:陈西设计之家

关键词

同样使用的是路径渐变。

设置两个滑块,都是紫红色,后一个滑块的透明度设置为100%的效果,前一个滑块设置40%左右透明度即可。

放在背景图片的中心,如下图:

灯管霓虹效果的字体在PPT中的应用,PS教程,思缘教程网

到这里呢,我们的背景就算是制作完成了。

▣ 02

接下来,我们就要设计今天的主要创意元素了:灯管霓虹字体。

这个霓虹字体的设计也不难,精髓在于颜色和氛围的把控。

我们先来拆解一个笔画。如下图:

灯管霓虹效果的字体在PPT中的应用,PS教程,思缘教程网

这个笔画的最终效果是由三个元素组合而成的。我们来看一下每一个元素的效果设计。

第一个元素效果设计。如下图:

灯管霓虹效果的字体在PPT中的应用,PS教程,思缘教程网

使用圆角矩形,绘制一个细长的圆角矩形。然后分别设置这个矩形的外阴影,外发光以及柔滑边缘的效果。

这些效果设置的数值可以参考上图。

第二个元素效果设计。如下图:

灯管霓虹效果的字体在PPT中的应用,PS教程,思缘教程网

白色灯管效果。同样是圆角矩形,设置一个实线边框,调节一下透明度;再设置一个外阴影的效果。

数值可以参考上图。

第三个元素效果设计。如下图:

灯管霓虹效果的字体在PPT中的应用,PS教程,思缘教程网

这个元素是一个细实线。设置了透明度以及外发光的效果,数值可以参考上图。

这是竖直的笔画设计,水平的笔画设计也是这个道理,绘制一个水平的圆角矩形就可以。

当然也可以直接将这个设计好的竖直的笔画旋转90度,就是水平的效果了。

倾斜的笔画也可以通过旋转得到,比如旋转45度。

当然,,还有一些圆形的笔画设计,我们就需要单独的绘制。不过效果的添加都是一样的。如下图:

灯管霓虹效果的字体在PPT中的应用,PS教程,思缘教程网

 收藏