趣味创意馆

位置:首页 > 创意空间 > 设计教程

Photoshop制作富有科技感的蓝色发光字

发光字制作之前需要找一些较暗的背景素材。字体部分制作也不难,先输入想要的文字,加上发光图层样式,然后增加一点立体效果,再增强高光,后期用烟雾及高光素材装饰一下即可。

最终效果

Photoshop制作富有科技感的蓝色发光字

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

Photoshop制作富有科技感的蓝色发光字 第2张

Photoshop制作富有科技感的蓝色发光字 第3张

Photoshop制作富有科技感的蓝色发光字 第4张

2、设置图层的不透明度为60%。

Photoshop制作富有科技感的蓝色发光字 第5张

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

Photoshop制作富有科技感的蓝色发光字 第6张

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

Photoshop制作富有科技感的蓝色发光字 第7张

Photoshop制作富有科技感的蓝色发光字 第8张

Photoshop制作富有科技感的蓝色发光字 第9张

Photoshop制作富有科技感的蓝色发光字 第10张

5、现在使用本文开头下载过来的字体写入一串文本,颜色如下图黄色便签里面所示。

Photoshop制作富有科技感的蓝色发光字 第11张

6、给文本添加如下混合样式。

斜面和浮雕:

Photoshop制作富有科技感的蓝色发光字 第12张

描边:

Photoshop制作富有科技感的蓝色发光字 第13张

内阴影:

Photoshop制作富有科技感的蓝色发光字 第14张

光泽:

Photoshop制作富有科技感的蓝色发光字 第15张

颜色叠加

Photoshop制作富有科技感的蓝色发光字 第16张

渐变叠加:

Photoshop制作富有科技感的蓝色发光字 第17张

外发光:

Photoshop制作富有科技感的蓝色发光字 第18张

投影:

Photoshop制作富有科技感的蓝色发光字 第19张

效果如下:

Photoshop制作富有科技感的蓝色发光字 第20张

7、复制一层该文本,按照图示将复制层轻微移动到边角处。

Photoshop制作富有科技感的蓝色发光字 第21张

8、重复以上复制移动的步骤,多复制几层,直到效果如下。

Photoshop制作富有科技感的蓝色发光字 第22张

9、在复制的最后一个图层上应用如下色相/饱和度调整选项同时把文本变暗。

Photoshop制作富有科技感的蓝色发光字 第23张

Photoshop制作富有科技感的蓝色发光字 第24张

10、现在需要给文本添加一定的高光。选择画笔工具,设置如下。

大小和硬度:

画笔的颜色:

Photoshop制作富有科技感的蓝色发光字 第25张

11、在所有图层的上方新建图层,叠加模式设置为“叠加(overlay)”,使用设置好的画笔按照下图添加高光部分。

Photoshop制作富有科技感的蓝色发光字 第26张

12、我们还可以使用烟雾笔刷为文本添加一点烟雾效果。

Photoshop制作富有科技感的蓝色发光字 第27张

Photoshop制作富有科技感的蓝色发光字 第28张

13、现在要添加一些电线。使用钢笔工具勾勒如下路径。

Photoshop制作富有科技感的蓝色发光字 第29张

14、使用5px硬边的画笔为路径做描边处理。

Photoshop制作富有科技感的蓝色发光字 第30张

15、做如下斜面和浮雕混合样式的调整。

Photoshop制作富有科技感的蓝色发光字 第31张

Photoshop制作富有科技感的蓝色发光字 第32张

16、为了实现电线缠绕着文本的状态,需要复制该电线多次,然后按照下图做一个位置和大小的调整。

Photoshop制作富有科技感的蓝色发光字 第33张

17、就快完成了!现在需要做点使文本更优雅的小调整。添加如下调整图层:

可选颜色:

Photoshop制作富有科技感的蓝色发光字 第34张

Photoshop制作富有科技感的蓝色发光字 第35张

曲线:

Photoshop制作富有科技感的蓝色发光字 第36张

最终效果:

Photoshop制作富有科技感的蓝色发光字 第37张


感谢作者写说说发布教程。