PS教程!手把手教你创建华丽的哥特金属文字效果

编者按:周末练手来一发!如果想绘制某个文字效果,多数同学都会用到图层样式,今天的教程,就将这一运用玩到了巅峰,作者显然对图层样式的运用已纯熟于心,最终效果可见一斑,至于可学习的那些闪光点,同学们边学边来发掘吧。

最终效果:

PS教程!手把手教你创建华丽的哥特金属文字效果

本教程中使用的素材:

  • Grunge风格笔刷
  • 字体

素材打包 微盘下载

什么是Grunge风格?来这里学习!《设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)》

首先,新建一个 2200x1700 px 的文档,分辨率为72Dpi ,颜色为RGB。然后使用油漆桶工具(G)填充深灰色#1f1f1f。

PS教程!手把手教你创建华丽的哥特金属文字效果

然后新建一个图层 ( Ctrl+Shift+N ),用 画笔工具 (B), 和Grunge风格笔刷绘制。(编者注:优设网有关于这类风格的好文,想全面了解的同学搜认识GRUNGE就可以咯)

PS教程!手把手教你创建华丽的哥特金属文字效果

然后进入 混合选项

PS教程!手把手教你创建华丽的哥特金属文字效果

填充不透明度改为0

PS教程!手把手教你创建华丽的哥特金属文字效果

内阴影,叠加方式正片叠底,角度-90度,距离1px,阻塞和大小均为0

PS教程!手把手教你创建华丽的哥特金属文字效果

内发光,叠加方式为正常,不透明度61%,角度-90度,距离1px,阻塞和大小均为0

叠加之后效果变成这样:

PS教程!手把手教你创建华丽的哥特金属文字效果

现在添加一个图层蒙版,在 菜单 > 图层 > 图层蒙版 > 显示全部

PS教程!手把手教你创建华丽的哥特金属文字效果

进入这个图层蒙版 ( Alt+单击 图层蒙版略缩图),使用 渐变工具 (G) ,从中央到顶部画一个径向渐变。

PS教程!手把手教你创建华丽的哥特金属文字效果

这步会隐藏周围的轮廓,结果如下:

PS教程!手把手教你创建华丽的哥特金属文字效果

使用文字工具 (T) 并使用 Rothenburg  字体素材, 435pt 大小输入文本。

PS教程!手把手教你创建华丽的哥特金属文字效果

然后进入混合选项 ( 图层样式)

PS教程!手把手教你创建华丽的哥特金属文字效果

斜面和浮雕。

内斜面;平滑;深度29%;方向:上;大小24px;软化1px;角度93°;高度42°;光泽等高线如图;高光模式:滤色、97%;阴影模式:正片叠底、82%

PS教程!手把手教你创建华丽的哥特金属文字效果

等高线:如图

PS教程!手把手教你创建华丽的哥特金属文字效果

描边。位置:内部;混合模式:正常。填充类型:渐变,其他如图

PS教程!手把手教你创建华丽的哥特金属文字效果

内阴影。混合模式:正常,其他如图

PS教程!手把手教你创建华丽的哥特金属文字效果

光泽。混合模式:正常,其他如图

PS教程!手把手教你创建华丽的哥特金属文字效果

颜色叠加

PS教程!手把手教你创建华丽的哥特金属文字效果

投影。混合模式:正常,其他如图

做出来是这样:

PS教程!手把手教你创建华丽的哥特金属文字效果

现在复制图层,然后转到 菜单 > 图层 > 图层样式 > 清除图层样式

PS教程!手把手教你创建华丽的哥特金属文字效果

然后新添加一个图层样式。

PS教程!手把手教你创建华丽的哥特金属文字效果

混合选项。混合模式:正常。填充0

PS教程!手把手教你创建华丽的哥特金属文字效果

斜面和等高线,设置同上,数值如图

PS教程!手把手教你创建华丽的哥特金属文字效果

等高线

PS教程!手把手教你创建华丽的哥特金属文字效果

描边。位置:内部;混合模式:正常。

PS教程!手把手教你创建华丽的哥特金属文字效果

内阴影。混合模式:正常。

PS教程!手把手教你创建华丽的哥特金属文字效果

光泽。混合模式:颜色加深,其他如图。

PS教程!手把手教你创建华丽的哥特金属文字效果

渐变叠加。混合模式:正常;样式:线性,其他如图

PS教程!手把手教你创建华丽的哥特金属文字效果

图案叠加。追加图案。

PS教程!手把手教你创建华丽的哥特金属文字效果

外发光。混合模式:滤色;方法:柔和,其他如图

PS教程!手把手教你创建华丽的哥特金属文字效果

投影。混合模式:正常,其他如图

应用了这些 图层样式之后得到结果。

PS教程!手把手教你创建华丽的哥特金属文字效果

你可以将同样的样式应用在另一个文本。

PS教程!手把手教你创建华丽的哥特金属文字效果

现在,把下图光晕导入文档,并如图调整。

PS教程!手把手教你创建华丽的哥特金属文字效果

将混合模式 改为滤色 并把 不透明度 降为 46% .

PS教程!手把手教你创建华丽的哥特金属文字效果

然后删除光晕的轮廓,用 橡皮擦工具 (E) 或者用 图层蒙版。

PS教程!手把手教你创建华丽的哥特金属文字效果

最后,前往菜单 > 图层 > 新建调整图层 > 颜色查找。在 颜色查找 中使用图中设置。

PS教程!手把手教你创建华丽的哥特金属文字效果

这就是最终效果

PS教程!手把手教你创建华丽的哥特金属文字效果

【人气超高的酷炫文字效果教程】

好莱坞电影海报都这个范儿!
《PS教程!教你创建好莱坞品质的电影海报字体》

科幻片海报的绝佳选择字体!
《PS教程!教你绘制酷炫的炫蓝科幻字体》

我就是豪门,字体如是说。
《PS教程!手把手教你创建璀璨的黄金钻石字体》

原文地址:TutsPS
优设网译者:@阿布

【优设网 原创文章 投稿邮箱:[email protected]

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

PS教程!手把手教你创建华丽的哥特金属文字效果

点赞 2
收藏 7

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。