Photoshop创建带光泽的3D文字效果

2016-02-16 06:28 34 1 收藏

今天图老师小编给大家精心推荐个Photoshop创建带光泽的3D文字效果教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - PS 】

最终效果:

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第一步

打开Illustrator新建RGB文档,1000px * 800px,72DPI,写一些文字,字体稍大些。我这里用Marketing Script字体,字号234pt。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第二步

选择文字,对象扩展,点击确定按钮。现在我们的文字已经不再是可编辑的文本了,它已经变成了需使用直接选取工具编辑的路径了。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

现在,我们的字母是被编组在一起的,我们要把他们变成一体的路径。用路径查找器下的联集可以做到。如果没打开路径查找器面板,窗口路径查找器,打开面板,然后选中路径,点击联集。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第三步

文本颜色也改成浅灰色。用钢笔工具(P)在字母s的末尾开始勾一个如图的曲线。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

根据字母的粗细调节一下曲线的粗细,我这里是12pt。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第四步

在图层面板中拖拽路径层到新建图层按钮来复制图层。点击新复制出来图层前面的小眼睛,隐藏图层。这样可以方便我们后面在Photoshop中添加阴影。

用直接选取工具(A)选择右下角的两个节点,按下Delete键删除节点,把该图层命名为swirl 1。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

隐藏图层swirl 1,显示我们刚才复制的图层,重命名为swirl 2,删除以下节点。这样做是由于当我们把路径挤压成3D效果时,不想让路径在交叉点横穿,而是想要前后层的效果。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第五步

让所有图层都显示,选中两个新建的路径图层,对象  扩展,点击确定。放大视图如下移动路径节点,编辑细节。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

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

放大视图到曲线末尾,增加两个节点如下所示,然后轻微上移和右移。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

转换锚点工具(Shift + C),调整两个新的锚点让尖角变成圆角。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第六步

然后我们调整路径中要与文字连接的区域,让它们连接更平滑。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第七步

调整满意以后,让所有的形状统一填充色为中等灰色。然后选中所有对象,效果  3D  凸出和斜角。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

选择所有对象,对象  扩展外观。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

现在衔接的地方效果不是很理想,你可以微调节点,稍后我们也会对此做调整。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第八步

隐藏两个线条图层,仅让文字层可见。选择文字图形,右击  取消编组,然后再来一次,右击  取消编

组。选择在前面的正面图形,隐藏该层。现在应该留下3d阴影元素。

拖动鼠标选取所有剩下的图形元素,点击路径查找器中的联集按钮,命名图层为3d 1。然后对隐藏的那两个曲线图层重复同样的操作,把新图层分别命名为3d 2和3d 3。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

-

第九步

你现在应该有6个图层了

text, 3d 1″, swirl 1″, 3d 2″, swirl 2″ and 3d 3″

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

在我们导出这个文件到Photoshop之前,我们需要把视图放大,用直接选取工具(A)调节一下曲线节点,让他们无缝衔接。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

现在我们将把文件导出成一个分层的PSD文件。文件  导出,选择Photoshop (*.psd)格式。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第十步

用Photshop打开刚刚导出的文件,图像  画布大小,输入3000 * 2000px,点击确定。Cmd/Ctrl + T调节图形到合适的大小。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

如下命名我们的图层。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

编组图层(Cmd/Ctrl + G),1中包含base 1和3d 1,2包含base 2和3d 2,3包含base 3和3d 3。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第十一步

在3下面新建一层,命名为bg(作为背景),填充白色。在bg之上新建图层,命名为bg2。设置前景色为#767676,选择渐变工具(G)。选择前景色到透明渐变,从文档顶部到中间拉一条渐变,设置图层不透明度为30%。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

在bg 2上新建一层,命名为bg 3。选择渐变工具,按一下D键将前景色和背景色分别设置为黑色和白色。用前景色到背景色渐变在文档的底部拉一个新的渐变,将该层不透明度设置为10%。群组这三个新的图层,命名为background。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第十二步

选择图层base 1,加一个渐变叠加图层样式(图层  图层样式  渐变叠加),颜色从#c81d61到#d3347b。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

右击图层base 1选择拷贝图层样式,选择图层base 2,Cmd/Ctrl + 点击图层base 3让两个图层都为选中状态,然后右击这两个图层,选择粘贴图层样式。双击图层base 3的图层样式,打开图层样式面板并反转渐变。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第十三步

现在我们给所有的3d图层添加颜色叠加的图层样式。选中图层3d 1应用颜色叠加图层样式(图层  图层样式  颜色叠加),颜色为#797979。然后拷贝图层样式(右击  拷贝图层样式)然后粘贴到图层3d 2和3d 3。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

在组1中新建一个图层,命名为shine。我们的图层结构应该如下:

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

设置前景色为白色,选择前景色到透明渐变,拉一条从文字中间到顶部的渐变。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Cmd/Ctrl + 单击图层base 1的缩略图,(这将建立一个基于该图层的选区),然后选择  修改  收缩,收缩量为2像素。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

把图层shine的不透明度改为30%,在刚刚那个选区激活状态的情况下点选图层shine,点击图层面板底部的添加图层蒙版按钮。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第十四步

在图层蒙版被选中的状态下,设置前景色为黑色,选择一个适中大小的硬边缘笔刷在图层shine下面画蒙版。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

新建一个图层叫shine,放到组2中,沿斜线方向拉另一个白色到透明的渐变。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Cmd/Ctrl + 单击图层base 2的缩略图(生成一个基于该层的选区),然后Cmd/Ctrl + shift + 单击图层base 3(这将增加基于图层base 3的选区到现有的选区上)。收缩选区2像素,选择  修改  收缩  2像素。选中新图层shine,点击图层面板下面的添加图层蒙版按钮。效果如下。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

把图层shine不透明度设为50%,选用合适的硬边缘笔刷修改蒙版,遮住更多的地方。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第十五步

在组1中新建一个组,命名为3d shading,把它放在图层3d 1之上,base 1之下。Cmd/Ctrl + 单击3d 1的缩略图,然后点击添加图层蒙版按钮,为新组加蒙版。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

在这个组里新建图层,命名为shading 1,然后用一个小点的柔边笔刷,80%的黑色,根据你所表现的光源方向,在应该为暗部的地方加阴影。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

然后设置图层的混合模式为叠加,50%的不透明度。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

在图层shading 1之上新建图层命名为shading 2,用一个小的柔边笔刷,不透明度为50%,白色,在光源环境中应更亮的地方喷涂。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

设置图层shading 2不透明度为50%,图层混合模式为叠加。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

在这个组里新建一层shading 3。用小的柔边笔刷,不透明度100%,黑色,在没有光能找到的地方喷涂更多的阴影。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第十六步

现在我们将对组2重复刚才的步骤。在组2中,在3d 2之上,base 2之下新建一个组,取名叫3d shading 2,Cmd/Ctrl + 单击3d 2的缩略图,将生成的选区作为一个遮罩应用给3d shading 2。然后新建图层取名叫shading 1,用一个合适大小的柔边黑色笔刷在这个组的阴影部分喷涂。将混合模式设置为叠加。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

在这个组中新建一个图层叫shading 2。用一个合适大小柔边白色笔刷在左角画出高光,修改图层混合模式为叠加。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第十七步

现在我们对组3做同样的事情。新建一个组叫3d shading 3,把这个组放在组3里,在base 3和3d 3之间。Cmd/Ctrl + 单击图层3d 3,将选区作为遮罩应用给3d shading 3。在这个新文件夹中新建图层命名为shading 1,设置混合模式为叠加。用一个大点的黑色笔刷沿着底部边缘喷涂阴影。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

新建一个图层,命名为shading 2,用一个大点儿的白色笔刷如下喷涂高光。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

把图层混合模式改为叠加。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

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

现在,图像效果和图层应显示如下图。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第十八步

现在回到组1,拖拽base 1到图层面板底部的新建图层按钮上来复制一层。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

双击新复制图层的渐变叠加效果打开图层样式窗口。在图层样式窗口,取消勾选渐变叠加,按照如下设置增加内阴影。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

右击该图层的图层效果,选择创建图层。这将会把效果从图层上分离出来,转换成一个位图。命名这个图层为highlight 1。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

现在你可以删除图层base 1 copy了。使用方向键左移highlight 1″1像素,Cmd/Ctrl + 单击base 1的缩略图,点击图层面板底部的添加图层遮罩按钮将生成的选区作为遮罩应用给highlight 1。

用方向键将图层向上微移1像素,左移2像素。这是为了将高光正巧放在字母的折角处发出反射光的地方。效果如下。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

编组图层highlight 1(Cmd/Ctrl + G),命名该组为highlight。点击图层蒙版按钮给该组一个图层蒙版。当然,我们也可以在图层highlight 1的图层蒙版上直接工作,但在组的图层蒙版上工作比较容易修改错误或是微调蒙版。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

在图层蒙版被选中的状态下,用合适的柔边黑色笔刷,遮住高光文件夹的区域。遮住所有左上边缘以外的区域。效果如下。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第十九步

对组2和3重复刚刚的步骤复制base图层,应用内阴影,然后由样式新建一个图层,还有必要的遮罩。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

好啦,现在我们加点颜色上去。在所有图层和组的最上面新建一个文件夹,命名为color overlay。在新组里新建一个图层名叫overlay 1。前景色设为#7c21c8,用渐变工具(G),前景色到透明,径向渐变。在图形的右下角区域画一个大大的渐变,混合模式设为颜色。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第二十步

新建一层叫overlay 2,前景色为#fee409,在图形右上角画另一个渐变。混合模式改为颜色。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第二十一步

现在我们需要一个包含全部base图层的选区。Cmd/Ctrl + 单击base 1,Cmd/Ctrl + Shift + 单击base 2,Cmd/Ctrl + shift + 单击base 3。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

点击添加图层蒙版按钮把基于这个选区的蒙版加给组color overlay。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第二十二步

现在给图层3d加颜色。在组1中新建图层,命名为color 1,把它放在组3d shading 1之上。选则渐变工具,设置一个三色渐变,颜色分别为#a53c3d,#c52366和#b22d9d。在新图层上,画一个长度为我们图像长度的渐变,设置color 1的混合模式为颜色。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第二十三步

现在我们要用图层3d的形状为新的渐变图层添加遮罩,并减掉一些base图层的形状。选区的精准非常必要,因此请按照以下操作提示进行单击,记住,你要单击图层的缩略图而非整个图层。

首先,Cmd/Ctrl + 单击3d 3,然后Cmd/Ctrl + alt + 单击base 2,Cmd/Ctrl + Shift + 单击3d 2,下面Cmd/Ctrl + Shift + 单击3d 1,最后Cmd/Ctrl + Alt + 单击base 1。获得选区后,作为遮罩应用给color 1。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第二十四步

下面,在组2之上新建图层,命名为shadow。Cmd/Ctrl + 单击缩略图base 2,Cmd/Ctrl + shift + 单击3d 2的缩略图,把基于选区的遮罩加给图层shadow。在这个图层,用一个适中的柔边笔刷,不透明度为30%,黑色,在曲线上部被蚊子遮住的地方喷涂阴影。这会让两个元素间产生层次感。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

现在我们要对曲线遮住自己的地方做同样的事情。在组3之上新建一层,命名为shadow 2。

Cmd/Ctrl + 单击base 3的缩略图,Cmd/Ctrl + Shift + 单击3d 3的缩略图,把基于获得的选区的遮罩加给shadow 2。用一个适中的柔边笔刷,30%黑色,在下面的曲线图形上喷涂阴影。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第二十五步

我们就要完成了,就剩下一个小阴影和倒影没加了。如果现在收起所有的文件夹,你应该剩下5个组。选择除了background之外的组,拖到新建图层按钮上,进行复制。选中刚复制出的所有文件夹,Cmd/Ctrl + E合并到一层,命名为reflection。自由变换(Cmd/Ctrl + T),右击  垂直翻转。把这层移到下面,加一个图层蒙版。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

前景色黑色,背景色白色,在蒙版上沿着倒影从下到上画前景色到背景色的线性渐变,把该层的不透明度降为10%。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

第二十六步

最终,在组background之上新建图层命名为shadow。前景色设为黑色,渐变工具(G),径向渐变,在图像的中间画一个大点儿的前景色到透明的渐变。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

自由变换(Cmd/Ctrl + T),拖动上面和下面的锚点如图所示减小高度。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

在我们确认自由变换的效果之前,右击选择透视。向左拖动右上锚点(左边的锚点也会镜像过来),回车。

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

最后

把该层的不透明度改为30%,搞定!

Photoshop创建带光泽的3D文字效果,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1569169.html

延伸阅读
3D文字工具: Xara 3D     这篇photoshop教程比较长,同时很详细,通过这篇ps教程你也可以学习到许多东西,比如说如何使用PS中的ps液化效果,如何使用PhotoShop创意3D字体,更好地掌握PS图层的应用等等。准备好了吗?下面让我们开始这篇详尽的photoshop教程吧。 在PS里制造3D效果是有一点难度的,所以呢,要做出像这样的效...
本文教程是创建一个3D包装礼盒文字效果,制作过程中会用到斜面和浮雕图层效果,矩形工具和钢笔工具等等,另外文中还有一些简单的小技巧教给大家。看到这么喜庆又大方的文字效果,是不是迫不及待想要学习了?让我们开始吧。 先看效果图: 第1步 创建一个新的1024×786像素的文件。设置前景色为#78050...
标签: PS PS基础
最终效果 步骤1 – 创建3D文字 在我们开始时,我们需要3D文字,我使用illustrator帮助创建3D文字。你可以从这里下载字体。随意使用任何程序创建你要的3D文字。如果你喜欢使用Maya, 3Ds max等其他应用程序,请确保该文件保存了透明度。 步骤2 – 创建一个新文件 选择文件新建或按Ctrl /Command + N来创建一个新文档。我使用的是1440px...
其它CS5教程 初体验Photoshop CS5带来的新功能人物处理教程 再体验Photoshop CS5关节变形实例教程 PhotoshopCS5体验画笔工具打造画家画画效果     来体验一下CS5给我们带来的3D功能吧 最终效果   所用到的素材: 1、云彩背景 2、墙壁 3、石材 4、人物   12下一页

经验教程

379

收藏

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