AI和Photoshop绘制带光泽的3D文字特效(1)

王朝学院·作者佚名  2011-09-30  
宽屏版  字体:  |  |  | 超大  

本文介绍怎样用Illustrator和photoshop创建带光泽的三维文字特效。综合使用两个软件的特性,效果细腻精致。

最终效果:

最终效果

第一步

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

字体设置

文字

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

做“对象>扩展”

文字变路径

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

用路径查找器下的“联集”

第三步

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

添加曲线

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

添加曲线

请点击“下一页”,我们看下一个步骤。

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

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

添加曲线

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

编辑节点

第五步

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

移动路径节点,编辑细节

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

移动路径节点,编辑细节

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

第六步

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

调整路径中要与文字连接的区域

请点击“下一页”,我们看下一个步骤。

第七步

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

填充为中灰色

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

对象 > 扩展外观

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

微调节点

第八步

隐藏两个线条图层,仅让文字层可见。选择文字图形,右击 > 取消编组,然后再来一次,右击 > 取消编组。选择在前面的正面图形,隐藏该层。现在应该留下3d阴影元素。

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

“联集”

第九步

你现在应该有6个图层——“text”, “3d 1”, “swirl 1”, “3d 2”, “swirl 2” and “3d 3”。

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

调节曲线节点

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

导出psd文件

请点击“下一页”,我们看下一个步骤。

第十步

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

如下命名我们的图层。

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

第十一步

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

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

第十二步

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

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

请点击“下一页”,我们看下一个步骤。

第十三步

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

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有