Photoshop制作玻璃质感的立体字教程

2016-02-16 03:40 74 1 收藏

今天图老师小编要向大家分享个Photoshop制作玻璃质感的立体字教程教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - PS 】

先看看效果图

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

1、制作之前先来分解一下,构成的面比较多,共有里外两层,如下图。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

2、新建一个800 * 600像素的文件,选择渐变工具,颜色设置如图2,由中心向边角拉出图3所示的径向渐变作为背景。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

3、新建一个组,在组里新建一个图层,打上想要的文字,文字颜色用红色,栅格化图层后按Ctrl + T 简单变形,把文字透视做出来,然后把图层不透明度改为:50%,便于参照,如下图。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

4、在文字图层下面新建一个图层,用钢笔勾出文字的立体面,转为选区后填充黑色,如下图。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

5、新建一个图层,用钢笔勾出文字底部的面,转为选区如图6,选择渐变工具,颜色设置如图7,然后由上至下拉出白色至灰色线性渐变。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

6、把黑色立体面图层隐藏。新建一个图层,用钢笔勾出左侧内侧面选区,填充黑色不透明度改为:30%,如下图。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

7、新建一个图层,按Ctrl + Alt + G 创建剪贴蒙版,用钢笔勾出下图所示的选区,羽化8个像素后填充白色。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

8、新建一个图层,用钢笔勾出外侧面的选区,填充白色。图层不透明度改为:60%,如下图。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

9、新建一个图层,按Ctrl + Alt + G 创建剪贴蒙版,用钢笔勾出下图所示的选区,羽化15个像素后填充黑色,不透明度改为:20%,如下图。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

10、新建一个图层,用钢笔勾出正面选区,填充黑色,不透明度改为:30%。新建一个剪贴蒙版图层,用钢笔勾出顶部高光选区,羽化6个像素后填充白色。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

11、新建一个图层,用钢笔勾出右侧外表面选区,填充黑色,不透明度改为:15%,如下图。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

12、新建一个剪贴蒙版图层,用钢笔勾出高光部分的选区,羽化8个像素后填充白色。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

13、新建一个图层,适当给外表面的底部加上一点暗部,如下图。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

14、新建一个图层,同上的方法制作里面的面,过程如图17,18。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

15、回到最上面的文字图层,调出文字选区,新建一个图层填充白色,删除下半部分,取消选区后添加图层蒙版,用黑色画笔把顶部过渡擦出来,如下图。到这一步各个面基本完成,后面还需要增加边线。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

16、在图层的最上面新建一个图层,用钢笔勾出左边顶部的边线,填充白色。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

17、新建图层,其它边线的制作方法相同,如图21,22。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

18、加上投影,效果如下图。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

19、创建曲线调整图层,把整体稍微压暗一点,如下图。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

最后微调一下细节,完成最终效果。

Photoshop制作玻璃质感的立体字教程,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1567601.html

延伸阅读
标签: PS PS基础
先看效果图。 新建文档1000x1000像素,背景白色,新建图层填充黑色,加一个渐变叠加样式,具体参数不截图了,童鞋们随便弄一个即可,效果如下。 新建图层画一个黑色圆角矩形,半径30像素。 添加图层样式。 类似下图效果。 再新建图层画一个黑色长方形,宽度要一致。 添加内阴影和渐变叠加样式。 效果如...
标签: PS PS基础
在本Photoshop教程中,我们要学习如何在PhotoshopCS3中创建一个简单的按钮。当我们通过本PS教程,我们将处理许多Photoshop 的技巧和技术! 先看效果图 1、打开Adobe Photoshop CS3软件,执行菜单:文件/新建(快捷键Ctrl+N),弹出新建对话框,设置名称:按钮,宽度:570像素,高度:400像素,分辨率:72像素/英寸,颜色模式:RGB颜色、8位,...
标签: PS PS基础
最终效果 1、新建一个800 * 600像素的画布,选择渐变工具,颜色设置如图1,由中心向边角拉出图2所示的径向渐变作为背景。 2、先来制作第一个文字2,需要完成的效果如下图。 3、新建一个组,命名为2。在组里新建一个图层,选择工具勾出图4所示的选区。然后选择渐变工具,颜色设置如图5,拉出图6所示的线性渐变。 4、新...
标签: PS PS基础
今天的字体,电影迷同学都很熟悉了,广泛存在各大科幻电影海报中,字体刚健有力,棱角分明,隐隐闪着蓝光,过程对图层样式的理解很有帮助,赶紧练手走起吧。好了,我们废话少说,直奔主题吧。首先,我们来介绍一下创建图形样式和效果时的一些技巧。 教程所需的素材: 电影特效的科幻立体字PSD源文件 不要受名称误导 当你打开Photoshop的图...
标签: PS PS基础
本教程主要使用Photoshop的图层样式工具来制作质感的金属字教程,PS的图层样式一直都是字体质感的必用工具,使用强大的图层样式工具可以完成各种质感的表现,教程的难度不大,喜欢的朋友跟着教程一起来学习吧。 先看一下效果 1、新建文件导入背景。【这个背景最好暗一些,更能突出字体的质感】 2、按T键输入文字【文字最好选择厚重的...

经验教程

409

收藏

42
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部