ai的预览模式切换_AI字体制作,用AI制作创意阶梯式文字

本教程详细讲解如何在Adobe Illustrator(AI)中创建阶梯式文字效果,涉及路径分割为网格、3D效果应用等技巧。通过学习,你可以掌握将文字转化为可编辑对象,并通过路径查找器和3D旋转实现创新文字设计。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本篇教程通过AI制作一款创意阶梯式文字,教程中有很多知识点需要掌握,比如路径分割为网络,3D效果应用等,我们要利用他们创造出我们需要的文字出来,具体是如何制作的,我们通过教程一起来学习一下吧。

效果图:

08affd2743cdc96bcc85e6435a1b3cdb.png

操作步骤:

首先打开AI软件,新建文件,命名,我这里填充了一个背景色:

ecfff3d2df515db8fcd27fd8c9686370.png

使用文字工具在画布上输入你想要制作的文字,输入Echo,选择字体和合适的文字大小,如下:

f4f9e830eac59296784b27322cd518ba.png

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

b33848f144a1f1f8d8774ec90ad2ea4c.png

接着对对象进行取消编组,同样右键,选择“取消编组”命令,这样文字就分解成了单独的字母对象,不再是编组的一个整体了,可以单独对每个字母进行编辑操作。

5391fe3ea8025e696c1008593209ff34.png

然后选择矩形工具,沿着文字上下边缘绘制出一个矩形覆盖住所有的文字,如下图:

d64f5559ffb449562e2a17495782b79b.png

在“对象”工具栏中选择“路径”中的“分割为网格”命令:

cb48c126a55bc490d0dca36e44d627ab.png

在弹出的对话框中设置你想要的行的数量,可自行选择数量,我这里选择了5行,打开预览,可以及时查看效果,如下图,设置好了之后,点击确定:

a0472b322a5c72f676aec0f99ff22d55.png

接下来,全选所有对象,打开路径查找器(可以通过“窗口”—“路径查找器”打开,也可以直接使用快捷键Shift + Ctrl +F9调出),执行路径查找器中的“分割”命令,如下图:

1c2101b9196b7c73a76d59c4bde6c18b.png

然后右键“取消编组”:

8f932f8086690c5713ba738326705b4c.png

接下来,使用选择工具将不需要的块一个个都删除,只留下需要的文字块,如下:

29330f10556c2b5da711fefb54acb87b.png

为了便于观察,可以将视图切换为“轮廓”模式(可以通过“视图”—“轮廓”来切换,也可以直接使用快捷键Ctrl+Y快速切换),如下图:

97cf970acccf7e5f29a5c0e0296f0acd.png

将所有不需要的块都删除之后如下:

509826bd9842471f482c46b7b9c68f61.png

这时我们可以继续使用快捷键Ctrl+Y将视图切换回正常模式,也可以通过“视图”—“GPU预览”切换回来。

953b2b39e4558c268af40ab573547c95.png

使用移动选择工具对块进行移动,可以看到原来的文字对象已经被分割成了若干块。

f49498a89346b499654d96c715945961.png

这里进行移动其实还有另外一个目的,就是检查是否有被遗漏的特别小的碎块出现,因为最开始对齐文字上下边缘参考线创建的矩形很可能没有百分百对齐,从而就会产生如下图所示的细小的碎块,在制作过程中很容易被忽视,从而影响到后面的效果。

e8633a22ba83acaa41d86b1011ecd659.png

为了避免这种情况出现,我们最开始创建矩形的时候需要注意。假如原来没有注意而现在确实出现了怎么办呢?

很好办,只需要将这个小碎块与它相连的部分再组合成一个整体就可以了。

组合的方法有很多,比如同时选中这个小碎块及与它相连的部分,执行“路径查找器”中的“联集”命令,即可将这2个部分组合成一个整体。

6ff589df1ec5629619aae5ff18cf018f.png

也可以同时选中这个小碎块及与它相连的部分,选择“形状生成器工具(快捷键Shift+M)”,在这两个块之间用鼠标左键点击并拖动,如下图:

605f09b1d6bfad80f075cb7c140ff980.png

松开鼠标,移动一下发现,两块已经连成一体成为了一个新的形状

24f654876ac7d57a04ae135358a73500.png

以上这几步骤中对块进行的随意拖动都是为了检查和查看,所以为了进行我们后续的设计,我们需要将这些移动了的块进行复原,使用Ctrl+Z撤销我们进行的这些移动步骤,使之回到我们上面说到的切换回GPU预览这一步。

a5209b14a452d5674d7847eed319a151.png

选中每一行并排的所有的块,对它们执行“编组”命令,这样就得到了5组拼合成Echo图样的对象组合。

8046c61e5a9251e2eda7aa0a7454cca3.png

接下来同时选中第1、3、5行的组合对象:

7b3b5ed24d42adb4e02570dba64b1f61.png

在“效果”工具栏中选择“3D”中的“旋转”命令,如下图:

0bb339f94b7fef35857760a70ef56844.png

在弹出的对话框中选择位置为“等角-上方”,打开预览,点击确定:

05607bd1fedc1df49e89334a33c30b0c.png

然后同时选择剩下的第2、4行的组合对象,

55618aba2101d2c10a3a9befe56c763d.png

同样在“效果”工具栏中选择“3D”中的“旋转”命令,

9bd35bf2c624602baf0b2e257429f723.png

在弹出的对话框中选择位置为“等角-左方”,打开预览,这里将对话框中的“表面”选为“扩散底纹”,稍微调整一下环境光,点击确定,效果如下图:

469ac7872d7025867099b34cd75a9517.png

接下来该知道怎么操作了吧,当然是对齐

ecbd25a526f8bbf3af096ec88f5bc8f3.png

为了做到更精确的对齐,可以放大视图,进行精细的调整,

19b9234884ab0ea53dbffb07d98c3f49.png

如果使用键盘移动,可以将键盘增量调小点,这样每一步的移动距离都没有那么大,更精确。更改键盘增量的方法是:在“编辑”工具栏中选择“首选项”中的“常规”命令,

4968b1e9c75cd61c82dc7dda7f17d241.png

在弹出的属性框中将“键盘增量”调整到合适的大小:

09e5b6b31e41010aa3bcb3ea717e003b.png

完成:

08affd2743cdc96bcc85e6435a1b3cdb.png

知识需要日积月累,需要大家从点滴学起,才可以做出更多的东西。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值