陌北默

@ChloeRowe林雅诺教同学们如何运用纹理素材和图层样式绘制一组超逼真的金色砖块字体,不仅如此,为增加真实度,还附上了后期调色教程,学完直接用在宣传海报上,肯定很吸引人。对了,别光顾着马克,练过了才是你自己的,来收!

效果图:

Step_10_6

Step 1  创建文字

1. 新建图层1000*700px,在这个教程里我们用的字体是“SansBlack”哦~字体大小为230px,颜色是#f1cc4c~

2. 复制文字图层,改变填充为0%,然后复制它一次。

Step_01_2

Step 2  填充图案样式

1. 现在我们要打开“ BrickLargePainted0050 ”素材,然后去图像>图像大小,改变其大小为350*350px~

Step_02_1

2. 编辑>定义图案,确定。

Step_02_2

3. 打开“Grass0035”素材,改变其大小为320*320px,也将其编辑成自定义图案。

Step_02_3

Step 3  原文字样式设置

1. 打开图层样式,斜面与浮雕

内斜面,平滑,深度 100px,大小1,高光模式 :柔光,透明度50%,角度120°,阴影模式:正片叠底,透明度:10%

Step_03_1

2. 等高线设置,范围:50%

Step_03_2

3. 添加纹理,使用我们刚刚设置好的砖块纹理哦~宽度:280%

Step_03_3

4. 图案叠加,颜色加深,图案使用我们刚刚设置好的砖块纹理哟~

Step_03_4

设置好后,我们的文字效果就像下面的图一样。

Step_03_5

Step 4  第一个文字副本样式设置

1. 斜面浮雕:内斜面,雕刻清晰 ,大小:5px,角度120°,柔光,透明度50%,正片叠底,透明度45%

Step_04_1

2. 等高线,要勾上消除锯齿哦~

Step_04_2

3. 添加纹理,这里还是我们设置好的砖块纹理哦~范围:50%,深度:200%。

Step_04_3

然后我们的第一个文字副本的效果就和下图一样啦~

Step_04_4

Step 5  第二个文字副本样式

1. 斜面浮雕:内斜面,大小100%,注意:这里我们不使用全局光哦~角度18°,高度58°,

选择消除锯齿,高光模式:柔光,35%,阴影模式:正片叠底,27%。

Step_05_1

2. 等高线,选择消除锯齿

Step_05_2

3. 添加纹理,砖块纹理,范围50%,深度45%。注意这里要选择反相呢~

Step_05_3

确定之后,我们的文字效果就像下面的图片所展示的一样啦~

Step_05_4

Step 6  添加颓废墙纹理效果

1. 将“ Grunge Texture 27”素材放置在最顶层,然后将设置模式为颜色加深~

Step_06_1

2. 现在我们要新建色阶来调整图层~

Step_06_2

3. 参数设置如图所示哦~然后将其设置为剪贴图层~

Step_06_3

Step 7  添加草地效果

1. 在最顶层新建 一个图层并命名为“Grass”。

选择 油漆桶工具,然后在选项栏,选择“图案”填充~新手童鞋找不到的话,看“文件”下方有一个油漆桶标志,默认设置为“前景”,改变为“图案”就可以啦~使用草地素材填充 “Grass”图层。

Step_07_1

2. 新增色阶 ,参数设置如下图所示哦~

Step_07_2

3. Ctrl+右键,选出文字选区,然后去选择>反选(shift+ctrl+i)

Step_07_3

4. 保持选区,然后在“Grass”图层添加图层蒙版哦~

Step_07_4

Step 8  擦去边缘

1. 选择任意一个文本图层然后右键选择创建工作路径,之后点击“Grass”图层上的图层蒙版

Step_08_1

2. 选择橡皮擦工具,选择边缘的笔刷,设置前景色为黑色,按回车键敲击边刷头。另一种方法是选择直接选择工具,右键单击“工作路径”,选择“笔画路径”,然后从“工具”下拉菜单中选择“擦”,然后单击“确定”。与选择的直接选择工具,敲击返回的关键,以摆脱工作路径。

Step_08_2

Step 9  给草地添加阴影

1. 添加图层样式,阴影:线性加深,不选择全局光哦~

透明度15%,角度60°,距离8,扩展5,大小1。

Step_09_1

添加了阴影的草地看起来是不是更逼真捏~

Step_09_2

Step 10  最后调整整体的颜色

1. 新建渐变填充,角度大约为26°,仿色。

Step_10_1

2. 选择所有图层,复制他们,然后去图层>合并图层,重命名为”HIGH PASS” 哦~

然后我们去滤镜>转换为智能滤镜库~

Step_10_2

3. 滤镜>其他>高反差保留,改变其半径为5px~

Step_10_3

4. 改变“High Pass”图层模式为点光模式,不透明度50%哦~

Step_10_4

5. 添加曲线,把亮度提高一点点就可以啦~然后我们就完工啦!

Step_10_5

素材down112

 

原文地址:design.tutsplus

文章来源:优设

译者:@ChloeRowe林雅诺

转载请注明:学UI网 » 教你绘制逼真的砖块字效【PS教程】

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 
你可能喜欢的:
版式設計中的文字层級理论版式設計中的文字层級理论
用PS制作动感激爽水花文字用PS制作动感激爽水花文字
《Lit the Torch》解密游戏Icon[教程]《Lit the Torch》解密游戏Icon[教程]
立体字母LOGO设计[教程]立体字母LOGO设计[教程]
教你创建炫酷的星际文本效果【PS教程】教你创建炫酷的星际文本效果【PS教程】
网页设计中的大事件 - 彩色字体网页设计中的大事件 – 彩色字体
PS制作颜料手绘字PS制作颜料手绘字
快速玩转灵活多变的线条艺术造型快速玩转灵活多变的线条艺术造型
如何创建复古文字效果【AI教程】如何创建复古文字效果【AI教程】
认真卖萌——浅谈吉祥物、品牌IP认真卖萌——浅谈吉祥物、品牌IP