牛仔布字体,个性牛仔布文字 photoshop设计漂亮的牛仔字体

软件发布|下载排行|最新软件

当前位置:首页photoshop教程文字特效

牛仔布字体,个性牛仔布文字 photoshop设计漂亮的牛仔字体

站酷设计师lisa的礼物   2021-05-12 我要评论
今天我们的站酷设计师lisa的礼物来教大家学习一篇漂亮的文字特效制作实例,巧用photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字,牛仔布纹理字,这篇教程是国外PS文字教程翻译过来的,写的也非常详细,大家好好学习一下吧。

最终效果图:

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

教程步骤 

首先打开PS软件(有界面不同的地方是因为版本的问题,不过应该都差不多)

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

创建一个文档 尺寸大一些 (我这里是1300*800) 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

设置 前景/背景色  牛仔布偏蓝色(我这里分别是#83b7ca , #22576b)然后Alt+Backspace 填补"背景"层的前景颜色。

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

接下来将应用一些滤镜库来创建牛仔纹理

首先  滤镜>滤镜库 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

滤镜>滤镜库 >素描>半调图案  改变大小为1、对比度为0、图案类型选择"网点"  然后点"确定" 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

滤镜>滤镜库 >艺术效果>涂抹棒  描边长度2、高光区域12、强度10   然后点"确定"  (一定要先"确定"在做下一个效果) 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

滤镜>滤镜库 >纹理>颗粒  强度11、对比度50、颗粒类型:常规      然后点"确定"

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

完成以下效果:

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

复制背景层 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

选择"背景"层   图像>调整>色相/饱和度

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

色相到20、饱和度-50、明度-50

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

继续  图像>调整>色阶

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

改变阴影值30 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

创建白色字体    打开字符面板  (窗口>字符)  我这里设置字体大小250  跟踪值设置为75(字体间距一定要大)以避免重叠

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

注:上图是因为"背景副本"层 "眼睛"为关闭状态 下图我打开了"眼睛"

选在"背景副本"层   然后Ctrl+鼠标左键 点击 文字图层 "ZCOOL" 就创建了选区

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

然后  选择>修改>扩展

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

拓展量为6(数字越大,选区就变大)  注:这一步很重要 主要是为了后面做缝线效果

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

此时 选区已经变大了

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

选择"背景副本"层 , 然后  Ctrl+j   图层1 就出现了  注:"背景副本"层 我关了"眼睛" 我们已经不需要它了

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

复制"图层1"

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

然后改变"图层1副本"的混合模式为柔光,不透明度为50% (这将加剧的颜色和纹理的细节)

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

双击"图层1副本"来做一个简单的内阴影效果

通过图层样式 内阴影改变透明度为50%、距离为0、大小为2。 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

复制文字图层"ZCOOL"  出现"ZCOOL副本"层  将它拖拽到最上层

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

鼠标右击  转换为形状

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

然后选择形状工具 

填充为无、 描边为白色  (看下图)

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

描边选项 选择虚线  

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

点击 "更多选项"       虚线:2.5(第一个)  间隙:2(第二个) 然后"确定"

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

双击这层  应用下列图层样式:

斜面和浮雕:效果如图,改变高光模式为滤色 颜色我选了一个比白色暗一点偏蓝的色   等高线:使用默认值

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

内阴影:变化的距离为0、大小为2 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

颜色叠加:混合模式为正片叠底、样式为对称的 、透明度为35%  渐变颜色如图(为了加强缝线的光影效果)

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

外发光: 混合模式为滤色 、不透明度75%、 颜色选暗一点的蓝色 (这里我选#3e3d55) 大小为0  这将加强阴影效果

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

投影: 混合模式正片叠底  颜色暗蓝色 透明度为80%、距离为0、大小为7、等高线选择第四个

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

设置本图层不透明度为85%左右的值

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

Ctrl+鼠标左键 "图层1副本"层 来创一个选区

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

点击"创建新填充或调整图层"(图层栏最底下第4个按钮) 选择色相/饱和度。

选区将创建一个黑色的调整图层,这样它只影响纹理

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

色相10、饱和度设置为-25 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

再  Ctrl+鼠标左键 "图层1副本"层  再创一个选区

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

点击"创建新填充或调整图层"(图层栏最底下第4个按钮)  选择"色阶" 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

改变阴影值为30 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

此时已是下图这种效果

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

选择画笔工具(快捷键b) 打开笔刷面板 (窗口>刷) 并选择"沙丘草"(112)刷 

大小修改为23 、 间距为1%

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

形状动态:大小抖动100%、其他0%  翻转X抖动/Y抖动 都打勾

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

散布:  数量3、数量抖动7%

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字
 

双重画笔:选择"粉笔36像素"刷  大小45像素、间距5%、散布157%、数量1

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

颜色动态:应用没笔尖打勾  前景/背景抖动100%、亮度抖动:60%

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

平滑打勾

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

然后选择"ZCOOL"文字层

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

右击 创建工作路径 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

设置前景色为#597f91和背景颜色#081f30 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

创建一个新层"图层2" (在"ZCOOL"上 "图层1"下)

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

选择 直接选择工具 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

右键单击工作路径并选择描边路径 

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

出现描边路径  工具选画笔  点"确定"

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

此时效果已经出来了  感觉毛毛有些少,让他们更稠密,可以重复上一步描边路径两次

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

单击"回车"  取消了工作路径 

完成

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

photoshop设计漂亮的牛仔字体,牛仔布字体,个性牛仔布文字

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们