3D文字,巧用PS矢量工具制作文字3D效果

本篇教程通过Photoshop的矢量工具制作出3D效果字体,过程详细,手把手教同学们制作一款大气磅礴的立体字体,同学们一起来学习一下吧。

photoshop做粉碎的颗粒字(2)

[size=2][size=2] 图11[/size][/size] [size=2][size=2] 8、调整后的效果,如图12所示。[/size][/size] [size=2][size=2] 图12[/size][/size] [size=2] [/size]

本篇教程通过Photoshop的矢量工具制作出3D效果字体,过程详细,手把手教同学们制作一款大气磅礴的立体字体,同学们一起来学习一下吧。

先看下效果:

3D文字,巧用PS矢量工具制作文字3D效果插图

一、创建背景和文本形状

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(1)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(2)

Step 3

在文字图层(stay cool),点击右键,选择转换为形状,将文本层转换成一个形状层。

3D文字,巧用PS矢量工具制作文字3D效果插图(3)

二、调整字母

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(4)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(5)

三创建外部描边

Step 1

复制文本形状图层,并将副本重命名为描边(stoke)。

3D文字,巧用PS矢量工具制作文字3D效果插图(6)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(7)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(8)

四创建玻璃架子

Step 1

选择圆角矩形工具,确保形状选区仍在。在选项栏中,设置半径为1,并点击>几何选项图标,选择固定大小的选项,设置宽度为90和高度为10。

创建一个新图层在描边图层之上,称之为玻璃层(Glass)。单击并拖出一个圆角矩形,使矩形刚好在描边区的下方。

3D文字,巧用PS矢量工具制作文字3D效果插图(9)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(10)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(11)

Step 4

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

3D文字,巧用PS矢量工具制作文字3D效果插图(12)

五创建三维形状

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(13)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(14)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(15)

六构建3 D场景

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(16)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(17)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(18)

Step 4

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

3D文字,巧用PS矢量工具制作文字3D效果插图(19)

七修改网格

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(20)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(21)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(22)

Step 4

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

3D文字,巧用PS矢量工具制作文字3D效果插图(23)

Step 5

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

3D文字,巧用PS矢量工具制作文字3D效果插图(24)

Step 6

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

3D文字,巧用PS矢量工具制作文字3D效果插图(25)

Step 7

斜面宽度改为10。

3D文字,巧用PS矢量工具制作文字3D效果插图(26)

Step 8

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

3D文字,巧用PS矢量工具制作文字3D效果插图(27)

八创建材料

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(28)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(29)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(30)

Step 4

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

3D文字,巧用PS矢量工具制作文字3D效果插图(31)

Step 5

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

3D文字,巧用PS矢量工具制作文字3D效果插图(32)

Step 6

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

3D文字,巧用PS矢量工具制作文字3D效果插图(33)

Step 7

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

3D文字,巧用PS矢量工具制作文字3D效果插图(34)

Step 8

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

3D文字,巧用PS矢量工具制作文字3D效果插图(35)

Step 9

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

3D文字,巧用PS矢量工具制作文字3D效果插图(36)

九添加光照

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(37)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(38)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(39)

Step 4

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

3D文字,巧用PS矢量工具制作文字3D效果插图(40)

Step 5

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

3D文字,巧用PS矢量工具制作文字3D效果插图(41)

Step 6

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

3D文字,巧用PS矢量工具制作文字3D效果插图(42)

Step 7

从所给的韧性金属素材包中打开_aaalplplllpplpw2p1lpmlaqmmmklsi.jpg图像,然后改变强度值50%。

3D文字,巧用PS矢量工具制作文字3D效果插图(43)

十调整网格

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(44)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(45)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(46)

十一调整颜色

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(47)

Step 2

选择选择>全部,然后编辑>复制,编辑>粘贴。

3D文字,巧用PS矢量工具制作文字3D效果插图(48)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(49)

完成:

3D文字,巧用PS矢量工具制作文字3D效果插图

操作起来需要时间和精力,同学们要耐心完成。

本篇教程通过Photoshop的矢量工具制作出3D效果字体,过程详细,手把手教同学们制作一款大气磅礴的立体字体,同学们一起来学习一下吧。

先看下效果:

3D文字,巧用PS矢量工具制作文字3D效果插图

一、创建背景和文本形状

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(1)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(2)

Step 3

在文字图层(stay cool),点击右键,选择转换为形状,将文本层转换成一个形状层。

3D文字,巧用PS矢量工具制作文字3D效果插图(3)

二、调整字母

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(4)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(5)

三创建外部描边

Step 1

复制文本形状图层,并将副本重命名为描边(stoke)。

3D文字,巧用PS矢量工具制作文字3D效果插图(6)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(7)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(8)

四创建玻璃架子

Step 1

选择圆角矩形工具,确保形状选区仍在。在选项栏中,设置半径为1,并点击>几何选项图标,选择固定大小的选项,设置宽度为90和高度为10。

创建一个新图层在描边图层之上,称之为玻璃层(Glass)。单击并拖出一个圆角矩形,使矩形刚好在描边区的下方。

3D文字,巧用PS矢量工具制作文字3D效果插图(9)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(10)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(11)

Step 4

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

3D文字,巧用PS矢量工具制作文字3D效果插图(12)

五创建三维形状

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(13)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(14)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(15)

六构建3 D场景

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(16)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(17)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(18)

Step 4

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

3D文字,巧用PS矢量工具制作文字3D效果插图(19)

七修改网格

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(20)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(21)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(22)

Step 4

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

3D文字,巧用PS矢量工具制作文字3D效果插图(23)

Step 5

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

3D文字,巧用PS矢量工具制作文字3D效果插图(24)

Step 6

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

3D文字,巧用PS矢量工具制作文字3D效果插图(25)

Step 7

斜面宽度改为10。

3D文字,巧用PS矢量工具制作文字3D效果插图(26)

Step 8

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

3D文字,巧用PS矢量工具制作文字3D效果插图(27)

八创建材料

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(28)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(29)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(30)

Step 4

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

3D文字,巧用PS矢量工具制作文字3D效果插图(31)

Step 5

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

3D文字,巧用PS矢量工具制作文字3D效果插图(32)

Step 6

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

3D文字,巧用PS矢量工具制作文字3D效果插图(33)

Step 7

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

3D文字,巧用PS矢量工具制作文字3D效果插图(34)

Step 8

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

3D文字,巧用PS矢量工具制作文字3D效果插图(35)

Step 9

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

3D文字,巧用PS矢量工具制作文字3D效果插图(36)

九添加光照

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(37)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(38)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(39)

Step 4

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

3D文字,巧用PS矢量工具制作文字3D效果插图(40)

Step 5

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

3D文字,巧用PS矢量工具制作文字3D效果插图(41)

Step 6

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

3D文字,巧用PS矢量工具制作文字3D效果插图(42)

Step 7

从所给的韧性金属素材包中打开_aaalplplllpplpw2p1lpmlaqmmmklsi.jpg图像,然后改变强度值50%。

3D文字,巧用PS矢量工具制作文字3D效果插图(43)

十调整网格

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(44)

Step 2

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

3D文字,巧用PS矢量工具制作文字3D效果插图(45)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(46)

十一调整颜色

Step 1

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

3D文字,巧用PS矢量工具制作文字3D效果插图(47)

Step 2

选择选择>全部,然后编辑>复制,编辑>粘贴。

3D文字,巧用PS矢量工具制作文字3D效果插图(48)

Step 3

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

3D文字,巧用PS矢量工具制作文字3D效果插图(49)

完成:

3D文字,巧用PS矢量工具制作文字3D效果插图

操作起来需要时间和精力,同学们要耐心完成。

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部