Photoshop制作银色质感的3D立体字教程

2016-02-15 22:03 6 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐Photoshop制作银色质感的3D立体字教程,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - PS 】

本教程主要使用Photoshop制作银色质感的3D立体字教程,今天的教程是一枚质感强烈的3D字体,教程特点是参数明确,过程清晰,有利于同学们熟悉图层样式的运用,拿来练手非常合适,素材已打包,直接学习戳。

教程素材:塑料效果的3D立体字PS教程素材

我们先来看一下最终效果

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

为了后续方便使用,我们需要打开编辑预设预设管理,并从预设类型下拉菜单中选择等高线,然后点击右边的小齿轮按钮,选择等高线,点击追加,你将会得到更多的等高线。除此之外,我们还需要加载PS默认的渐变样式,在刚才的预设类型下拉菜单中选择渐变,继续点击右边的小齿轮按钮,选择协调色1,点击追加。

创建背景

第一步:

新建一个900*675px的文档,设置前景色为#2c353c,背景色为#191919,然后点击渐变工具,选择线性渐变,最后从左下角到右上角创建一个渐变效果,更名图层名为:Background。

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第二步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

打开texture31 纹理图片,放到Background图层上方,更名为Background_Texture,混合模式选择正片叠底,然后点击图像调整去色。

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

创建字体图层

第二步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

使用Intrepid ExtraBold字体创建一个全大写的文字,颜色为#e5eaec,大小230pt,字距微调设置为视觉,字距为100。

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第二步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

将文本图层复制4份,依次命名为:clean_copy_1~4然后将所有复制的文字图层填充改为0。

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

创建描边图层

第一步:

双击最初的文本图层,在图层样式面板中勾选描边,并设置以下数值

大小:10

位置:外部

颜色:#7e7e7e

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

你将会看到如下效果

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第二步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

将最初的文本图层复制一份,更名为Stroke 1,右键点击栅格化图层样式,并将填充改为0。

如果你使用的PS为CS6或更早的版本,你需要创建图层组(图层图层编组),重命名组为Stroke1,然后点击图层合并组,并将填充改为0。

复制Stroke 1图层,重命名为Stroke 2,然后放到最初文本图层的下方。

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

为描边图层添加样式

双击最初的文本图层,我们需要为它添加一些图层样式。

第一步:

在图层样式面板中勾选斜面和浮雕,并设置以下数值

样式:描边浮雕

光泽等高线:锥形不对称

勾选消除锯齿复选框

高光模式:亮光

不透明度:100%

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第二步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

勾选等高线,并设置以下数值

等高线:半圆

勾选消除锯齿复选框

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

你将会看到如下效果

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

为顶层描边图层添加样式

双击Stroke 1图层,并应用以下图层样式:

第一步:

在图层样式面板中勾选斜面和浮雕,并设置以下数值

大小:2

勾选消除锯齿复选框

阴影模式颜色:#676767

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第二步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

勾选等高线,并设置以下数值:

等高线:锥形反转

勾选消除锯齿复选框

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第三步:

勾选渐变叠加,并设定以下数值:

混合模式:柔光

不透明度:51%

样式:对称的

使用stove pipe 150 渐变填充

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

你将会看到如下效果

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

添加投影

双击Stroke 2 图层,在图层样式面板中勾选投影,并设置以下数值:

距离:15

大小:7

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

你将会看到如下效果

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

为文本副本添加图层样式

双击刚复制的text_copy_1文本副本并添加如下样式

第一步:

在图层样式面板中勾选描边,并设置以下数值:

大小:1

填充类型:渐变

样式:对称的

角度:90

使用steel pipe 60 渐变填充

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第二步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

勾选内阴影,并设置以下数值:

混合模式:正常

颜色:#2c6c99

不透明度:100%

距离:0

大小:18

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第三步:

勾选投影,并设置以下数值:

距离:17

大小:9

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

你将会看到如下效果

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

为文本副本添加图层样式

双击text_copy_2文本副本并添加如下样式

第一步:

在图层样式面板中勾选斜面和浮雕,并设置以下数值:

深度:297

大小:35

反选使用全局光复选框

角度:108

高度:42

勾选消除锯齿复选框

高光模式:亮光

不透明度:64%

阴影模式不透明度:0%

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

点击光泽等高线,弹出等高线编辑器,在曲线上点击两个点,并设置输入和输出值,记得勾选边角,让两点之间变成直线。

上面的点:71-72

下面的点:42-34

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第二步

勾选等高线,并设置以下数值:

等高线:内凹深

勾选消除锯齿复选框

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第三步:

勾选描边,并设置以下数值:

大小:1

填充类型:渐变

角度:90

使用stove pipe 155b 渐变填充

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

你将会看到如下效果

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

为文本副本添加图层样式

双击text_copy_3文本副本并添加如下样式

第一步:

在图层样式面板中勾选斜面和浮雕,并设置以下数值:

大小:21

反选使用全局光复选框

角度:53

高度:64

勾选消除锯齿复选框

高光模式:亮光

阴影模式不透明度:24%

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第二步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

勾选等高线,然后勾选消除锯齿复选框

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

你将会看到如下效果

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

为文本副本添加图层样式

双击text_copy_4文本副本并添加如下样式

第一步:

在图层样式面板中勾选斜面和浮雕,并设置以下数值:

大小:21

反选使用全局光复选框

角度:108

高度:74

勾选消除锯齿复选框

高光模式:亮光

阴影模式不透明度:0%

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第二步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

勾选等高线,并设置以下数值:

等高线:对数

勾选消除锯齿复选框

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

你将会看到如下效果

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

创建文字纹理

第一步:

设置前景色和背景色为黑和白(快捷键:d),新建一个图层放到最上面,更名为:Text_Texture,然后点击滤镜渲染云彩

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第二步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

点击滤镜滤镜库画笔描边强化的边缘,然后设置边缘宽度为2,边缘亮度为38,平滑度为5

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

你将得到一个简单的纹理

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第三步:

将Text_Texture图层的混合模式改为柔光

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第四步:

选中Text_Texture图层,然后按住ctrl单击一下下方的文字图层,建立选区

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第五步:

继续选中Text_Texture图层,点击图层面板下方的添加矢量蒙版按钮。

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

变更纹理的颜色

第一步:

继续选中Text_Texture图层,点击图层面板下方的添加创建新的填充或调整图层按钮,然后选择色相/饱和度。

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第二步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

在色相/饱和度面板中,点击此调整剪切到此图层按钮并勾选着色复选框,然后设置色相值为200,饱和度值为25

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第三步:

选择该调节图层,将混合模式改为柔光

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

为背景添加溅泼的水的效果

第一步:

选择笔刷工具,然后在Water Splash Brushes 笔刷类别中选择一个你喜欢的样式,并设置前景色为#e8ecef,创建一个新的图层,放到Background Texture图层的上方,更名为Splash,然后调节笔尖到你喜欢的大小,最后添加到文字后面。

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第二步

双击Splash图层,并添加如下图层样式

勾选斜面和浮雕,并设置以下数值

光泽等高线:环形

勾选消除锯齿复选框

高光模式:亮光

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第三步:

勾选等高线,并设置以下数值:

等高线:半圆

勾选消除锯齿复选框

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第四步:

选择Splash图层,将混合模式更改为亮光,填充值为35%

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

添加星光和调节整体着色

第一步:

创建一个新的图层,并放到最上面,更名为Sparkles,然后将混合模式更改为亮光。选择Stars and Flares Brush Set笔刷,降低它的大小,并在文字边缘增加一些星光。你还能够调节这些星光笔刷的角度来达到完美的效果。(窗口画笔)

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第二步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

继续选中Sparkles图层,点击图层面板下方的添加创建新的填充或调整图层按钮,然后选择渐变映射。

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

第三步

使用橘黄色、蓝色、紫红色、黄色来填充渐变条,然后将调节图层的混合模式改为正片叠底,不透明度为3%。这个效果是非常微妙的,但能提升整体作品的效果。

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

恭喜你已经完成该教程。

Photoshop制作银色质感的3D立体字教程,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160215/1564477.html

延伸阅读
标签: PS PS基础
用PS也可以做出立体质感的3D花纹字效果,本例就教你如何用PS来制作,方法并不难,大体思路是先打上文字,然后直接按SHIFT+CTRL+ALT+T(重复上一次变换),一直按40次,次数根据字需要立体的厚度,再通过设置图层样式来打造字体效果,最后找个花纹贴上就可以了。喜欢的同学赶快来学习吧! 最终效果图: 首先建立图层,打字,在混合选项里渐变...
标签: PS PS基础
效果图: 1.新建文件(大小差不多就行了,不是死数) 2.输入文字后,复制一个文本 3.对文字设置一些浮雕,默认设置即可(确定后再把文字栅格化)。 4.同时按住ctrl+alt+方向键制作立体字。 5.把所有复制出来的图层合并起来。 6.如下; 7.把未栅格化的文字放在图层最上方,填充一个颜色以便区分。 8.对字体设置如下; ...
标签: PS PS基础
先看效果图 新建文档800x500像素,背景白色。输入文字,颜色分别为#6a8af3、ff79fd和ff9c79。 右击文字层,栅格化文字。 复制此层,添加图层样式。 效果如下。 按住ctrl和alt键点击下方向键几次,复制几层,形成一定厚度。 合并所有文字层,添加投影样式。 用魔棒把字母的正面选出。 建新层载入植物笔刷,(笔...
来源:站酷 作者:DearSalt 这例效果图中的图层样式并不复杂,为简单的立体字,如果你发现你的效果颜色灰暗无冲击力,那么使用色彩平衡及曲线工具可以很好的帮你解决问题,希望我的教程能给你的设计带来帮助! 最终效果 在做之前呢我们先网上搜点资料,下面是我找的四张图,我们需要借鉴的就是它们的色调,样式,然后再结合自己的想法就...
标签: PS PS基础
这个教程是Photoshop教程是关于如何创建3D文字效果在Photoshop中使用可编辑的文本和图层样式。 最终效果 让我们首先创建背景。 把一个新的psd文件,大小的800 x 400像素,并添加一个新层(ctrl + shift + n)与背景颜色# 232323。 。 在新图层上添加图层样式 图案叠加 最后的背景 现在给更多的效应背景,把一个新的...

经验教程

84

收藏

95
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部