Illustrator制作创意十足的阶梯效果立体字

来自:互联网
时间:2022-04-23
阅读:

版权申明:本文原创作者“vivwcw”,感谢“vivwcw”的原创经验分享!

教你如何使用Illustrator制作创意十足的阶梯效果立体字,本篇教程主要的思路其实就是:创建对象,对对象进行分割,然后再重新组合,通过使用3D效果对新组合的对象进行立体化操作,最后再将所有的对象以合适的方式拼合在一起得到我们想要的阶梯效果。其中涉及了很多平时设计中经常会用到的一些工具和命令,比如:对文字进行轮廓化操作、"路径分割为网格"命令、"编组"与"取消编组"命令、"路径查找器"工具、"形状生成器"工具以及3D效果应用等等。好了,话不多说,下面让我们开始制作吧!

效果图:

Illustrator制作创意十足的阶梯效果立体字

具体操作步骤:

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

Illustrator制作创意十足的阶梯效果立体字

使用文字工具在画布上输入你想要制作的文字,我这里就随意用下我的名字好了,输入Echo,选择字体和合适的文字大小,如下:

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

 

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

然后右键"取消编组":

Illustrator制作创意十足的阶梯效果立体字

 

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

 

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

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

 

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

 

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

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

Illustrator制作创意十足的阶梯效果立体字

完成全部的对齐之后,得到最终的效果图如下:

Illustrator制作创意十足的阶梯效果立体字

教程结束,以上就是关于Illustrator制作创意十足的阶梯效果立体字的全部内容,希望通过本篇教程的学习,可以将这种设计风格和思路应用在其他的各种设计当中了。

原文链接: http://mp.weixin.QQ.com/s/zYuHz3nRd-Q4BXbEYBl0ww

返回顶部
顶部