PS教你打造霓虹光线框文字效果

   前言:

  要完全掌握Photoshop的滤镜功能,的确是件漫长的过程。它像一个魔术百宝箱,千变万化,而我们入门的那点简单的滤镜技巧,显然不能满足日常应用时突发的诸多复杂情况。

  在这个教程中,我们要学习的用Photoshop的几个比较冷僻的滤镜来打造一个时尚感的霓虹光感线框文字。所谓冷僻,也就是相比较不那么常用,当然,除非你对滤镜已经摸索得足够透彻。

  而且,我们经过学习也会发现,将几个特殊效果的滤镜巧妙的结合一起使用,能渲染出出乎人意料的效果。

  一、创建文字

  在PS中新建一个文档,文档大小宽900px,高600px,分辨率为72ppi。将白色背景填充为黑色。

  在画布上新建一个文字图层,写上你的内容主体。我在此用的是一款叫做Vrinda Bold的字体,你也可以用其他的字体,但注意字间距的最佳比例,以及文字尽量选择无衬线的字体。色彩选用白色。


  这时,选中文字层与背景层,使用快捷组合键“Ctrl+E”合并这两个图层。


  二、滤镜-波纹

  进入【滤镜>扭曲>波浪】,出现波浪滤镜的属性设置面板。在这个看似很复杂的操作面板上,其实并没有看起来那么神秘,我们只需要试着去调整其中的参数,就会在相应的预览框中看到预览效果。因此,我这里所提供的参数值只适用于本案例的情况,仅供参考。


  在视觉效果上,我认为错落有致,而又能辨认出文字本身为佳。根据你的理想造型,你可以利用滤镜的变化做出各种变化方案。


  三、滤镜-碎片

  接下来让我们为文字继续添加一些特殊效果,这时,我们会用到另一个叫做碎片的滤镜。进入【滤镜>像素化>碎片】。碎片滤镜是一个不需要设置参数的滤镜,它的效果直接而显著。


  四、滤镜-照亮边缘

  一开始我们就说过要做线框文字效果,没错,这一步将会运用照亮边缘滤镜将文字转化为线框。当然,你可以运用到其他的方法。

  进入【滤镜>风格化>照亮边缘】,在照亮边缘的参数设置面板中,将边缘宽度设置为1,边缘亮度为6,平滑度为1。


  五、从背景分离文字

  又来到最初的主题,线框光感文字,在此我们已经做出了线框,如果没有使用滤镜,也许你会在AI折腾出线条,导出PNG格式的图片,当然努力不会白费,这也让你自豪地拥有了线框。但……现在用滤镜的做法却让我失去了对线框的控制权。

  为了“拥有”线框,我们能想出什么办法来吗?目的是让线框文字与黑色背景分离。这里,我的解决方式也许可供参考。

  依然选中这个图层后,全选(Ctrl+A)这个图层,再复制(Ctrl+C),这时,进入到通道面板,在通道面板里点击面板下方的新建新通道的图标。这时,我们就建立了一个空白的Alpha通道。选中这一新的通道,粘贴(Ctrl+V)。

  通道的作用在此记录了黑白颜色信息,因此你同时按住Ctrl键再用鼠标单击这一通道,这时,图层上出现了蚂蚁线,这一图层的黑白信息就被分离开来。确保你选择的是白色的线框文字的部分,如果不是,就采用反选的方式选中白色部分。


  回到图层面板,我们可以看到我们的蚂蚁线还在。继续保持!新建一个图层,将前景色设置为白色,然后在蚂蚁线所选择的区域里填充白色。再将背景填充黑色。取消选区。


  六、霓虹光感文字

  实现光感效果,在曾经我写过的《PS教程!手把手教你创建迷醉的多彩霓虹灯文字》、《PS教程!手把手教你创建闪亮迷蒙的文字效果》中,已经详解过制作光感效果的步骤。当然,这里我们还将重复使用到类似的方法。

  为文字图层增加渐变叠加的图层样式,给文字上色。图层样式面板中的参数可以参考如下:


  设置后的效果如下:


  这里我教给大家一个让图层样式与图层完全融合的小技巧,例如在此我想要让文字的叠加效果完全和文字图层融合,这时在文字层下方新建一个图层,然后同时选中文字层与下方的图层,利用快捷组合键Ctrl+E合并两个图层即可。


  接下来,让我们为文字增加光感效果。复制文字图层。将复制层的图层运用高斯模糊滤镜,模糊半径为5px。再将模糊层复制一层,图层的混合模式改为叠加。然后在此基础上再复制一层。


  文字的背景部分也应该相应增加一些光的投影效果。在此,我用文字拷贝图层3复制后,将复制的图层放置于文字下方,即背景层上方。将图层混合模式改为正常。

  进入【滤镜>模糊>高斯模糊】,模糊半径设置为7px。


  这时显然这个图层还没有发挥出作为投影的表现效果,再通过调整图层的色相和饱和度,进入【图像>调整>色相/饱和度】,只是稍微调整一下各种参数滑块,让整个效果往最终效果的方向去靠拢。点选“着色”一栏。微妙的调整就会让最终效果更加出色。


  OK,我的教程到此为止,但润色的过程还没有结束,你还需要继续增加一些个性化的元素组合。继续娱乐吧!


  后记

  不知你是否有用笔记录下所用的滤镜呢?没有的话,那就对了。没有经过自己动手操作之前,任何技巧都不值得记下来。还是那句话,enjoy!

分类:

  • PS文字教程
时间: 2024-12-08 20:15:36

PS教你打造霓虹光线框文字效果的相关文章

PS教你创建闪亮迷蒙的文字效果

  今天的教程中,我们会用到此前教程使用的方法,还会介绍一些新技巧运用.还是那样一句老话,最终效果不是目的,最重要是制作过程中,大家能乐在其中就好. 在此,我是用西文来作为案例使用的,中文也可以采用此种效果,只是由于中文的笔画方向往四个方向散开,制作的时候需要颇费些心思才可以把握住文字的协调性. 打开PS,新建一个1920px*1200px的文档,新建一个图层,填充图层为黑色 #1f1e1e.为这个图层增加渐变叠加的图层样式,在图层样式的面板中,设置渐变色从深灰色#707070到白色#fffff

PS教你创建超现实的悬挂文字效果

  最终效果: 先找一张牛皮纸的素材. 做一个浅浅的渐变. 以图中的角度填充. 新建一层,用矩形选框拉一个矩形,设置一个渐变色. 填充. CTRL+T调整角度,由于透视的原理,右边应该会窄一点点. 输入一个文本. 在该图层上右键转成形状图层. CTRL+T调整透视角度,忘记PS中自带的透视吧,真的不大好用. 用钢笔减去一部分. 用矩形工具叠加. Ctrl+Alt+T移动复制及调整,如图: 按Shift+A选择"直接选择工具",依次选择各个需要调整的锚点进行编辑,垂直移动时按Shift保

PS教你打造嶙峋的岩石字体效果

  1. 首先我们来新建一个新文档大小的白色背景800 px * 1198 px. 然后使用渐变填充工具(设置为径向渐变)来填充背景层,如下所示. 使用任何你喜欢的文字字体,输入A,并将其放置在最中心. 2. 我们在这步里添加岩石 素材,用快速选择工具,选择如图所示的岩石部分. 然后粘贴复制到我们我们新建的图层里,并改变岩石素材的大小. 给岩石素材添加蒙版,再使用画笔工具擦拭,选择粉笔擦橡皮擦花尖形状,如下所示: 我们擦拭后的效果就像下图这样啦! 重复添加岩石素材. 我们也可以适当的添加一些小的

PS教你打造好玩的放大镜动画效果

  今天的教程是来自@P大点S微博 的Projava,利用时间轴制作一个简单的GIF动画,类似锤子科技的放大镜效果,来看看高手怎么玩. 鉴于网络要求,放大镜移动的速度有点快,为了体积小一点,所以加快速度. 温馨提示,这个效果的制作仅限于带有时间轴的版本~ 效果图: 下面是过程,我先找了一张小毛驴,很萌是不是? 右键后在PS里新建一个文档,CTRL+V粘贴~ ctrl+alt+i打开画布大小,把后面的像素改为百分比,缩小一半~ 高斯模糊一点点~ 再次粘贴小毛驴.也就是你从网页上右键复制下来的尺寸,

PS教你打造蜘蛛侠钻出屏幕的效果

  效果非常的简单,就是屏幕中的蜘蛛侠钻出笔记本电脑的屏幕,钻出的部分跟屏幕内的部分我做了饱和度的处理,后面制作过程我用的是"黑白",其实你完全可以用色相饱和度或者自然饱和度来实现,效果没有多大区别,还有就是一些细节性的东西,比如那只摁在笔记本上手的阴影和倒影需要一些耐心,尽量让他看上去比较真实,没有"漂浮"的感觉,我认为这个最要紧. 下面是最后的效果. 这是我在网上找到的一张笔记本素材. 复制粘贴进蜘蛛侠. 自由变化一下它的大小及角度. 隐藏自由变化完成后的蜘蛛侠

教你用PS工具制作凹陷/下凹立体文字效果

  本篇经验将讲到,怎么用PS工具制作凹陷/下凹文字效果的字体,是使文字在图片中更有立体感,能够凸显文字的表达效果. 工具/原料 PS工具 Adobe Photoshop CS5 带文字的图片 方法/步骤1 打开你要制作凹陷/凹陷文字效果的图象,本例用的是一个按钮,在按钮上新建两个文字图层"诊断调研"和"出具解决方案". 复制"诊断调研"文字图层,将复制的文字图层里的文字颜色改为白色. 点选工具栏的移动工具,使用键盘上向下和向右的方向键各一次,分

PS图层样式制作绿色高光泡泡文字效果教程

教程教大家用PS制作简单的绿色高光泡泡文字效果,只需要设置图层样式即可完成,喜欢的同学可以学习一下! 效果图: 新建文档500x320像素,背景填充褐色,输入黑色文字,字体Medfly Black,尺寸150点. 添加图层样式. 分类: PS文字教程

PS教你把生活场景做成动漫效果

   PS教你把生活场景做成动漫效果.用什么方法能把好看的照片制作成动漫场景呢,今天就和大家来分享使用ps滤镜制作好看的动漫场景,一起来学习吧,方法很简单哦.首先看一下效果: 分类: PS入门教程

PS教你创建一枚巧克力奶油文字

  情人节就快来了,那天情侣们最喜欢的就是玫瑰花与巧克力了吧.所以今天教大家如何利用图层样式创建浪漫的巧克力奶油文字效果,你可以学习一下,作者怎样得心应手地利用图层样式,创造令人垂涎欲滴的巧克力,顺便送给你的心上人哟. 效果图: 这儿我们先新建一个文件,大小是1280 x 720px,加上一个紫色的径向渐变. 我们采用的是比较粗大的字体,这样可以更好地添加图层样式,在这儿我们采用了Bubble Boddy,打出「LOVE」的字样,填充颜色#2d1b07 重点来咯,现在开始添加图层样式,制造奶油般