如何在Adobe Illustrator中设计积木字母

这就是我们这个教程中将要学会制作的样子，当然你可以做的更好更有创意。

1.创建文件

打开Adobe Illustrator，使用Control＋N来创建文件，从单位下面选择像素，设置宽度为850像素，高度为620像素，

然后选择RGB，屏幕（72ppi)，确保是新建模式与像素网格对其没有勾选，然后点击确认。

如下图：

2.创建和保存符号

第一步

使用矩形工具（M）创建50px的矩形，选中矩形工具，点击画板，在弹出窗中，设置宽度和高度为50px,描边为12px,对齐方式中选择,使描边内侧对齐。

接下来使用对象>扩展外观，接着使用直接选择工具(A),选中内测的四个锚点，按住shift可以加选，选中内侧四个锚点之后，可以看到内侧有有一个原点，向内拖动，可以形成一个弧度，这个功能应该是CC版本才有，之前版本的Adobe Illustrater可以通过其他方式来完成，这个方法在我的其它教程里有介绍。

然后添加字母，使用文字工具（T）打上字母“A”大写，选一种黑体中的一种，然后加粗，在你的文字选中的情况下，在文字>创建轮廓。

然后使用对齐工具，使得文字与边框垂直水平居中对齐。这里就不啰嗦了。（不懂的都可以看我之前教程有介绍，或者联系我解答。

第二步

重复上述步骤，多创建一些字母，例如可以创建出26个字母，当然你可以创建中文字以及符号等。

选中字母和边框，直接拖拽到符号面板中，或者选中文字和边框使用符号面板中的新建来创建一个新的符号，

3，创建3D立方体

第一步，使用矩形工具（M）点击你的画板，设置矩形窗口，高度和宽度和上面一样都是50px,

 填充颜色：R=179 G=179 B=179。

第二步

确保你的灰色方块意境倍选中，然后使用效果>3D>凸出和斜角功能，点击更多选项，像下方图片中一样设置参数，不要忘记将绘制隐藏表面勾选，然后点击贴图。

打开样式下啦列表，选择相对应的符号，这里选择的是“W”，然后移动到表面选项，从第一个表面到第五个表面一一进行添加相同的样式，有的地方需要旋转90度，很容易设定，这里你可以点击预览查看效果，最后点击OK，最后出现的图像应该像下面一样。

第三步

增加你的3D图像更多，像下面的图像一样扩展拷贝，用你需要的样式来代替现有的样式，在扩展面板里（窗口－外观）你可以很容易的设置3D凸出和斜角的样式。

第四步

像下方的图片中设置一样，添加四个立方体，代替其中的样式，像下方参数一样，调整角度。

四.调整色块颜色

第一步

选中其中一个立方体，然后使用对象>扩展外观，确保组的所有图形组都被选中，然后点击control+shift+G来解组两次，来快速解组。

继续保持图形被选中，然后进入图层面板，这里你将会看到三个剪切组，选中三个组，然后使用对象>剪切萌版>释放，（或者点击快捷键Control+7)来释放剪切萌版。

然后继续选中图层面板，去除没必要的形状，那三个背面的形状没有填充颜色和描边颜色，然后去除立方体后面的两个面，在下面第二个图中有显示，最后留下的是前面的立方体的图形形状。

（这里比较容易出错，大家可以下载源文件来查看，最终的效果是只留下前面的三个面的形状以及路径，多练习几次就好了）

第二部

选中素有的复合面板，然后在扩展面板里，确保颜色被设置成了黑色，然后点击透明度，打开透明度选项，改变混合模式为叠加，然后透明度调整到50%。

第三步

选中组成你立方体的上面图形，像下图一样，用线性渐变，来代替已经存在的填充颜色。

第四步

选择你立方体的右边图形，然后用下图的线性渐变来代替已经存在的填充颜色。

第五步

选中你立方体的右边形状，然后使用下面的线性填充颜色来代替，已经存在的填充颜色。

第六步

禁用智能网格对齐工具（control+U),选取直线工具（／）然后在立方体的右上角到左上角绘制一条线段，添加1像素的白色描边，最终效果如下图所示。

第7步

在智能网格对齐下面使用，在线段工具下，像下图一样，添加另外两段线段不要忘记了添加纤细的白色线条。

第八步

重新选择三条白色的线，然后在面板中选择，透明度降低到70%，改变混合模式为柔光。在描边的配置文件中选择，在下啦列表中选择第五个，（一头大一头小的那个描边线段）。

第九步

重新选择组成你立方体的三个面，在原位前面添加拷贝，（control+C,control+F),选择这些拷贝的图像，然后在路径查找器上点击拼合按钮，选中这些符合路径，然后在扩展面板里，选中填充颜色，把混合模式改为：混色。使用颜色R=147 G=39 B=143来代替原有的填充颜色。

第十步

确保你的紫色形状已经被选中，在扩展面板里，添加第二个新的填充图层，选中这个新的填充，把它变为黑色，把透明度降低到20%，把混合模式改为：叠加。

第五步 添加一些简单的投影

第一步

在图层面板下，选择组成你立方体的形状，然后在前面原位复制一个（control+C>control+F),用直接选择工具（A)选择刚刚拷贝的图像，选中第一个图像中的锚点，向左移动20px,像下方图像一样。

在扩展面板里保持你新添加的图像选中，选中填充颜色，用下方的线性填充颜色来填充，然后降低透明度到20%，然后使用效果下面的模糊>高斯模糊，输入5像素的按钮，然后点击确认按钮。按照下方图中黄色色块的透明度为0，蓝色色块在标准的一个位置。

第二步

确保你之前绘制的图像选中，然后在扩展面板里，选中已经填充的颜色，使用复制按钮复制一个，然后添加新的填充，透明度降到15%，去除高斯模糊的效果，

第四步

在图层面板下，重新选择组成你立方体的形状，然后在扩展外观面板里，移出填充颜色，选择描边，降低透明度为5%。然后打开描边面板，确保把线段降低到1PX，然后选择对齐方式为外对齐。

第五步

重新选择所有的图形，编组(Control+G).

第六步，给你剩下的模块填充颜色。

第一步

把剩下的模块按照之前的方法都一一设置好，旋转相似的角度，然后用下面的颜色来重新着色。

第二步，添加一些精细的投影和背景颜色。

像下图一样会只一个投影，然后填充颜色黑色，透明度将到75%，然后改变混合模式为柔光。

第二部添加一个矩形的背景，然后制作渐变。

恭喜你，终于做好了。

觉得本文有帮助

请赐个赞并在下方发表评论

可以在评论里把自己的练习作品发上来，大家一起交流。

第一手原创设计文章及内容，关注我。