您现在的位置: 万盛学电脑网 >> 软件知识 >> 图文处理 >> Adobe Illustrator教程 >> 正文

AI+PS制作光感立体字教程

作者:佚名    责任编辑:admin    更新时间:2022-06-22

  这篇教程教三联的朋友们用AI+PS制作光感立体字,教程需要学习者具备的一定PS和AI的基础,制作的文字效果简直是酷毙了,转发过来和三联的朋友们一起分享一下,先来看看最终的效果图吧:

AI+PS制作光感立体字教程 三联教程

 

  具体的制作步骤如下:

  第一步

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

AI+PS制作光感立体字 三联网 AI实例教程
AI+PS制作光感立体字 三联网 AI实例教程
AI+PS制作光感立体字 三联网 AI实例教程

  第二步

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

AI+PS制作光感立体字 三联网 AI实例教程

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

AI+PS制作光感立体字 三联网 AI实例教程

  第三步

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

AI+PS制作光感立体字 三联网 AI实例教程

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

AI+PS制作光感立体字 三联网 AI实例教程

  第四步

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

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

AI+PS制作光感立体字 三联网 AI实例教程
AI+PS制作光感立体字 三联网 AI实例教程

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

AI+PS制作光感立体字 三联网 AI实例教程
AI+PS制作光感立体字 三联网 AI实例教程

  第五步

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

AI+PS制作光感立体字 三联网 AI实例教程
AI+PS制作光感立体字 三联网 AI实例教程
AI+PS制作光感立体字 三联网 AI实例教程
AI+PS制作光感立体字 三联网 AI实例教程

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

AI+PS制作光感立体字 三联网 AI实例教程
AI+PS制作光感立体字 三联网 AI实例教程

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

AI+PS制作光感立体字 三联网 AI实例教程
AI+PS制作光感立体字 三联网 AI实例教程

  第六步

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

AI+PS制作光感立体字 三联网 AI实例教程

  第七步

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

AI+PS制作光感立体字 三联网 AI实例教程

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

AI+PS制作光感立体字 三联网 AI实例教程

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

AI+PS制作光感立体字 三联网 AI实例教程

  第八步

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

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

AI+PS制作光感立体字 三联网 AI实例教程

  第九步

  你现在应该有6个图层了——

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

AI+PS制作光感立体字 三联网 AI实例教程

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

AI+PS制作光感立体字 三联网 AI实例教程

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

AI+PS制作光感立体字 三联网 AI实例教程

  第十步

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

AI+PS
						<div class=