终于找到方法了!教你创建闪亮优雅的玻璃质感文字

光洁优雅的玻璃是设计中绝久不衰的一种效果,看起来很难做,但是今天来教同学们如何仅仅利用图层样式就创建出来,而且大概15分钟就可以搞定。特别强调,全都是中文界面,还有源文件提供,特别适合新手!不多说啦,直接上教程!

最终效果:

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

教程使用的版本是 CC 2014。

素材打包 微盘下载

Step 1

把素材里的图片拖进来当背景,这种朦胧的效果最适合玻璃文字了。

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

把字体素材安装好后,打字,记得大写,这里文字大小是220 pt。

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

文字图层的填充度改为0,复制+3,这样你就有了四个文字图层。

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

Step 2

双击原始文本,应用图层样式,如图

斜面和浮雕:

终于找到方法了!教你创建闪亮优雅的玻璃质感文字
等高线:

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

描边:

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

这一步的渐变可以从素材里拿。

内阴影:

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

投影:

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

效果如下:

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

Step 3

双击第一个复制图层,图层样式如下

斜面和浮雕:

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

现在玻璃效果越来越闪亮咯!

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

Step 4

双击第二个文字图层,图层样式如下:

斜面和浮雕

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

等高线

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

这一步能给底部边缘添加3D感,提高玻璃质感。

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

Step 5

双击第三个图层,应用样式如下:

斜面和浮雕

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

等高线

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

这一步是给文字中心添加玻璃质感。到这儿,玻璃质感文字就完成了。

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

Step 6

这一步可选做,主要是处理背景,衬托最终效果。

在图层面板,选择新的调整层图标,右键,选择渐变。

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

渐变样式参数设置如下,

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

将图层混合模式改为线性加深,不透明度30%

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

大功告成!

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

还不清楚的同学记得下载源文件查看呦。

那些质感超棒的教程!

修图必备!分分钟大图级别!
《PS新手教程!教你简单9步创建超有质感的人像》

头像必备!超级有范儿的设计感!
《热门教程!教你利用PS和AI制作low poly头像》

恶搞必备!给你老妈来个返老还童大变身!
《PS特效教程设计思路:六步打造“返老还童”效果》

原文地址:photoshoplady
优设网翻译:程远

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

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

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

终于找到方法了!教你创建闪亮优雅的玻璃质感文字

收藏 21
点赞 1

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