Photoshop制作时尚大气的3D艺术字教程

2016-02-15 22:59 20 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是Photoshop制作时尚大气的3D艺术字教程,一起来学习了解下吧!

【 tulaoshi.com - PS 】

Photoshop的矢量工具和3D工具放在一起是一个很强大的组合,可以用来创建一些有趣又惊人的3D效果。在教程中我将向您展示如何使用矢量形状,3D工具和一些简单素材创建一个时尚的3D文字效果。平时最怕的就是做3D效果,可是看到这个教程的确很喜欢呢,拿来跟大家分享一下。而且这个教程讲解的很细腻,除了必要的操作步骤,还讲了一些3D操作中的小细节,下面就让我们一起来学习吧。

教程素材和字体:超酷的3D立体字教程PS教程素材

注意事项:看图,一定要看图做,虽然图片是英文的,但是步骤中已经给出了相应的翻译。 

先看下效果:

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

一、创建背景和文本形状

Step 1:创建一个新文档,大小为1500*1250像素,填补背景颜色为#DBDBDB。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 2:创建文本层,字母要全部大写,字体颜色设置为#6d6d6d,字体为无衬线Exb FLF,大小设置为370pt。设置行距为200pt,字符间的字距微调设置为视觉,所选字体字距调整设置为50.

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 3:在文字图层【Stay Cool】,点击右键,选择转换为形状,将文本层转换成一个形状层。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

 

二、调整字母

Step 1:选择路径选择工具,然后单击第一个字母,选中它,将其拖动【或者使用箭头键】至如下位置。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 2:按照相同的步骤把所有的字母拖动到文档里你喜欢的位置。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

三 创建外部描边

Step 1:复制文本形状图层,并将副本重命名为描边【Stoke】。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 2:使用路径选择工具选中文字,在工具栏,改变填充为纯色,描边宽度为5pt。然后点击设置形状描边类型的图标,设置描边的对齐类型为对齐到外面【如图】,然后点击更多选项按钮。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 3:改变其他的选项设置如下所示:

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

四、创建玻璃架子

Step 1:选择圆角矩形工具,确保形状选区仍在。在选项栏中,设置半径为1,并点击几何选项图标,选择固定大小的选项,设置宽度为90和高度为10。创建一个新图层在描边图层之上,称之为玻璃层(Glass)。单击并拖出一个圆角矩形,使矩形刚好在描边区的下方。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 2:给这个圆角矩形形状填充一个较暗的颜色,并在选项栏中点击合并形状的图标按钮。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 3:给剩下的字母也添加同上的圆角矩形。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 4:完成之后,复制原始文本形状的层,给复制层重命名为Stay Cool Back。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

五、创建三维形状

Step 1:对每个形状图层进行如下操作:选中它,然后选择3D从所选图层新建3D凸出。将这些形状图层转化为3D的。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 2:复制背景图层两次,拖动这两个复制图层到图层面板的最上方,重命名墙(wall)和地面(ground)。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 3:对于步骤2中图层的每一个,选中它,然后选择3D从图层新建网格明信片。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

六 构建3D场景

Step 1:进入3D设置及属性界面,需打开两个面板,即:3D面板和属性面板【两者均可在窗口菜单中找到】。3D面板中包含3D场景中的所有组件。无论单击哪一个组件,均可进入属性面板的设置界面。因此,在改变属性面板中的设置之前请确保其确实为您想更改的选项。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 2:点击地面层,在3 D面板中选择它的网格名称,双击,然后在属性面板中,单击顶部的坐标图标,X值更改为90。这样做是为了让它看起来是垂直于墙面的。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 3:选择所有的3 D图层,然后选择3 D 合并3 D图层。这是要把所有的3D网格放在同一个场景里面。

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

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 4:选择移动工具,并观察其工具栏。你会发现右边有一组3 D模式。当你选择其中之一时,您可以单击并拖动它,对所选中元素执行你想要的任何变换(在3D面板选中的元素部分)。现在的3 D面板选中的是当前视图,您可以单击并拖动改变视图效果,结果如下:

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

七、修改网格

Step 1:在3D面板中选择原始文本(stay cool)和stay cool Back的变形名称,双击选择变形属性,把他们的凸出深度值更改为20。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 2:选择原始文本stay cool,单击属性面板中的盖子图标按钮,选择边为前部,然后斜面宽度改为10,等高线为滚动斜坡-递减,膨胀角度为-45。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 3:对于stay cool back网格,单击盖子按钮,边设置为背面,改变斜面宽度为10,等高线为滚动斜坡-递减,膨胀角度为45。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 4:选择stock的变形名称,设置其凸出深度为150。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 5:然后改变其斜面宽度为10,轮廓为半圆。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 6:选择玻璃(glass),选择变形按钮,设置凸出深度为481。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 7:斜面宽度改为10。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 8:最后对wall网格,勾选取消阴影框。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

八、创建材料

Step 1:为原始文本(stay cool)网格选择前膨胀材质。然后单击漫射纹理图标,并选择删除纹理。对其他材质进行一样的操作。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 2:修改其他设置如下所示:漫射:# 575757镜像:# 606060发光:# 000000环境:# 000000

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 3:选择字体斜面、凸出和背部斜面材质,改变他们设置如下所示:漫射:# d4d4d4镜像:# 67666 b发光:# 080808环境:# 000000

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 4:选择文本副本(stay cool back)的后膨胀材质,更改设置如下所示:漫射:# b4b4b4镜像:# 65666发光:# 080808环境:# 000000

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 5:如下,选择描边(stoke)材质里的所有材质图标,改变他们的设置:漫射:# a3671f镜像:# cab171发光:# 080808环境:# 000000

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 6:选择所有的玻璃(glass)材质的图标,改变他们的设置:漫射:# ffffff镜像:# c2c2c2发光:# 080808环境:# 000000

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 7:墙面设置:漫射:# DBDBDB镜像:# a3a3a3发光:# 080808环境:# 000000

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 8:地面设置:漫射:# d4d4d4镜像:# 67666 b发光:# 080808环境:# 000000

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 9:选择移动工具,并使用3 d坐标轴移动工具把他们放到你喜欢在位置。在3 d轴的两端箭头是轴上移动,下面的部分是轴上旋转,立方体是用于沿轴缩放。中间的立方体用于平均。你需要做的就是点击和拖动箭头,以得到您需要的效果。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

九、添加光照

Step 1:选择无限光1的按钮,然后改变其颜色# bfb7ac,其强度30%,它的阴影柔和度到20%。

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

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 2:您可以使用移动工具移动光照到你喜欢的位置,或使用如下所示的坐标的值。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 3:在3D面板上点击下方的将新光照添加到场景,并选择新建点光。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 4:改变点光源的强度为20%,并勾选取消其阴影。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 5:把点光源放到文本后面,放在文本略上方的位置。你可以设置坐标的值如下。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 6:单击面板中的环境按钮,然后单击在Properties面板图标中的IBL纹理,选择替换纹理。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 7:从所给的韧性金属素材包中打开【金属背景图片01.jpg】图像,然后改变强度值50%。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

十、调整网格

Step 1:点击stay cool back,然后将其移动到后面,使它看起来像在金属条的后面。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 2:您可以选择一个网格或几个网格移动到场景中,改变他们的视图,得到你喜欢的结果。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 3:确保地面网格不低于最初的场景地平面网格,然后选择3 D 渲染。做出下面这个效果图可能需要一些时间,但你可以按Esc键随时停止。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

十一、调整颜色

Step 1:渲染完成后,一定要保存文件。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 2:选择选择全部,然后编辑复制,编辑粘贴。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

Step 3:改变粘贴层的混合模式为柔光,不透明度为35%。这将使最终结果看起来更生动,更加充满活力。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

恭喜你你完成了。

Photoshop制作时尚大气的3D艺术字教程,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160215/1565005.html

延伸阅读
标签: PS PS基础
这是一篇非常有创意的文字教程,制作过程非常简单,先制作出字体效果,再将字体做出切割效,然后用3D机器人合成推动字体的效果,完成教程。 效果图: 教程开始: 1、开始创建一个新的文件大小为1000×500像素,并填充颜色#f4f4f4。 2、新建图层,用椭圆选框工具,拉出如下图形的选区,并填写由黑色到透明的渐变。 按Ctrl+D...
【PS文字特效】Photoshop制作可爱的立体3D贴纸艺术字教程   Photoshop制作可爱的立体3D贴纸艺术字教程         本教材是向脚本之家的朋友介绍Photoshop制作可爱漂亮的立体3D贴纸艺术字方法,教程很不错,制作出来的艺术字非常的漂亮,难度不是很大,推荐到脚本之家,一起来学习吧! 先看看效果图 ...
标签: PS PS基础
本教程主要使用Photoshop制作3D绚丽的立体字教程,立体很容易做好,不过要能与场景完美融合,还需要一些特殊处理。如下面的教程:立体字做好后,作者根据背景、光源、质感等重新给立体字的各个面进行细化处理,出来的效果非常整体,细腻。 最终效果 1、这里的逻辑是,先得到一个符合透视原理的3D文字轮廓然后放到photoshop中添加贴图和效...
标签: PS PS基础
在整个过程中我将解释,怎样来创建3D模型,然后通过各种简单的工具,滤镜和其他PS选项,给它以霓虹感觉的外发光。诀窍在于光源的设置:并不是是通过外发光来表现,而是试着用细微的高光来让图形变得更美。 在将它们在PS中合成之前,我们需要准备3D软件,并对其做些设置。你将清楚的看到,怎样快速简单的控制各个部件,并且怎样将这技术用于其...
标签: PS PS基础
今天的字体效果超火爆,作者有特别的组合技巧,三两素材,加点调整图层,稍加微调,效果就出来了。不同之前的字体教程,这回是立体的3D字体,炫酷得不想多说,直接来燃烧吧。 在本教程中,我将会教你在Photoshop中创建被火焰环绕的3D文字的步骤。我们将会在Photoshop中渲染3D文字并将火焰和碎石纹理组合进来。我们将使用图像调整、图层混合模...

经验教程

446

收藏

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