Photoshop制作简洁的抽丝立体字
- 2021-11-14
- 来源/作者: Tutsplus / Lynntang Lofter
- 4 次浏览
Lofter
效果字制作比较简单,主要由两部分构成:表面字及立体面。表面字用图层样式及抽丝图案来完成;立体面直接按规律复制文字,并加上颜色和投影即可
最终效果
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzNERvboCo.jpg?w=600)
<点小图查看大图>
1、新建一个800*600px文档,并将Background图层创建一个副本,将其命名为Background_copy。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzOEVvboCo.jpg?w=600)
2、双击Background_copy图层,勾选渐变叠加,并设定以下数值
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzO%7BRvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzOUFvboCo.jpg?w=600)
3、将Background_copy图层创建一个副本,然后栅格化该图层,并命名为Background_copy_2。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzOklvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzNEBvboCo.jpg?w=600)
5、将Background_copy_2图层的混合模式改为变暗,这将为增强杂色在背景中的效果。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzOUJvboCo.jpg?w=600)
6、点击图层面板底部的创建新的填充或调整图层按钮,并选择色阶。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzNElvboCo.jpg?w=600)
7、调整阴影值为72、伽玛值为1.05、高光为236,这将调节背景图层的着色。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzNkZvboCo.jpg?w=600)
8、使用Freshman Normal字体创建一个全大写的文字,大小设定为125pt,颜色为#43a0a8,并设置字间距为视觉。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzOkRvboCo.jpg?w=600)
9、将文字图层创建一个副本,并移动到原图层下面。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzO%7BZvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzNEBvboCo.jpg?w=600)
11、点击键盘Option+Command+Shift+T(Windows:Alt+Ctrl+Shift+T)组合键10次。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BPUNvboCo.jpg?w=600)
12、选择所有复制的文字图层,将它们的颜色设置为#c7b299。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BO%7BNvboCo.jpg?w=600)
13、选中刚复制的所有图层,将其转换为智能滤镜(滤镜)转换为智能滤镜),更名为3D_Extrusion。创建该图层的副本,拖动到下方,更名为Shadow。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BOEdvboCo.jpg?w=600)
14、双击最初的文字图层并添加以下图层样式:
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BNEFvboCo.jpg?w=600)
勾选内阴影并设定以下数值:
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BNUZvboCo.jpg?w=600)
勾选图案叠加并设定以下数值:
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BO%7BNvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BPUZvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BOEBvboCo.jpg?w=600)
勾选等高线并应用以下数值:
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BNkdvboCo.jpg?w=600)
勾选颜色叠加并设定以下数值
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BOEJvboCo.jpg?w=600)
16、你能够看到如何使用一大堆样式来创建一个3D文字,当然你可以根据自己的喜好来调整一些数值,让它看起来更酷。设置完会是以下效果。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BO%7BVvboCo.jpg?w=600)
17、你可以使用移动工具来将3D文字图层移动到你喜欢的位置。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BNEFvboCo.jpg?w=600)
18、选中Shadow图层,然后点击滤镜〉模糊〉动感模糊,调整角度为-55,距离为20像素。你需要和3D文字的角度保持一致。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BOkFvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF1PUVvboCo.jpg?w=600)
20、点击图层面板底部的创建新的填充或调整图层按钮,并选择色相/饱和度。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF1O%7BdvboCo.jpg?w=600)
21、点击面板底部的此调整剪切到此图层按钮,并将饱和度值设置为-65。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF1OUdvboCo.jpg?w=600)
最终效果:
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzNERvboCo.jpg?w=600)
<点小图查看大图>
效果字制作比较简单,主要由两部分构成:表面字及立体面。表面字用图层样式及抽丝图案来完成;立体面直接按规律复制文字,并加上颜色和投影即可
最终效果
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzNERvboCo.jpg?w=600)
<点小图查看大图>
1、新建一个800*600px文档,并将Background图层创建一个副本,将其命名为Background_copy。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzOEVvboCo.jpg?w=600)
2、双击Background_copy图层,勾选渐变叠加,并设定以下数值
勾选仿色复选框;样式:径向;缩放:150%;创建渐变,左边颜色为#c8c5b8,右边颜色为#aaa593。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzO%7BRvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzOUFvboCo.jpg?w=600)
3、将Background_copy图层创建一个副本,然后栅格化该图层,并命名为Background_copy_2。
如果你使用的Photoshop为CS6或者更早的版本,你需要点击图层编组(图层)图层编组),然后合并该组(图层)合并组)来代替。
设定前景色为#c8c5b8,背景色为#aaa593。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzOklvboCo.jpg?w=600)
4、点击滤镜 〉杂色 〉添加杂色,调节数量为5,分布模式为平均分布,勾选单色复选框。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzNEBvboCo.jpg?w=600)
5、将Background_copy_2图层的混合模式改为变暗,这将为增强杂色在背景中的效果。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzOUJvboCo.jpg?w=600)
6、点击图层面板底部的创建新的填充或调整图层按钮,并选择色阶。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzNElvboCo.jpg?w=600)
7、调整阴影值为72、伽玛值为1.05、高光为236,这将调节背景图层的着色。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzNkZvboCo.jpg?w=600)
8、使用Freshman Normal字体创建一个全大写的文字,大小设定为125pt,颜色为#43a0a8,并设置字间距为视觉。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzOkRvboCo.jpg?w=600)
9、将文字图层创建一个副本,并移动到原图层下面。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzO%7BZvboCo.jpg?w=600)
10、选中文字副本图层,进入自由变换模式,编辑〉自由变换(MAC:Command-T,Windows:Ctrl+T),点击右箭头键一次,然后点击向下箭头键一次,将其向右和向下分别移动一个像素,然后确定。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzNEBvboCo.jpg?w=600)
11、点击键盘Option+Command+Shift+T(Windows:Alt+Ctrl+Shift+T)组合键10次。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BPUNvboCo.jpg?w=600)
12、选择所有复制的文字图层,将它们的颜色设置为#c7b299。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BO%7BNvboCo.jpg?w=600)
13、选中刚复制的所有图层,将其转换为智能滤镜(滤镜)转换为智能滤镜),更名为3D_Extrusion。创建该图层的副本,拖动到下方,更名为Shadow。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BOEdvboCo.jpg?w=600)
14、双击最初的文字图层并添加以下图层样式:
勾选描边并设定以下数值:大小:2;位置:内部;颜色:#f2eee1。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BNEFvboCo.jpg?w=600)
勾选内阴影并设定以下数值:
颜色:#464646;不透明度:100%;反选使用全局光;角度:129;距离:5;阻塞:50;大小:2。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BNUZvboCo.jpg?w=600)
勾选图案叠加并设定以下数值:
混合模式:柔光;图案:Fine diagonal lines;你可以尝试一下其它的图案和混合模式,让文字看起来更酷。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BO%7BNvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BPUZvboCo.jpg?w=600)
15、双击3D Extrusion图层并添加以下图层样式:
勾选斜面和浮雕并设定以下数值
方法:雕刻清晰;大小:13;反选使用全局光选框;角度:82;高度:16;勾选消除锯齿选框;高光模式的透明度:0%;这样做是在3D形状的基础上创建一个3D阴影效果。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BOEBvboCo.jpg?w=600)
勾选等高线并应用以下数值:
勾选消除锯齿选框。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BNkdvboCo.jpg?w=600)
勾选颜色叠加并设定以下数值
颜色:#265559;这一步你可以发挥自己的想象力来选择你喜欢的颜色。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BOEJvboCo.jpg?w=600)
16、你能够看到如何使用一大堆样式来创建一个3D文字,当然你可以根据自己的喜好来调整一些数值,让它看起来更酷。设置完会是以下效果。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BO%7BVvboCo.jpg?w=600)
17、你可以使用移动工具来将3D文字图层移动到你喜欢的位置。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BNEFvboCo.jpg?w=600)
18、选中Shadow图层,然后点击滤镜〉模糊〉动感模糊,调整角度为-55,距离为20像素。你需要和3D文字的角度保持一致。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF%7BOkFvboCo.jpg?w=600)
19、将Shadow图层的混合模式改为正片叠底,并使用移动工具将它移动到你喜欢的位置。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF1PUVvboCo.jpg?w=600)
20、点击图层面板底部的创建新的填充或调整图层按钮,并选择色相/饱和度。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF1O%7BdvboCo.jpg?w=600)
21、点击面板底部的此调整剪切到此图层按钮,并将饱和度值设置为-65。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BF1OUdvboCo.jpg?w=600)
最终效果:
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByOUB6M%7BJxNUVxPUB6NEZ1O%7BFzNERvboCo.jpg?w=600)
<点小图查看大图>