五彩纷呈,用Photoshop实现霓虹效果

 1.先找一个合适的图片,用来做图象的背景,最好是颜色要深的图片,那样效果会更强烈(图1)。

图1

  2.将前景色设置为白色,选择文字输入工具,在画面中输入文字,所采用的字体最好用圆头的字体,那样比较符合实际的霓虹灯的样子(图2)。

图2

  3.将此文字的图层删格化,执行菜单-滤镜-模糊-高斯模糊,模糊半径设置为1个象素(图3)。

图3

  4.用鼠标双击此图层,在图层样式面板中钩选外发光和内发光效果,将外发光的不透明度设置为60%,将发光颜色设置为R:25、G:215、B250,(其它颜色也可以,可选自己喜欢的颜色),再将发光的‘大小’更改为8个象素左右,并将等高线样式更改为第一排第二中样式,其它不变;将内发光的混合模式更改为‘正常’,并将发光的颜色设置为R:0、G:255、B:250(要用其他颜色的话,只要把内发光的颜色设置成比外发光颜色稍亮一点的颜色就可以了),其它不变(图4)。

图4

  5.好了,文字的霓虹灯管已经差不多完成了。下面要做的是灯光映射到墙壁上的效果。按住CTRL点击文字图层,是文字轮廓的选区浮起,再执行菜单-选择-修改-扩展,将选区扩展25个象素,再执行菜单-选择-羽化,将选区羽化20个象素左右,然后回到背景图层,执行菜单-图象-修改-曲线,将选区中的背景图象的颜色稍稍调亮一点(图5)。

图5

  6.不要取消选区,执行菜单-滤镜-模糊-高斯模糊,将模糊半径设置为0.5个象素,这样做是为了加强灯光的漫射效果,完成后再执行菜单-图象-调整-色相/饱和度,将选区中图象的色相调节至与霓虹灯文字发光颜色相同色系的颜色(图6)。

图6

7.霓虹灯文字已经差不多完成了,下面再来为这些文字加个霓虹灯框,先在图层面板的最顶端新建一个图层。框的样子可以自己用钢笔勾,或者用多边形工具画了之后再用钢笔添加节点来修改(图7)。

图7

  8.路径勾画完后选择画笔工具,将画笔大小设置为5个象素左右,并将画笔笔触的硬度设置为0,并将前景色设置为R:255、G:245、B:140(其它颜色也可以,这个没有标准的),然后再到路径面板,点选面板下方的‘用前景色描边路径’的按钮,完成后可将钢笔路径删除,(图8)。

图8

  9.用鼠标双击霓虹灯框的图层,在图层样式面板中钩选内发光效果跟外发光效果,将内发光的混合模式更改为正常,再将发光色设置为R:255、G:185、B:5,并将发光的大小更改为2个象素,其它不变,再将外发光的发光色更改为红色,其它不变(图9)。

图9

  10.好了,霓虹灯管框基本完成,下面要做的就是投射到背景墙壁上的光了。方法同做文字投射光的方法一样,先按住CTRL点击霓虹灯框的图层,选区浮起后执行菜单-选择-修改-扩展,将选区扩展10个象素,完成后执行菜单-选择-羽化,将选区羽化10个象素,然后到背景图层再执行菜单-图象-调整-曲线,将选区范围中图象的颜色稍微调亮一点(图10)。

图10

  11.不要取消选区,执行菜单-图象-调整-色彩平衡,在色阶参数框中依次输入100、0、-100,完成后可再重复执行一次(图11)。

图11

  12.好了,灯管也完成了,最后可将选区内背景部分的亮度调底一点,再将对比度调高一点,投影的光就OK了,还可在文字及霓虹灯框的图层样式里添加‘投影’效果,那样能使霓虹灯跟背景墙壁看起来更好的结合。或者可在背景图层上面建一个新图层,在上面输入一些文字,文字颜色设置为白色,将图层混合模式改为‘叠加’,并可在土曾样式面板中选上‘内阴影’跟‘斜面浮雕’效果这样变能充斥一下画面,使画面看起来更丰富(图12)。

图12

 

时间: 2024-11-02 19:52:54

五彩纷呈,用Photoshop实现霓虹效果的相关文章

Photoshop设计霓虹效果

设计 最终效果图: 1.先找一个合适的图片,用来做图象的背景,最好是颜色要深的图片,那样效果会更强烈(图1). 图1 2.将前景色设置为白色,选择文字输入工具,在画面中输入文字,所采用的字体最好用圆头的字体,那样比较符合实际的霓虹灯的样子(图2). 图2 3.将此文字的图层删格化,执行菜单-滤镜-模糊-高斯模糊,模糊半径设置为1个象素(图3). 图3 4.用鼠标双击此图层,在图层样式面板中钩选外发光和内发光效果,将外发光的不透明度设置为60%,将发光颜色设置为R:25.G:215.B250,(其

用CSS和jQuery制作霓虹效果

今天我们为大家准备的JS+CSS霓虹灯效果,让你的文字像灯一样每一分每一秒都变色. 今天我们要用CSS和jQuery制作霓虹效果.现在我们开始第一步,制作一个背景.其中有2个不同颜色的文字版本.要生成五颜六色的背景图象,您首先需要新建的Photoshop文件650px和300px文档,#141414的背景颜色. 使用您喜爱的字体写您的标题. 我使用了哥特式的世纪与60px的大小.然后Ctrl点击他,变成选区. 使用矩形工具,按Shift+Alt选择文本,如下图: 然后复制出一个新的图层: 在用具

Photoshop设计震撼效果的电影海报

  本教程主要使用Photoshop设计震撼效果的电影海报,场景合成的时候,往往明度,素材的调整层非常之多,我想根据我近期使用的感受,谈谈自己对于这几个调整层的看法,首先调成层一定要和图层蒙版结合使用,否则无法完成局部调整,达不到我们想要的效果,在使用图层蒙版的时候,可以用渐变,笔刷涂抹的方式选择自己想要的调整的区域,本教程的效果就是综合各个调整层来完成各个素材的合成,完成最终的效果图,喜欢的朋友一起来学习吧. 下面是效果图和教程 分类: PS入门教程

Photoshop制作立体效果的图案字体

  本教程主要使用Photoshop制作立体效果的图案字体教程,教程制作出来的文字效果质感挺强的,有复古的和风玻璃感觉,喜欢的朋友让我们一起来学习吧. 我们先来看看最终的效果图吧: 效果1 效果2 和风是什么风格?和风亦指"日本"风味.日本式的意思.和风因为日本是"大和"(やまと)民族,所以就有很多"和风"."和味"."和式"的东西了.如"和风音乐"."和味饮食".&

Photoshop合成冷色效果的打火机燃烧场景

本教程主要使用Photoshop合成冷色效果的打火机燃烧场景,主要用到钢笔和后期调色,下面让我们一起来学习吧. 先看看效果图 准备: 在开始之前,最好确定你想要哪种风格的作品.对于本教程,我结合了宗教元素和朦胧背景.然后把现有的元素聚集起来就是你们所看见的了. 步骤1: 创建一个800px*737px .分辨率为300 像素/英寸的新RGB画布,背景选择透明,如图: 在开始之前我们将使用素材图片来创建一个背景.首先,添加一个图层组,名为"背景",然后打开素材中的背景图片,将其命名为&q

photoshop制作贴纸效果的创意字体

photoshop制作贴纸效果的创意字体   具体的制作步骤如下: 第1步: 新建一个PSD文档,输入你想要的文字,这里我使用的是Impact字体.你可以根据自己的喜好来定义画布与字体的尺寸.将文字图层命名为纸文字1. 第2步: 将纸文字1图层复制一层,命名为纸文字2.回到纸文字1图层,对其添加阴影,参数设置如下: 将纸文字1图层隐藏,点击纸文字2图层,右键点击,将文本转换为形状. 第3步: 使用路径选择工具选取所有字母形状,点击合并形状组件(CS6版本,其他版本点击合并按钮),将所有形状合并.

photoshop黄铜字效果教程

photoshop黄铜字效果教程 最终效果图 1.按ctrl + N新建一个图形文件,宽为175 px,高为175 px.双击工具条下方的前景色块,弹出颜色编辑面板,输入色彩值R:95 G:75 B:64.按ok完成操作.然后按Alt + 后退键,以前景色填充.如图1所示. 图1 2.选择window(窗口) / show channel(显示通道),然后选择new channel(新建通道),新建一个通道,取名为alpha1.使用文字工具,在alpha1通道里随意写入一个字母,然后按ctrl

PS教程 Photoshop制作斜投影效果

  我们在很多手机应用APP图标中会看到斜投影效果的图,这种斜投影效果已经流行了一段时间了,那么斜投影效果是怎么做出来的呢?下面小编就来教一下大家. PS教程 Photoshop制作斜投影效果 1.画出喜欢的图形,记得编组. 2.将星星与背板居中对齐,接下来为长投影层做准备. 3.使用路径选择工具,复制粘贴,不断粘贴. 4.合并路径,接着增加矢量蒙版. 5.添加图层样式. 怎么样,操作简单方便有没有,快点来试试吧! 分类: ps抠图教程

Photoshop制作立体效果的缝线艺术字

  本教程主要使用Photoshop制作立体效果的缝线艺术字教程,众所周知,字体是图形和网页设计的重要组成部分.它可以帮助强调你的设计作品的美观度.增强你的信息表达力度.培养强烈的情感内涵.合理的字体设计可以传达很多有意思的东西. 一.在photoshop中如何添加下载的图案纹理 先看看效果图 解压该文件得到一个文件夹,里面有一个.pat文件,在photoshop的油漆桶工具下,选择油漆类型为图案,在图案面板的右边设置图标下选择载入图案,把刚才的.pat文件复制过来,点击载入就可以了. 二.在p