分享此网站可得100G教程,联系小洁领取点击这里给我发消息

Photoshop设计一款炫光霓虹灯字体教程

LOGO字体 学UI设计 1848次浏览 0个评论 扫描二维码

这是一篇photoshop文字特效教程,教程中为大家介绍了使用烟雾笔刷和图层样式功能制作一款霓虹灯字体特效。最终效果图:

Photoshop设计一款炫光霓虹灯字体教程

  第一步:

  新建一个文档.1000X1000PX的,把前景色设置为白色,背景色为黑色。然后后滤镜>渲染>云彩。在按CTRL+F重复个2-3次。

Photoshop设计一款炫光霓虹灯字体教程

  第二步:

  新建一个图层。使用渐变工具,颜色从#f30480为#000000,然后设置为叠加,不透明度为80%.

Photoshop设计一款炫光霓虹灯字体教程

  现在我们复制出一个渐变,然后按CTRL+T把它往上缩短,原图的就把他往下缩短,比例为:上2,下1,如下:

Photoshop设计一款炫光霓虹灯字体教程

  我们把上面的2个图层合并,然后新建一个图层,把他拖到背景渐变的下面。设置为白色,然后选硬笔刷,在图层上一个个的点击,点击一个就设置一个的不透明度和大小。圆画完后到滤镜,高斯模糊5px。

Photoshop设计一款炫光霓虹灯字体教程

  第三步:

  现在我们把字体加进去。

Photoshop设计一款炫光霓虹灯字体教程

  然后添加混合样式,颜色分别为:#ff00c6和#ff008a

Photoshop设计一款炫光霓虹灯字体教程

Photoshop设计一款炫光霓虹灯字体教程

  然后我们把最下面一排的文字栅格化,然后用选取工具复制出下面的部分,然后我们按CTRL+T选择垂直旋转,在高斯模糊,大小为:10px。

Photoshop设计一款炫光霓虹灯字体教程

  现在我们添加混合样式,颜色为:#ff739e。

Photoshop设计一款炫光霓虹灯字体教程

  现在我们在把最下面的一排英文字复制一个,然后拖到下方,按CTRL+T垂直旋转。设置如下:

Photoshop设计一款炫光霓虹灯字体教程

  第四步:

  制作光线条,我们用矩形工具,话出几个长条来:

Photoshop设计一款炫光霓虹灯字体教程

  现在我们把矩形全部选取,然后按CTRL+T,让它往右边旋转一些角度,在设置他们的混合模式为“叠加”。就会得到下面的结果。

Photoshop设计一款炫光霓虹灯字体教程

  第五步:

  现在我们来添加剂烟雾。把我们的素材下载下来。把他一块一块的选取出来,然后放到画布里面。在设置他们的混合样式就可以了。

Photoshop设计一款炫光霓虹灯字体教程

Photoshop设计一款炫光霓虹灯字体教程

  后面还有几个小的步骤,我就不做了,大体的效果就是这样。大家可以下载源文件直接查看做法。源文件稍后几天献上

  最终效果图:

Photoshop设计一款炫光霓虹灯字体教程

字体下载

Photoshop设计一款炫光霓虹灯字体教程此处内容已经被作者隐藏,请输入验证码查看内容
验证码:
请关注本站微信公众号,回复“素材”,获取验证码。在微信里搜索“设计军团”或者“shejijuntuan”或者微信扫描右侧二维码都可以关注本站微信公众号。

 


推荐:查看最受欢迎的设计导航网站 → http://hao.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (6)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!