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

方向方略

方向方略

2016-02-16 03:40

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

先看看效果图

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

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

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%,如下图。

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

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/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教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/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教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop制作简单的玻璃质感立体字

PS效果 PS PS基础
Photoshop制作简单的玻璃质感立体字

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

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

PS PS基础
Photoshop制作艺术玻璃质感的立体字教程

Photoshop制作玻璃质感的艺术字教程

PS PS基础
Photoshop制作玻璃质感的艺术字教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

photoshop创意制作玻璃质感金属字

平面设计
photoshop创意制作玻璃质感金属字

Photoshop制作多层次的红色玻璃质感立体字教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作多层次的红色玻璃质感立体字教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop调出婚纱照片复古唯美的黄色调

Photoshop调出婚纱照片复古唯美的黄色调

Photoshop巧用图层样式设计立体效果的网页按钮

Photoshop巧用图层样式设计立体效果的网页按钮
下拉加载更多内容 ↓