霓虹灯,设计发光的荧光灯字体教程(2)

第五步 在背景下面 增加一个铁丝网,让荧光字在铁丝网上面,增加一些质感,效果如下图: 此时你的图层是不是这样的?好吧一定要有整理的习惯好好分类。哈哈~此时网格又不知道怎做嘛~ 我继续说说 制作网格的原理~~好

霓虹灯,设计发光的荧光灯字体教程(6)

今天跟大家说说怎样做灯牌式的霓虹灯文字效果,教程步骤详细,希望大家能从中学到一点做文字效果的技巧。喜欢的可以跟着一起练习一下,做完交作业。 先看看效果: 第一步 新建画板 宽度(W):1000像素 高度(H):

第五步

在背景下面 增加一个铁丝网,让荧光字在铁丝网上面,增加一些质感,效果如下图:

霓虹灯,设计发光的荧光灯字体教程(2)插图

霓虹灯,设计发光的荧光灯字体教程(2)插图(1)

此时你的图层是不是这样的?好吧一定要有整理的习惯好好分类。哈哈~此时网格又不知道怎做嘛~

我继续说说 制作网格的原理~~好吧 其实就是傻瓜式的~

霓虹灯,设计发光的荧光灯字体教程(2)插图(2)

01.新建一个长方形矩形,然后快捷键 (CTRL+J) 复制一层,这时你的图层会多了一个 矩形拷贝的图层,对不对?

霓虹灯,设计发光的荧光灯字体教程(2)插图(3)

02.点击图层 矩形拷贝 (CTRL+T)一下,然后按着SHIT键 再按一下方向键向右 移动(移动多少距离你们随意,我移动了两下)

霓虹灯,设计发光的荧光灯字体教程(2)插图(4)

然后按下回车键!!!!最后,历史时刻!按下shit+ctrl+alt+t ,按一下你发现多一层,最后形成上边的样子,对不对?

霓虹灯,设计发光的荧光灯字体教程(2)插图(5)

03.最后通过上述方法 得到这个网 (看不懂的用笨方法自己排也行)最后 右键点击这个网的图层 – 混合选项,设置一些参数如上图。

霓虹灯,设计发光的荧光灯字体教程(2)插图(6)

04.最后通过上述方法,你就会得到最后这个效果啦!已经有点儿效果的吧~然后下面开始 弄字体啦!

今天跟大家说说怎样做灯牌式的霓虹灯文字效果,教程步骤详细,希望大家能从中学到一点做文字效果的技巧。喜欢的可以跟着一起练习一下,做完交作业。
先看看效果:
霓虹灯,设计发光的荧光灯字体教程(2)插图(7)

第一步

新建画板 宽度(W):1000像素 高度(H):800像素

分辨率(R):72像素/英寸 颜色模式:RGB颜色 8位 背景:白色

霓虹灯,设计发光的荧光灯字体教程(2)插图(8)

第二步

1.快捷键(T) 输入文字

2.文字填充基础色 黄色 色值:fae475

3.底色填充黑色渐变

霓虹灯,设计发光的荧光灯字体教程(2)插图(9)

第三步

1.新建2个空心矩形,分别命名 (外框)(内框)

2.不知道空心矩形如何设置?那一步一步说一下吧~

3.把上面的参数调成下面的就可以得到 边为6点 的空心矩形(外框)

同理制作一个小一些的 (内框)边为3点。

霓虹灯,设计发光的荧光灯字体教程(2)插图(10)

第四步

1.基本图形已经弄出来了 下面准备开始弄效果,就是混合选项的设置。

先看看效果先如下:

霓虹灯,设计发光的荧光灯字体教程(2)插图(11)

2.图层样式如下:

用到描边,颜色叠加,外发光

斜面和浮雕

霓虹灯,设计发光的荧光灯字体教程(2)插图(8)

3.(外框)混合图层 具体参数如下:

霓虹灯,设计发光的荧光灯字体教程(2)插图(13)

霓虹灯,设计发光的荧光灯字体教程(2)插图(14)
霓虹灯,设计发光的荧光灯字体教程(2)插图(15)

到这里 (外框)基本设置完毕啦~~继续下一步。

4.(内框)混合图层 具体参数如下:

霓虹灯,设计发光的荧光灯字体教程(2)插图(16)

霓虹灯,设计发光的荧光灯字体教程(2)插图(17)
霓虹灯,设计发光的荧光灯字体教程(2)插图(18)

噔噔噔噔~!是不是已经完成了,有以下的画面呢?

是的话成功一半啦,继续往下看。

霓虹灯,设计发光的荧光灯字体教程(2)插图(19)

第六步

这时到做字体质感样式的时候啦~先看看下面的效果图。

霓虹灯,设计发光的荧光灯字体教程(2)插图(20)

霓虹灯,设计发光的荧光灯字体教程(2)插图(21)

VELESBOX 调节参数

霓虹灯,设计发光的荧光灯字体教程(2)插图(22)
霓虹灯,设计发光的荧光灯字体教程(2)插图(23)
霓虹灯,设计发光的荧光灯字体教程(2)插图(24)
霓虹灯,设计发光的荧光灯字体教程(2)插图(25)

2015 D&G 调节参数

霓虹灯,设计发光的荧光灯字体教程(2)插图(26)
霓虹灯,设计发光的荧光灯字体教程(2)插图(27)
霓虹灯,设计发光的荧光灯字体教程(2)插图(28)

copyright 调节参数

霓虹灯,设计发光的荧光灯字体教程(2)插图(29)
霓虹灯,设计发光的荧光灯字体教程(2)插图(30)

第七步

基本大体已经完成,开始刻画细节,填充下字体一些闪光元素。

霓虹灯,设计发光的荧光灯字体教程(2)插图(31)

闪光用圆形工具做出,然后添加投影+发光,参数如下

霓虹灯,设计发光的荧光灯字体教程(2)插图(32)
霓虹灯,设计发光的荧光灯字体教程(2)插图(33)

霓虹灯,设计发光的荧光灯字体教程(2)插图(34)

在上面补多了一个框框,然后增加了一下边缘的细节,荧光灯通常是一节一节的,所以要增加一些间隔如上图。

间隔做法就是一个矩形,放在上面颜色如下:

霓虹灯,设计发光的荧光灯字体教程(2)插图(35)

第八步

深入刻画细节,一些小夹子,电线之类的感觉,还有通常荧光灯应该不是闭合的,所以中间要断开下加点感觉:

霓虹灯,设计发光的荧光灯字体教程(2)插图(36)

这里先把 (外框)(内框)变成智能图层然后添加蒙版,把中间一些用黑色擦一擦,去掉后 继续下一步

霓虹灯,设计发光的荧光灯字体教程(2)插图(37)

霓虹灯,设计发光的荧光灯字体教程(2)插图(38)
霓虹灯,设计发光的荧光灯字体教程(2)插图(39)

再来看看图,最后三个细节,小铁架+电线+螺丝钉这里就分解来说,应该会比较容易懂:

霓虹灯,设计发光的荧光灯字体教程(2)插图(40)

螺丝钉的做法如上图所展示,大概就两个图层,加上一些样式就可以达到效果啦~ 样式参数如下:

霓虹灯,设计发光的荧光灯字体教程(2)插图(41)
霓虹灯,设计发光的荧光灯字体教程(2)插图(42)

然后继续分解下小铁夹是如何组成的呢~基本就是3层,加上渐变叠加 弄出一些金属质感出来~

霓虹灯,设计发光的荧光灯字体教程(2)插图(43)
霓虹灯,设计发光的荧光灯字体教程(2)插图(44)

最后就是装饰电线的做法了~电线就是比较随意穿插的线条~具体怎么做呢?继续往下看~

霓虹灯,设计发光的荧光灯字体教程(2)插图(45)
霓虹灯,设计发光的荧光灯字体教程(2)插图(46)

电线的做法很多,看你想快,还是想要矢量的。

01.矢量的,直接用钢笔画,没什么技巧可言多运用就可以啦~

02.也是用钢笔画一个路径,画完之后,对着路径右键,有一个描边路径选择,会根据你的画笔。大小来沿着你的路径画出一条线。画完线记得把路径删除喔~

霓虹灯,设计发光的荧光灯字体教程(2)插图(47)

画完了线,右键添加样式-鞋面和浮雕看看是不是马上有立体效果了,一些穿插效果,可以用蒙版遮罩一下~基本技巧就到这里了!

霓虹灯,设计发光的荧光灯字体教程(2)插图(48)
霓虹灯,设计发光的荧光灯字体教程(2)插图(7)
霓虹灯,设计发光的荧光灯字体教程(2)插图(50)

最后在画好的电线下面 记得加一些投影,在一些地方可以适当加上一些光晕柔和下画面~让整体更加通透一些~

菜鸟写一下设计心得,写得不太好,希望对你们有点儿帮助,你们的支持是继续分享心得的力量,谢谢

今天跟大家说说怎样做灯牌式的霓虹灯文字效果,教程步骤详细,希望大家能从中学到一点做文字效果的技巧。喜欢的可以跟着一起练习一下,做完交作业。
先看看效果:
霓虹灯,设计发光的荧光灯字体教程(2)插图(7)

第一步

新建画板 宽度(W):1000像素 高度(H):800像素

分辨率(R):72像素/英寸 颜色模式:RGB颜色 8位 背景:白色

霓虹灯,设计发光的荧光灯字体教程(2)插图(8)

第二步

1.快捷键(T) 输入文字

2.文字填充基础色 黄色 色值:fae475

3.底色填充黑色渐变

霓虹灯,设计发光的荧光灯字体教程(2)插图(9)

第三步

1.新建2个空心矩形,分别命名 (外框)(内框)

2.不知道空心矩形如何设置?那一步一步说一下吧~

3.把上面的参数调成下面的就可以得到 边为6点 的空心矩形(外框)

同理制作一个小一些的 (内框)边为3点。

霓虹灯,设计发光的荧光灯字体教程(2)插图(10)

第四步

1.基本图形已经弄出来了 下面准备开始弄效果,就是混合选项的设置。

先看看效果先如下:

霓虹灯,设计发光的荧光灯字体教程(2)插图(11)

2.图层样式如下:

用到描边,颜色叠加,外发光

斜面和浮雕

霓虹灯,设计发光的荧光灯字体教程(2)插图(8)

3.(外框)混合图层 具体参数如下:

霓虹灯,设计发光的荧光灯字体教程(2)插图(13)

霓虹灯,设计发光的荧光灯字体教程(2)插图(14)
霓虹灯,设计发光的荧光灯字体教程(2)插图(15)

到这里 (外框)基本设置完毕啦~~继续下一步。

4.(内框)混合图层 具体参数如下:

霓虹灯,设计发光的荧光灯字体教程(2)插图(16)

霓虹灯,设计发光的荧光灯字体教程(2)插图(17)
霓虹灯,设计发光的荧光灯字体教程(2)插图(18)

噔噔噔噔~!是不是已经完成了,有以下的画面呢?

是的话成功一半啦,继续往下看。

霓虹灯,设计发光的荧光灯字体教程(2)插图(19)

第五步

在背景下面 增加一个铁丝网,让荧光字在铁丝网上面,增加一些质感,效果如下图:

霓虹灯,设计发光的荧光灯字体教程(2)插图

霓虹灯,设计发光的荧光灯字体教程(2)插图(1)

此时你的图层是不是这样的?好吧一定要有整理的习惯好好分类。哈哈~此时网格又不知道怎做嘛~

我继续说说 制作网格的原理~~好吧 其实就是傻瓜式的~

霓虹灯,设计发光的荧光灯字体教程(2)插图(2)

01.新建一个长方形矩形,然后快捷键 (CTRL+J) 复制一层,这时你的图层会多了一个 矩形拷贝的图层,对不对?

霓虹灯,设计发光的荧光灯字体教程(2)插图(3)

02.点击图层 矩形拷贝 (CTRL+T)一下,然后按着SHIT键 再按一下方向键向右 移动(移动多少距离你们随意,我移动了两下)

霓虹灯,设计发光的荧光灯字体教程(2)插图(4)

然后按下回车键!!!!最后,历史时刻!按下shit+ctrl+alt+t ,按一下你发现多一层,最后形成上边的样子,对不对?

霓虹灯,设计发光的荧光灯字体教程(2)插图(5)

03.最后通过上述方法 得到这个网 (看不懂的用笨方法自己排也行)最后 右键点击这个网的图层 – 混合选项,设置一些参数如上图。

霓虹灯,设计发光的荧光灯字体教程(2)插图(6)

04.最后通过上述方法,你就会得到最后这个效果啦!已经有点儿效果的吧~然后下面开始 弄字体啦!

第六步

这时到做字体质感样式的时候啦~先看看下面的效果图。

霓虹灯,设计发光的荧光灯字体教程(2)插图(20)

霓虹灯,设计发光的荧光灯字体教程(2)插图(21)

VELESBOX 调节参数

霓虹灯,设计发光的荧光灯字体教程(2)插图(22)
霓虹灯,设计发光的荧光灯字体教程(2)插图(23)
霓虹灯,设计发光的荧光灯字体教程(2)插图(24)
霓虹灯,设计发光的荧光灯字体教程(2)插图(25)

2015 D&G 调节参数

霓虹灯,设计发光的荧光灯字体教程(2)插图(26)
霓虹灯,设计发光的荧光灯字体教程(2)插图(27)
霓虹灯,设计发光的荧光灯字体教程(2)插图(28)

copyright 调节参数

霓虹灯,设计发光的荧光灯字体教程(2)插图(29)
霓虹灯,设计发光的荧光灯字体教程(2)插图(30)

第七步

基本大体已经完成,开始刻画细节,填充下字体一些闪光元素。

霓虹灯,设计发光的荧光灯字体教程(2)插图(31)

闪光用圆形工具做出,然后添加投影+发光,参数如下

霓虹灯,设计发光的荧光灯字体教程(2)插图(32)
霓虹灯,设计发光的荧光灯字体教程(2)插图(33)

霓虹灯,设计发光的荧光灯字体教程(2)插图(34)

在上面补多了一个框框,然后增加了一下边缘的细节,荧光灯通常是一节一节的,所以要增加一些间隔如上图。

间隔做法就是一个矩形,放在上面颜色如下:

霓虹灯,设计发光的荧光灯字体教程(2)插图(35)

第八步

深入刻画细节,一些小夹子,电线之类的感觉,还有通常荧光灯应该不是闭合的,所以中间要断开下加点感觉:

霓虹灯,设计发光的荧光灯字体教程(2)插图(36)

这里先把 (外框)(内框)变成智能图层然后添加蒙版,把中间一些用黑色擦一擦,去掉后 继续下一步

霓虹灯,设计发光的荧光灯字体教程(2)插图(37)

霓虹灯,设计发光的荧光灯字体教程(2)插图(38)
霓虹灯,设计发光的荧光灯字体教程(2)插图(39)

再来看看图,最后三个细节,小铁架+电线+螺丝钉这里就分解来说,应该会比较容易懂:

霓虹灯,设计发光的荧光灯字体教程(2)插图(40)

螺丝钉的做法如上图所展示,大概就两个图层,加上一些样式就可以达到效果啦~ 样式参数如下:

霓虹灯,设计发光的荧光灯字体教程(2)插图(41)
霓虹灯,设计发光的荧光灯字体教程(2)插图(42)

然后继续分解下小铁夹是如何组成的呢~基本就是3层,加上渐变叠加 弄出一些金属质感出来~

霓虹灯,设计发光的荧光灯字体教程(2)插图(43)
霓虹灯,设计发光的荧光灯字体教程(2)插图(44)

最后就是装饰电线的做法了~电线就是比较随意穿插的线条~具体怎么做呢?继续往下看~

霓虹灯,设计发光的荧光灯字体教程(2)插图(45)
霓虹灯,设计发光的荧光灯字体教程(2)插图(46)

电线的做法很多,看你想快,还是想要矢量的。

01.矢量的,直接用钢笔画,没什么技巧可言多运用就可以啦~

02.也是用钢笔画一个路径,画完之后,对着路径右键,有一个描边路径选择,会根据你的画笔。大小来沿着你的路径画出一条线。画完线记得把路径删除喔~

霓虹灯,设计发光的荧光灯字体教程(2)插图(47)

画完了线,右键添加样式-鞋面和浮雕看看是不是马上有立体效果了,一些穿插效果,可以用蒙版遮罩一下~基本技巧就到这里了!

霓虹灯,设计发光的荧光灯字体教程(2)插图(48)
霓虹灯,设计发光的荧光灯字体教程(2)插图(7)
霓虹灯,设计发光的荧光灯字体教程(2)插图(50)

最后在画好的电线下面 记得加一些投影,在一些地方可以适当加上一些光晕柔和下画面~让整体更加通透一些~

菜鸟写一下设计心得,写得不太好,希望对你们有点儿帮助,你们的支持是继续分享心得的力量,谢谢

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部