ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 5441|回复: 1
收起左侧

[制作实例] 利用Photoshop设计霓虹效果

[复制链接]
发表于 2007-5-1 09:11:53 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
最终效果图: <BR><BR>
<CENTER><IMG style="FILTER: ; WIDTH: 500px; HEIGHT: 250px" height=250 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200605/20060519220011861.jpg" width=500 border=0></CENTER><BR><BR>  1.先找一个合适的图片,用来做图象的背景,最好是颜色要深的图片,那样效果会更强烈(图1)。 <BR><BR>
<CENTER><IMG style="FILTER: ; WIDTH: 500px; HEIGHT: 250px" height=250 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200605/20060519220023756.jpg" width=500 border=0></CENTER><BR><BR>                     图1 <BR><BR>  2.将前景色设置为白色,选择文字输入工具,在画面中输入文字,所采用的字体最好用圆头的字体,那样比较符合实际的霓虹灯的样子(图2)。 <BR><BR><BR>
<CENTER><IMG style="FILTER: ; WIDTH: 500px; HEIGHT: 250px" height=250 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200605/20060519220238186.jpg" width=500 border=0></CENTER><BR><BR><BR>                     图2 <BR><BR>  3.将此文字的图层删格化,执行菜单-滤镜-模糊-高斯模糊,模糊半径设置为1个象素(图3)。 <BR><BR>
<CENTER><IMG style="FILTER: ; WIDTH: 500px; HEIGHT: 250px" height=250 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200605/20060519220250139.jpg" width=500 border=0></CENTER><BR><BR>                     图3 <BR>  4.用鼠标双击此图层,在图层样式面板中钩选外发光和内发光效果,将外发光的不透明度设置为60%,将发光颜色设置为R:25、G:215、B250,(其它颜色也可以,可选自己喜欢的颜色),再将发光的‘大小’更改为8个象素左右,并将等高线样式更改为第一排第二中样式,其它不变;将内发光的混合模式更改为‘正常’,并将发光的颜色设置为R:0、G:255、B:250(要用其他颜色的话,只要把内发光的颜色设置成比外发光颜色稍亮一点的颜色就可以了),其它不变(图4)。 <BR><BR>
<CENTER><IMG style="FILTER: ; WIDTH: 500px; HEIGHT: 250px" height=250 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200605/20060519220303656.jpg" width=500 border=0></CENTER><BR>                 <BR>                    图4 <BR>  5.好了,文字的霓虹灯管已经差不多完成了。下面要做的是灯光映射到墙壁上的效果。按住CTRL点击文字图层,是文字轮廓的选区浮起,再执行菜单-选择-修改-扩展,将选区扩展25个象素,再执行菜单-选择-羽化,将选区羽化20个象素左右,然后回到背景图层,执行菜单-图象-修改-曲线,将选区中的背景图象的颜色稍稍调亮一点(图5)。 <BR><BR>
<CENTER><IMG style="FILTER: ; WIDTH: 500px; HEIGHT: 251px" height=251 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200605/20060519220315505.jpg" width=500 border=0></CENTER><BR><BR><BR>                    图5 <BR><BR>  6.不要取消选区,执行菜单-滤镜-模糊-高斯模糊,将模糊半径设置为0.5个象素,这样做是为了加强灯光的漫射效果,完成后再执行菜单-图象-调整-色相/饱和度,将选区中图象的色相调节至与霓虹灯文字发光颜色相同色系的颜色(图6)。 <BR><BR>
<CENTER><IMG style="FILTER: ; WIDTH: 500px; HEIGHT: 250px" height=250 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200605/20060519220326526.jpg" width=500 border=0></CENTER><BR><BR>                    图6 <BR>  7.霓虹灯文字已经差不多完成了,下面再来为这些文字加个霓虹灯框,先在图层面板的最顶端新建一个图层。框的样子可以自己用钢笔勾,或者用多边形工具画了之后再用钢笔添加节点来修改(图7)。 <BR><BR>
<CENTER><IMG style="FILTER: ; WIDTH: 500px; HEIGHT: 251px" height=251 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200605/20060519220339631.jpg" width=500 border=0></CENTER><BR><BR>                    图7 <BR><BR>  8.路径勾画完后选择画笔工具,将画笔大小设置为5个象素左右,并将画笔笔触的硬度设置为0,并将前景色设置为R:255、G:245、B:140(其它颜色也可以,这个没有标准的),然后再到路径面板,点选面板下方的‘用前景色描边路径’的按钮,完成后可将钢笔路径删除,(图8)。 <BR><BR>
<CENTER><IMG style="FILTER: ; WIDTH: 500px; HEIGHT: 250px" height=250 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200605/20060519220351779.jpg" width=500 border=0></CENTER><BR><BR>                    图8 <BR><BR>  9.用鼠标双击霓虹灯框的图层,在图层样式面板中钩选内发光效果跟外发光效果,将内发光的混合模式更改为正常,再将发光色设置为R:255、G:185、B:5,并将发光的大小更改为2个象素,其它不变,再将外发光的发光色更改为红色,其它不变(图9)。 <BR><BR>
<CENTER><IMG style="FILTER: ; WIDTH: 500px; HEIGHT: 250px" height=250 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200605/20060519220402687.jpg" width=500 border=0></CENTER><BR><BR>                    图9 <BR>  10.好了,霓虹灯管框基本完成,下面要做的就是投射到背景墙壁上的光了。方法同做文字投射光的方法一样,先按住CTRL点击霓虹灯框的图层,选区浮起后执行菜单-选择-修改-扩展,将选区扩展10个象素,完成后执行菜单-选择-羽化,将选区羽化10个象素,然后到背景图层再执行菜单-图象-调整-曲线,将选区范围中图象的颜色稍微调亮一点(图10)。 <BR><BR>
<CENTER><IMG style="FILTER: ; WIDTH: 500px; HEIGHT: 250px" height=250 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200605/20060519220414639.jpg" width=500 border=0></CENTER><BR><BR>                   图10 <BR><BR>  11.不要取消选区,执行菜单-图象-调整-色彩平衡,在色阶参数框中依次输入100、0、-100,完成后可再重复执行一次(图11)。 <BR><BR>
<CENTER><IMG style="FILTER: ; WIDTH: 500px; HEIGHT: 250px" height=250 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200605/20060519220426119.jpg" width=500 border=0></CENTER><BR><BR>                   图11 <BR>  12.好了,灯管也完成了,最后可将选区内背景部分的亮度调底一点,再将对比度调高一点,投影的光就OK了,还可在文字及霓虹灯框的图层样式里添加‘投影’效果,那样能使霓虹灯跟背景墙壁看起来更好的结合。或者可在背景图层上面建一个新图层,在上面输入一些文字,文字颜色设置为白色,将图层混合模式改为‘叠加’,并可在土曾样式面板中选上‘内阴影’跟‘斜面浮雕’效果这样变能充斥一下画面,使画面看起来更丰富(图12)。 <BR><BR>
<CENTER><IMG style="FILTER: ; WIDTH: 500px; HEIGHT: 250px" height=250 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200605/20060519220438973.jpg" width=500 border=0></CENTER><BR><script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script><BR>
发表于 2007-8-21 13:33:59 | 显示全部楼层
不错,很不错,谢谢楼主的分享!!!
您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-12-22 10:27 , Processed in 0.027606 second(s), 9 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表