Home > Web Front-end > PS Tutorial > Photoshop快速制作精美的数码霓虹字

Photoshop快速制作精美的数码霓虹字

PHP中文网
Release: 2016-06-01 14:29:46
Original
1294 people have browsed it

作者制作霓虹字的思路非常不错。首先自制一个较暗的背景,然后输入文字(图形也可以),文字分为两层,底部的文字模糊处理,顶部的文字用图层样式加上发光效果即可。
最终效果

Photoshop快速制作精美的数码霓虹字


1、打开纹理质感的墙。

Photoshop快速制作精美的数码霓虹字


2、复制一层。混合模式为正片叠底,不透明度为50%。

Photoshop快速制作精美的数码霓虹字

3、在图层调板底部的调整,选择图层>色相/饱和度,打开如上图所示创建,调低亮度和饱和度。霓虹灯在夜间的气氛,亮光是会影响周边的。

Photoshop快速制作精美的数码霓虹字
 
4、创建一个新层,黑色的前景/背景色设置为白色,然后滤镜 > 渲染 > 分层云彩。

Photoshop快速制作精美的数码霓虹字

5、云的图层设置混合模式为颜色减淡,添加蒙版,设置前景色为黑色,用画笔工具,设置软刷子涂刷在中心之外的部分。如图所示在上图中,只有霓虹灯形成的位置是亮的。

Photoshop快速制作精美的数码霓虹字

6、霓虹灯的字体或是差不多字体,在设计前先下载和安装Neon Font字体,字体大小粗体前为130pt。

Photoshop快速制作精美的数码霓虹字

7、输入想要的名称,放上标志,选取两个层在一起,按Ctrl+ E合并。

Photoshop快速制作精美的数码霓虹字

8、以上图所示,点击锁定透明像素的情况下,将标志和字体填充上颜色,色值#38c1f5。单击填充颜色给锁定图层(Ctrl+ Delete键或是Alt + Delete组合)除了不透明的部分其他将被填充上颜色。松开锁定的图层。

Photoshop快速制作精美的数码霓虹字

9、在图层上单击右键,点击转换为智能对象。

Photoshop快速制作精美的数码霓虹字
 
10、复制一层(按Ctrl+ J),然后滤镜>模糊>高斯模糊,10像素点击确定。

Photoshop快速制作精美的数码霓虹字


11、这一次,选择图层的副本,使填充值设置为0%。要通过双击应用,打开图层样式窗口,请按下面的图层样式来设置。

Photoshop快速制作精美的数码霓虹字

投影:距离为15px, 大小为17px, 角度为90度 按上面的数据输入, 字体和标志的大小可根据大小而有所不同。

Photoshop快速制作精美的数码霓虹字

内阴影:混合模式为“颜色加深” 不透明度为100% 角度为-90,距离为2px 大小为12px。注意:不勾选“使用全局光”的选项。

Photoshop快速制作精美的数码霓虹字

外发光:大小为215px。

Photoshop快速制作精美的数码霓虹字
 
斜面和浮雕:

Photoshop快速制作精美的数码霓虹字

颜色叠加:混合模式为“线性减淡(添加)” 白色 不透明度为47%。

Photoshop快速制作精美的数码霓虹字

类似的效果在通过你的慢慢调整,想要的感觉一点点就呈现出来了。

Photoshop快速制作精美的数码霓虹字

发上我做的,其实这个教程当中少了两步,因为我根据原图的效果,增加了两步,步骤如下。

Photoshop快速制作精美的数码霓虹字

在图层面板上调整曲线,让整体的亮度加强。

Photoshop快速制作精美的数码霓虹字

添加杂点,增加些质感,这一步个可加可不加。

Photoshop快速制作精美的数码霓虹字

最终效果:

Photoshop快速制作精美的数码霓虹字

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template