PS教程!手把手教你创建塑料质感的3D字体效果 - 优设网 - UISDC

PS教程!手把手教你创建塑料质感的3D字体效果

2015/02/10 19605评论区

photoshop-plastic-3d-fonts-1

编者按:今天的教程是一枚质感强烈的3D字体,教程特点是参数明确,过程清晰,有利于同学们熟悉图层样式的运用,拿来练手非常合适,素材已打包,直接学习戳 >>>

我们先来看一下最终效果

jc3dsll201502101

 

教程资源

在开始之前,我们需要准备以下资源。(我已经打包到网盘,如果不能下载,请及时联系我邮箱:manoftang@sina.com)

  • Intrepid ExtraBold 字体
  • 纹理
  • 笔刷
  • 笔刷
  • 渐变样式,本教程我们只需要CHROMES.grd

素材打包 微盘下载

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

创建背景

第一步:

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

jc3dsll201502102

第二步:

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

jc3dsll201502103

创建字体图层

第二步:

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

jc3dsll201502104

第二步:

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

jc3dsll201502105

创建描边图层

第一步:

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

大小:10

位置:外部

颜色:#7e7e7e

jc3dsll201502106

你将会看到如下效果

jc3dsll201502107

第二步:

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

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

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

jc3dsll201502108

为描边图层添加样式

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

第一步:

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

  • 样式:描边浮雕
  • 光泽等高线:锥形—不对称
  • 勾选消除锯齿复选框
  • 高光模式:亮光
  • 不透明度:100%

jc3dsll201502109

第二步:

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

  • 等高线:半圆
  • 勾选消除锯齿复选框

jc3dsll2015021010

你将会看到如下效果

jc3dsll2015021011

为顶层描边图层添加样式

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

第一步:

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

  • 大小:2
  • 勾选消除锯齿复选框
  • 阴影模式颜色:#676767

jc3dsll2015021012

第二步:

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

  • 等高线:锥形—反转
  • 勾选消除锯齿复选框

jc3dsll2015021013

第三步:

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

  • 混合模式:柔光
  • 不透明度:51%
  • 样式:对称的
  • 使用stove pipe 150 渐变填充

jc3dsll2015021014

你将会看到如下效果

jc3dsll2015021015

添加投影

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

  • 距离:15
  • 大小:7

jc3dsll2015021016

你将会看到如下效果

jc3dsll2015021017

为文本副本添加图层样式

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

第一步:

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

  • 大小:1
  • 填充类型:渐变
  • 样式:对称的
  • 角度:90
  • 使用steel pipe 60 渐变填充

jc3dsll2015021018

第二步:

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

  • 混合模式:正常
  • 颜色:#2c6c99
  • 不透明度:100%
  • 距离:0
  • 大小:18

jc3dsll2015021019

第三步:

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

  • 距离:17
  • 大小:9

jc3dsll2015021020

你将会看到如下效果

jc3dsll2015021021

为文本副本添加图层样式

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

第一步:

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

  • 深度:297
  • 大小:35
  • 反选使用全局光复选框
  • 角度:108
  • 高度:42
  • 勾选消除锯齿复选框
  • 高光模式:亮光
  • 不透明度:64%
  • 阴影模式—不透明度:0%

jc3dsll2015021022

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

上面的点:71-72

下面的点:42-34

jc3dsll2015021023

第二步

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

  • 等高线:内凹—深
  • 勾选消除锯齿复选框

jc3dsll2015021024

第三步:

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

  • 大小:1
  • 填充类型:渐变
  • 角度:90
  • 使用stove pipe 155b 渐变填充

jc3dsll2015021025

你将会看到如下效果

jc3dsll2015021026

为文本副本添加图层样式

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

第一步:

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

  • 大小:21
  • 反选使用全局光复选框
  • 角度:53
  • 高度:64
  • 勾选消除锯齿复选框
  • 高光模式:亮光
  • 阴影模式—不透明度:24%

jc3dsll2015021027

第二步:

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

jc3dsll2015021028

你将会看到如下效果

jc3dsll2015021029

为文本副本添加图层样式

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

第一步:

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

  • 大小:21
  • 反选使用全局光复选框
  • 角度:108
  • 高度:74
  • 勾选消除锯齿复选框
  • 高光模式:亮光
  • 阴影模式—不透明度:0%

jc3dsll2015021030

第二步:

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

  • 等高线:对数
  • 勾选消除锯齿复选框

jc3dsll2015021031

你将会看到如下效果

jc3dsll2015021032

创建文字纹理

第一步:

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

jc3dsll2015021033

第二步:

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

jc3dsll2015021034

你将得到一个简单的纹理

jc3dsll2015021035

第三步:

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

jc3dsll2015021036

第四步:

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

jc3dsll2015021037

第五步:

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

jc3dsll2015021038

变更纹理的颜色

第一步:

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

jc3dsll2015021039

第二步:

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

jc3dsll2015021040

第三步:

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

jc3dsll2015021041

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

第一步:

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

jc3dsll2015021042

第二步

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

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

  • 光泽等高线:环形
  • 勾选消除锯齿复选框
  • 高光模式:亮光

jc3dsll2015021043

第三步:

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

  • 等高线:半圆
  • 勾选消除锯齿复选框

jc3dsll2015021044

第四步:

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

jc3dsll2015021045

添加星光和调节整体着色

第一步:

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

jc3dsll2015021046

第二步:

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

jc3dsll2015021047

第三步

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

jc3dsll2015021048

恭喜你已经完成该教程!

 【优设近期热门字体教程合集】

效果以假乱真的牛仔布缝字教程!
《PS进阶教程!手把手教你绘制牛仔布上缝字的效果》

初中时火遍QQ空间的字体效果有木有?
《PS新手教程!手把手教你创建星光闪烁的文字效果》

钢铁侠家里的字体效果教程!
《PS新手教程!手把手教你创建未来科技感的扫描字体效果》

 

投稿者:@三石兄兄

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量90万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的”福利”吗?添加优设哥微信号:youshege

chat-yinliu-pic

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-plastic-3d-fonts

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师 扁平化设计 版式设计 交互设计师 界面设计 排版布局 优设大课堂 职场 优设专访 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里