ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4074|回复: 3
收起左侧

[字效] Photoshop打造闪动电子文字特效

[复制链接]
发表于 2007-11-4 08:39:30 | 显示全部楼层 |阅读模式

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

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

x
<DIV id="gg_bbs"> </DIV><p style="color: Orange; font-weight: bold;" align="right">作者:&nbsp;&nbsp;<a href="http://bbs.16xx8.com" target="_blank">教程</a>来源:iT168&nbsp; &nbsp;</p><span style="color: Orange; font-weight: bold;">启动PhotoshopCS2,新建一个宽500、高300、分辨率72的图像</span><a style="color: Orange; font-weight: bold;" href="http://bbs.16xx8.com/" target="_blank">。</a><span style="color: Orange; font-weight: bold;">如图1所示</span><a style="color: Orange; font-weight: bold;" href="http://bbs.16xx8.com/" target="_blank">。</a><br style="color: Orange; font-weight: bold;"><img style="color: Orange; font-weight: bold;" src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171127323.JPG" alt="" border="0"><span style="color: Orange; font-weight: bold;">图1 给背景图层填充黑色</span><a style="color: Orange; font-weight: bold;" href="http://bbs.16xx8.com/" target="_blank">。</a><span style="color: Orange; font-weight: bold;">在工具栏中选择文字工具,在画布中拖出一个文本框,输入我们要将他们变成特效的文字</span><a style="color: Orange; font-weight: bold;" href="http://bbs.16xx8.com/" target="_blank">。</a><span style="color: Orange; font-weight: bold;">如图2所示</span><a style="color: Orange; font-weight: bold;" href="http://bbs.16xx8.com/" target="_blank">。</a><br style="color: Orange; font-weight: bold;"><img style="color: Orange; font-weight: bold;" src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171128222.JPG" alt="" border="0"><span style="color: Orange; font-weight: bold;">图2 进入通道面板,新建Alpha 1通道</span><a style="color: Orange; font-weight: bold;" href="http://bbs.16xx8.com/" target="_blank">。</a><span style="color: Orange; font-weight: bold;">如图3所示</span><a style="color: Orange; font-weight: bold;" href="http://bbs.16xx8.com/" target="_blank">。</a><br style="color: Orange; font-weight: bold;"><img style="color: Orange; font-weight: bold;" src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171128812.JPG" alt="" border="0"><span style="color: Orange; font-weight: bold;">图3 接着对通道进行操作,执行滤镜/杂色/添加杂色,数量设置为75%、高斯分布</span><a style="color: Orange; font-weight: bold;" href="http://bbs.16xx8.com/" target="_blank">。</a><span style="color: Orange; font-weight: bold;">如图4所示</span><a style="color: Orange; font-weight: bold;" href="http://bbs.16xx8.com/" target="_blank">。</a><br style="color: Orange; font-weight: bold;"><img style="color: Orange; font-weight: bold;" src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171128946.JPG" alt="" border="0"><span style="color: Orange; font-weight: bold;">图4 继续对添加了杂色的通道操作,执行滤镜/模糊/动感模糊,角度为0度,距离设置为最大999像素</span><a style="color: Orange; font-weight: bold;" href="http://bbs.16xx8.com/" target="_blank">。</a><span style="color: Orange; font-weight: bold;">如图5所示</span><a style="color: Orange; font-weight: bold;" href="http://bbs.16xx8.com/" target="_blank">。</a><br style="color: Orange; font-weight: bold;"><img style="color: Orange; font-weight: bold;" src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171128205.JPG" alt="" border="0"><span style="color: Orange; font-weight: bold;">图5</span><p style="color: Orange; font-weight: bold;" align="right">本新闻共5</p><font style="color: Orange; font-weight: bold;" color="red">模糊以后的通道效果还不能满足我们的要求,这里我采取了放大局部的办法来实现<a href="http://bbs.16xx8.com/" target="_blank">。</a>使用矩形选区工具选择合适的一部分<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图6所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171128833.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图6 </font><font style="color: Orange; font-weight: bold;" color="red">按下Ctrl+T自由变换选区选中的部分,将它放大至整个画布范围<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图7所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171129314.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图7 </font><font style="color: Orange; font-weight: bold;" color="red">按下Ctrl+L调整色阶,将两边的滑块向中间移动,将图像调整的更加鲜明<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图8所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171129944.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图8 </font><font style="color: Orange; font-weight: bold;" color="red">执行滤镜/纹理/颗粒,强度设置为75,对比度50,颗粒类型设置为水平<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图9所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171129294.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图9 </font><font style="color: Orange; font-weight: bold;" color="red">添加了颗粒后,按下Ctrl+鼠标左键单击Alpha 1通道,提取选区<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图10所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171129291.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图10 </font><font style="color: Orange; font-weight: bold;" color="red">保持选区回到面板图层,选中文字图层进行操作<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图11所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171129975.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图11</font><p style="color: Orange; font-weight: bold;" align="right">本新闻共5</p><font style="color: Orange; font-weight: bold;" color="red">给文字图层添加图层蒙版<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图12所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171130989.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图12 </font><font style="color: Orange; font-weight: bold;" color="red">复制一个文字图层位于最上方,选中它的图层蒙版进行操作,按下Ctrl+I反相<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图13所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171130341.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图13 </font><font style="color: Orange; font-weight: bold;" color="red">将位于第二层的文字图层与蒙版德链接去掉,并且选中文字图层进行操作,选择移动工具按下向右方向键两次将文字图层移动两个像素如图14所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171130258.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图14 </font><font style="color: Orange; font-weight: bold;" color="red">选中最上层文字图层,给它填充颜色,这里我选择了蓝色<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图15所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171130590.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图15 </font><font style="color: Orange; font-weight: bold;" color="red">接着给下面一层的文字图层进行填充颜色,这我选择了更深一些的颜色进行填充,这样可以使文字具有光泽<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图16所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171130395.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图16 </font><font style="color: Orange; font-weight: bold;" color="red">将最上方的文字图层复制一个并位于最上方,接着将图层蒙版删去,注意不要应用蒙版<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图17所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171131546.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图17</font><p style="color: Orange; font-weight: bold;" align="right">本新闻共5</p><font style="color: Orange; font-weight: bold;" color="red">再次进入到通道面板,选中Alpha 1通道,按下Ctrl+I进行反相<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图18所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171131180.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图18 </font><font style="color: Orange; font-weight: bold;" color="red">按下Ctrl+L打开色阶调整框,将左侧的滑块移动至最右侧<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图19所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171131257.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图19 </font><font style="color: Orange; font-weight: bold;" color="red">使用高斯模糊滤镜将Alpha 1通道进行模糊3像素<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图20所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171131779.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图20 </font><font style="color: Orange; font-weight: bold;" color="red">再次按下Ctrl+L打开色阶调整框,将黑色滑块向右移动一些,使画面中的黑色部分增加<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图21所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171131672.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图21 </font><font style="color: Orange; font-weight: bold;" color="red">按下Ctrl+鼠标左键单击Alpha 1通道,提取选区<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图22所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171132548.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图22 </font><font style="color: Orange; font-weight: bold;" color="red">回到图层面板,对最上层文字图层进行操作<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图23所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171132960.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图23</font><p style="color: Orange; font-weight: bold;" align="right">本新闻共5</p><font style="color: Orange; font-weight: bold;" color="red">保持选区,给文字图层增加图层蒙版<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图24所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171132497.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图24 </font><font style="color: Orange; font-weight: bold;" color="red">双击该图层给它增加图层样式<a href="http://bbs.16xx8.com/" target="_blank">。</a>首先是外发光样式<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图25所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171132929.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图25 </font><font style="color: Orange; font-weight: bold;" color="red">接着是添加投影样式<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图26所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171133233.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图26 </font><font style="color: Orange; font-weight: bold;" color="red">合并所有文字图层,按下Ctrl+T并选择编辑/变换/扭曲,将文字调整为近大远小的透视效果<a href="http://bbs.16xx8.com/" target="_blank">。</a>如图27所示<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171133179.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图27 </font><font style="color: Orange; font-weight: bold;" color="red">调整背景颜色,OK,闪动的电子文字特效就完成了<a href="http://bbs.16xx8.com/" target="_blank">。</a></font><br style="color: Orange; font-weight: bold;"><font style="color: Orange; font-weight: bold;" color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171133114.JPG" alt="" border="0"></font><font style="color: Orange; font-weight: bold;" color="red">图28</font>
发表于 2007-12-13 14:52:07 | 显示全部楼层
赞!
ps;糖糖猴 ps;糖糖猴
这么好的帖子这么没人顶呢!?
发表于 2007-12-13 15:22:40 | 显示全部楼层
做了下,虽然比较繁琐,不过很有吸引力的效果
发光.jpg
发表于 2007-12-14 10:54:46 | 显示全部楼层
好贴呀,,,,,,学习中,,,,
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

GMT+8, 2024-12-23 01:57 , Processed in 0.029133 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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