严大虾 发表于 2014-4-17 04:45:17

ps设计霓虹发光文字效果

      今天这个教程里，我们将运用到Photoshop里的蒙板、钢笔、混合模式等技术，创建一个梦幻迷离的霓虹文字效果，过程不难，简单几步就能完成，童鞋们可以试一下。
最终效果：

http://pic.16xx8.com/allimg/140417/0302133B0-0.jpg

素材打包：链接: http://pan.baidu.com/s/1pJJg4Rp 密码: lnoh提示：教程详细步骤在二楼，不用回复也能看到！想下载该教程的可以回复获取下载网址:**** Hidden Message *****教程编号:133215 作者：@写说说 出处：优设网翻译

严大虾 发表于 2014-4-17 04:45:19

ps设计霓虹发光文字效果


Step 1新建画布1400px * 782px，填充黑色，打开纹理素材，用矩形选框工具选出一部分纹理放到原始的文档中来，调整大小作为背景，高斯模糊之。

http://pic.16xx8.com/allimg/140417/0302135T3-1.jpg



http://pic.16xx8.com/allimg/140417/0302135L6-2.jpg

严大虾 发表于 2014-4-17 04:45:20

ps设计霓虹发光文字效果


设置图层的不透明度为60%：

http://pic.16xx8.com/allimg/140417/0302135R3-3.jpg

严大虾 发表于 2014-4-17 04:45:21

ps设计霓虹发光文字效果


使用如下图所示的蒙版图层来遮掉部分内容：

http://pic.16xx8.com/allimg/140417/0302134B5-4.jpg

严大虾 发表于 2014-4-17 04:45:22

ps设计霓虹发光文字效果


使用如下的色彩平衡调整图层来为纹理图层添加一些色彩：

http://pic.16xx8.com/allimg/140417/0302135915-5.jpg



http://pic.16xx8.com/allimg/140417/0302131356-6.jpg



http://pic.16xx8.com/allimg/140417/030213H58-7.jpg

严大虾 发表于 2014-4-17 04:45:23

ps设计霓虹发光文字效果


经过以上两个调整，你应该在画布中看到如下效果：

http://pic.16xx8.com/allimg/140417/0302132442-8.jpg

严大虾 发表于 2014-4-17 04:45:24

ps设计霓虹发光文字效果

      
Step 2
现在使用本文开头下载过来的字体写入一串文本，颜色如下图黄色便签里面所示：

http://pic.16xx8.com/allimg/140417/0302134V5-9.jpg

严大虾 发表于 2014-4-17 04:45:25

ps设计霓虹发光文字效果


给文本添加如下混合样式：
斜面和浮雕：

http://pic.16xx8.com/allimg/140417/0302131009-10.jpg

严大虾 发表于 2014-4-17 04:45:26

ps设计霓虹发光文字效果


描边：

http://pic.16xx8.com/allimg/140417/0302135523-11.jpg

严大虾 发表于 2014-4-17 04:45:27

ps设计霓虹发光文字效果


内阴影：

http://pic.16xx8.com/allimg/140417/0302131933-12.jpg

严大虾 发表于 2014-4-17 04:45:28

ps设计霓虹发光文字效果


光泽：

http://pic.16xx8.com/allimg/140417/0302131091-13.jpg

严大虾 发表于 2014-4-17 04:45:29

ps设计霓虹发光文字效果


颜色叠加：

http://pic.16xx8.com/allimg/140417/0302136336-14.jpg

严大虾 发表于 2014-4-17 04:45:30

ps设计霓虹发光文字效果


渐变叠加：

http://pic.16xx8.com/allimg/140417/0302135538-15.jpg

严大虾 发表于 2014-4-17 04:45:31

ps设计霓虹发光文字效果


外发光：

http://pic.16xx8.com/allimg/140417/0302134Z2-16.jpg

严大虾 发表于 2014-4-17 04:45:32

ps设计霓虹发光文字效果


投影：

http://pic.16xx8.com/allimg/140417/0302135D7-17.jpg
页: [1] 2 3 4
查看完整版本: ps设计霓虹发光文字效果