数字字体样式_霓虹灯效果制作教程,附含字体练习素材!新手小白可以试试

今天小编制作了一组发光字,教程主要是给大家一个思路是如何创造这些霓虹字体,在没有素材的时候也可以自己设计。教程我们运用了Photoshop的多个图层样式来实现这些效果,简单入门,新人也能学会。同时我们也提供了提供了源文件分层素材,不想自己做的同学可以直接拿来使用提高效率。(字体练习素材在文章末尾!)

0fd93bea6bbedcbb2a90cf7e77144a38.png

霓虹灯效果制作教程,附含字体练习素材!新手小白可以试试

ps设计、平面设计、海报设计、logo设计、画册设计

霓虹字制作教程

1. 第一层高光文字

首先给画面添加个黑色背景以便我们查看效果,然后开始做最上层的文字,可使用【APP设计必备字体:San Francisco Pro、苹方、思源黑体和Roboto等】提供细字体字型来制作,当然也可以其它字体。

我这里的字号使用36像素。

6c4789c7c5ffd7dc7a97c740231f3e61.png

霓虹灯效果制作教程,附含字体练习素材!新手小白可以试试

ps设计、平面设计、海报设计、logo设计、画册设计

图层样式:外描边,大小为3像素,不透明度40%左右。

e9aceb8861b41778c9426974ca423cbe.png

霓虹灯效果制作教程,附含字体练习素材!新手小白可以试试

ps设计、平面设计、海报设计、logo设计、画册设计

文字图层参数

因为背景也是黑色的关系,所以暂时把背景改为白色来看效果,看看描边的粗细是否合适,如果不合适就适当改下大小。

如下面第二行文字,因为字小,所以改为2px描边就够了,大家不要死记参数,灵活运用。

4b1e2c2b252b39ae9fa837e5cf4e4b41.png

霓虹灯效果制作教程,附含字体练习素材!新手小白可以试试

ps设计、平面设计、海报设计、logo设计、画册设计

文字描边

2. 第二层文字:外发光与描边

第二层文字有颜色的发光字,颜色使用#33e5ff,其它参考如下图:

31d7558795b261e4fbcad4dfebc530a5.png

霓虹灯效果制作教程,附含字体练习素材!新手小白可以试试

ps设计、平面设计、海报设计、logo设计、画册设计

外发光图层参数

0151cafab8ec2c29489752c688dff21c.png

霓虹灯效果制作教程,附含字体练习素材!新手小白可以试试

ps设计、平面设计、海报设计、logo设计、画册设计

描边图层参数

效果如下:

6728796393d32dde6badd6e5df6c5be8.png

霓虹灯效果制作教程,附含字体练习素材!新手小白可以试试

ps设计、平面设计、海报设计、logo设计、画册设计

外发光 描边效果

3. 发光组制作

把这2组文字编组,并组组添加图层样式为外发光,颜色值#33e5ff。

5f08d9bb504aa1da2058bcf134abc93f.png

霓虹灯效果制作教程,附含字体练习素材!新手小白可以试试

ps设计、平面设计、海报设计、logo设计、画册设计

图层编组

14663b7d6a80048a384b4ad85c86d95f.png

霓虹灯效果制作教程,附含字体练习素材!新手小白可以试试

ps设计、平面设计、海报设计、logo设计、画册设计

图层组的参数

最终效果

利用这些图层样式,我们可以复制出更多的图形并更改其它颜色,就能DIY出自己想要的效果啦。

0fd93bea6bbedcbb2a90cf7e77144a38.png

霓虹灯效果制作教程,附含字体练习素材!新手小白可以试试

ps设计、平面设计、海报设计、logo设计、画册设计

做霓虹灯效果字体是不是很简单?但是如果我们有素材,就能更快的做出这种效果出来。

以为这么就完了吗?NO,NO,NO……

福利:霓虹灯字体素材

7ec5e8bab31090e49b1c811f0621f059.png

霓虹灯效果制作教程,附含字体练习素材!新手小白可以试试

ps设计、平面设计、海报设计、logo设计、画册设计

这里小编还为大家精选一套包含A-Z的26个字母、0-9的数字霓虹灯字体,PSD分层格式适合大家直接使用。有了这个素材,字母数字都不用改,一个一个拼就可以了,是不是更方便?

今天教程就分享到这里,这是一个非常简单实用的教程,建议收藏此文章,以后做霓虹灯的时候就可以翻来看一看(建议收藏)。

字体素材领取方法:

1.评论文章,没字数限制,一个字都行!然后转发出去!

2.关注小编,成为小编的粉丝!

3.点击:字体素材下载!

谢谢大家,祝大家学习愉快!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值