当前位置:首页>ps入门教程>ps文字教程>3D立体字>教程内容

AI字体教程,用AI制作3D立体文字(4)

来源:站酷 作者:vivwcw 学习:33573人次

本篇教程通过AI制作一种3D立体字体,主要的知识点是混合工具的使用、Shift键、Alt键的灵活运用、3D旋转命令、投影效果的创建等,学会后可以应用在需要的设计中,比如海报设计,logo设计等,教程比较详细,同学们可以根据教程一起来学习一下,需要的时候就可以用上。

效果图:

AI字体教程,用AI制作3D立体文字_www.16xx8.com
www.16xx8.com

操作步骤:

首先打开AI软件,新建文件,命名,使用文字工具在画布上输入你想要设计的文字,设置颜色、字体、大小等等:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

选中文字,右键选择“创建轮廓”命令,将文字转化为对象,便于我们后面的操作。转化为对象之后的文字就不能像原来一样可以使用文字工具再进行编辑了。

AI字体教程,用AI制作3D立体文字_www.16xx8.com

接着对对象进行取消编组,同样右键,选择“取消编组”命令,这样文字就分解成了单独的字母对象,不再是编组的一个整体了,可以单独对每个字母进行编辑操作。接下来我们需要对每个字母进行分割处理了,以便将文字的一部分设计成图案。

AI字体教程,用AI制作3D立体文字_www.16xx8.com

我在上一篇教程“字体特效:使用Illustrator软件设计创意阶梯文字—AI教程”里也有提到过,为了便于观察,可以将视图切换为“轮廓”模式(可以通过“视图”—“轮廓”来切换,也可以直接使用快捷键Ctrl+Y快速切换),

AI字体教程,用AI制作3D立体文字_www.16xx8.com

轮廓化视图打开的效果如下:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

选择“直线段工具”,沿着字母G如图边缘线的中心点按住Shift+Alt键从中心点向外等比例拖动绘制出直线,这条直线是用来分割字母的,

AI字体教程,用AI制作3D立体文字_www.16xx8.com

同样在其他字母上都添加相应的分割线,不过不一定都需要使用直线段工具,例如也可以使用钢笔工具圈出要分割的部分,如下图:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

继续给后续的字母同样的分割线操作,在同样使用垂直线的时候,可以不用每次都用直线段工具去绘制,可以选中已经画好的直线段,按住Alt键的同时拖动直线段到指定的位置就可以在该位置复制一条一模一样的直线段出来,如下图中的P、H、C上的直线段就可以使用这种方法快速的复制出来。如果想要倾斜的线,可以将垂直的线段进行旋转,按住Shift键的同时旋转,可以以45°角的倍数进行旋转,如图I字母上的斜线就是利用这种方法制作的45°倾斜线:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

接下来就是要进行分割操作了,上一篇教程“字体特效:使用Illustrator软件设计创意阶梯文字—AI教程”里使用的是通过路径查找器工具里的“分割”命令将对象进行分割的方法,这里给大家介绍另外一个方法:使用形状生成器工具对字母进行分割处理。这在上篇教程里也有提到过一下。

AI字体教程,用AI制作3D立体文字_www.16xx8.com

选中“形状生成器”工具,在如图中每个字母需要做成图案的部分单击,选中的部分会变成网格状,这一部分就成了一个整体,跟其他部分分割开了(移动一下就可以检测是否分离成功)

AI字体教程,用AI制作3D立体文字_www.16xx8.com

对每个字母都做完分割以后,就可以删掉这些多余的分割线了:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

全部删掉的结果如下:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

Ctrl+Y返回正常预览视图模式,效果如下:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

框选所有对象时可以看到整体:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

可以看到A字母两部分衔接的位置没有处理的很好,可以放大稍微调整一下:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

调整好了之后如下:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

接下来就要制作图案了,我想要制作的图案是由倾斜的线组合而成的,这种图案的制作方法有很多,我就不一一列举了,这里我是利用混合工具快速生成的,具体操作步骤如下:

1、先用矩形工具绘制一条线段,如下:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

2、使用选择工具选中直线一端拖动就可以将直线段倾斜,按住Shift键拖动就是按照45°角的倍数进行旋转,我这里随意旋转了一定的角度,并不是完全的45°,大家根据自己想要的倾斜度去调整即可

AI字体教程,用AI制作3D立体文字_www.16xx8.com

上面说到了,按住Alt键的同时拖动对象可以快速复制对象,这里我在这条倾斜线的下面一定距离复制了一条一模一样的斜线:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

如图,双击“混合工具”图标,即可弹出混合选项设置窗口

AI字体教程,用AI制作3D立体文字_www.16xx8.com

这里间距方式选择“指定的步数”,具体数值依据自己喜欢的效果而定,我这里设置了50,设置好混合选项参数之后,将混合工具移动到这两条斜线上,分别单击这两条线,当单击第二条线的时候就会发现混合已经建立了,如下图:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

接着为了便于操作,我们将这个混合对象进行扩展,执行“对象-扩展”命令,在弹出的窗口中选择“确定”,

AI字体教程,用AI制作3D立体文字_www.16xx8.com

AI字体教程,用AI制作3D立体文字_www.16xx8.com

这时候对象就变成了一个便于移动的整体了,接着,将这个混合对象复制一个出来之后移动到G字母上,将G字母覆盖(如果你制作的混合对象面积比字母要小,可以等比例放大混合对象),然后将混合对象移动到字母下面,这可以通过右键“排列-至于底层”等命令来实现。

AI字体教程,用AI制作3D立体文字_www.16xx8.com

接着同时选中G字母的左边无填充色部分和它下面的混合对象(这里注意不要选中了多余的部分比如不需要变成图案的文字部分),右键选择“建立剪切蒙板”,

AI字体教程,用AI制作3D立体文字_www.16xx8.com

命令执行之后得到的效果如下:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

可以看到,图案字母已经生成了,接着对其他字母也执行同样的操作,最终效果如下:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

到这里还没结束哦,接下来还可以尝试对这些对象进行一些效果处理,例如让文字有立体感和质感。

将没有变成图案的绿色部分都选中,进行编组,然后复制这个组对象,给它填充另外一种颜色,如图:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

AI字体教程,用AI制作3D立体文字_www.16xx8.com

将复制的对象移动到绿色对象的下层,适当错开一些位置,制造立体感。

AI字体教程,用AI制作3D立体文字_www.16xx8.com

然后选中上层的绿色部分,打开“外观”面板,如图,点击“不透明度”选项,将绿色部分的图层模式改为“正片叠底”,效果如下:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

接着全选所有对象,Ctrl+G编组,然后对这个组对象执行“效果-3D-旋转”命令,

AI字体教程,用AI制作3D立体文字_www.16xx8.com

在弹出的参数窗口设置你想要的旋转效果参数,调整时候可以打开“预览”按钮,我这里简单弄了下旋转,参数如下:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

接着打开图层面板,将所有图案部分编为一组,另外两组分别是上层绿色部分和下层红色部分,选中红色组对象:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

打开“外观”面板,如图,选择“效果-风格化-投影”,给红色组对象创建一个投影,

AI字体教程,用AI制作3D立体文字_www.16xx8.com

参数如下,仅供参考:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

接下来,你也可以继续给这些对象添加更多的效果,我这里就不继续做了。为了方便查看,我这里随手拖了一个纹理进来当作背景:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

完成:

AI字体教程,用AI制作3D立体文字_www.16xx8.com

好好练习,需要的时候,学的都东西都可以派上用场,但是需要同学们假以时日的练习。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
徐梦旋2019-07-15 09:01
形状工具点击了 根本就没有反应,或者按下鼠标网格出来,松开鼠标又没了{:5_242:}
新约提摩2018-10-10 12:36
两个问题 最后那个投影 按步骤操作我这边没反应 然后是无法拖拽到ps 请问是为什么呢
古容道中药保健品2018-10-06 08:09
赞喔

关注大神微博加入>>

网友求助,请回答!