Photoshop设计3D立体的金属纹理字教程

2016-03-18 03:33 6 1 收藏

图老师小编精心整理的Photoshop设计3D立体的金属纹理字教程希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - PS 】

来源:PS联盟 作者:Sener
PS自带的3D工具可以做出非常不错的立体字,不过纹理部分处理还是不够自然,尤其是转角处的纹理过渡不够自然。用手工的方法可以解决这个纹理,尤其是纹理部分可以自己按照笔画的弧度任意变形以适合个性化文字 。
最终效果

1、新建一个800 * 600像素的文件,选择渐变工具,颜色设置如图1,稍微斜一点拉出图2所示的线性渐变。

图1

图2

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)2、新建一个图层,输入想要的文字,文字颜色任意,确定后栅格化图层。再按Ctrl + T 变形,适当拉好文字的透视,如下图。

图3
3、在文字图层下面新建一个图层,根据自己的需要设定好立体面的厚度,然后把各个面做出来,效果如下图。

图4
4、再新建一个600 * 800像素的文件,背景选区白色。新建一个图层,用矩形选框工具由上至下拉一个矩形选区填充灰色,并锁定透明像素如图6。然后把前景色设置为:#83847e,背景色设置为:#b3b4ae,如图5。

图5

图6

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)5、对矩形色块执行:滤镜 渲染 纤维,数值默认如图7,效果如图8。

图7

图8
6、选择菜单:图形 旋转画布 顺时针旋转90度,效果如下图。

图9
7、执行:滤镜 模糊 动感模糊,参数设置如图10,效果如图11。

图10

图11

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)8、把做好的纹理拖进来,放到里面图层上面,按Ctrl + Alt + G 创建剪贴蒙版。现在我们来制作第一个字母的立体面质感。

图12
9、选择涂抹工具,不透明度设置为30%左右,然后把纹理的转折弯角涂出来,效果如下图。

图13
10、用钢笔勾出左侧暗部选区,羽化6个像素后按Ctrl + J 复制到新的图层,混合模式改为“正片叠底”,添加图层蒙版,用黑色画笔把边缘过渡涂出来,如下图。

图14
11、回到纹理图层,用钢笔勾出右侧的暗部选区羽化5个像素后按Ctrl + J 复制到新的图层,混合模式改为“正片叠底”,效果如下图。

图15

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)12、回到纹理图层,用钢笔勾出中间的高光部分,羽化5个像素后按Ctrl + J 复制到新的图层,混合模式改为“滤色”,效果如下图。

图16
13、同样的方法加强一下高光部分,效果如下图。

图17
14、中间的立体面制作方法相同,不过颜色稍微深一点,过程如图18 - 20。

图18

图19

图20

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)15、回到原文图老师字图层,把纹理拖进来,按Ctrl + Alt + G 创建剪贴蒙版,再按Ctrl + T 拉大,不透明度改为:70%,效果如下图。

图21
16、调出文字选区,新建一个图层填充白色,保持选区,把选区稍微往左下移几个像素,按Delete 删除,取消选区后用模糊工具把边缘稍微模糊处理。

图22
17、在文字图层下面新建一个图层,用钢笔把边缘的高光部分勾出来,羽化3个像素后填充淡灰色,混合模式改为“滤色”,效果如下图。

图23
18、再加强一下其它部分的高光,第一个字母基本完成,效果如下图。

图24

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)19、同上的方法制作另一个字母,过程如图25,26。

图25

图26
20、在背景图层上面新建一个图层,简单给文字加上投影,效果如下图。

图27

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)21、适当增加文字的对比度,再适当锐化一下,效果如下图。

图28
22、创建色彩平衡调整图层,对高光进行调整,参数设置如图29,效果如图30。

图29

图30
最后调整一下细节,完成最终效果。

图31

来源:https://www.tulaoshi.com/n/20160318/1871379.html

延伸阅读
来源:PS联盟 作者:Sener 这里的立体字使用手工制作的,相对来说要复杂一点。首先需要用钢笔勾出自己所需的文字形状,然后用图层样式做出质感。再根据文字做出立体面,渲染好立体面的颜色即可。 最终效果 1、新建一个1024 * 768像素的文件,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。 图1 图2 2、打开图3所示的...
来源:PS联盟 作者:Sener 本教程介绍稍微复杂的立体字制作方法。文字部分的造型可能比较复杂,要把文字部分用一条类似彩带的线条做出来,而且要有一定的透视效果,制作的时候要反复尝试。 最终效果 1、新建一个1024 * 768像素的文档,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。 图1 图2 2、打开图3所示的文字素...
主要是想大家熟悉一下PS中3D功能。废话不多说,有问题下载PSD,还是不行来问我。 先看看效果图 新建文档。 打上字,随意点,不是这个字体也行,但是一定要粗大,你懂的 3D-从所选图层新建3D凸出,然后数值在下面 对照一下就好。 3D-渲染(作者原图是这么做的,但是我发现不渲染其实差别不大,而且竟然渲染提...
最终效果 1.新建一个600px * 600px的文件背景选用黑色,选用文字工具打上文字,文字选用比较粗大的字体,颜色先用白色。 图1 2.选择文字工具在最上面的属性栏,找到"创建变形文本"按钮如图2 设置如图3 图2 图3 3.把文字复制一份 然后把文字副本层隐藏,再按Ctrl + E 合并可见图层如图4 图4 4....
标签: PS PS基础
最终效果 1、首先创建一个新文档,在这里我使用了500*300px的尺寸,填充颜色#74a103 2、创建一个新图层,椭圆选框工具创建一个圆形选区,填充颜色#b6e100,如图所示 3、按下Ctrl+D取消选择,选择滤镜模糊高斯模糊,如图所示。 效果如图所示。 4、按下来我们可以在图片中输入文字了,使用横排文字工具输入你喜欢的文字吧,...

经验教程

524

收藏

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