今天来个进阶版的AI教程,绘制一辆红色大巴车,教程依然非常高质量,而且所有操作都有快捷键标注,能帮你尽快熟悉快捷键的运用,大幅度提高设计效率,适合新手以及有基础的同学练习。

先看看效果图

<a href=/design/illustrator/ target=_blank class=infotextkey>Illustrator</a>绘制细节丰富的红色大巴车<a href=/photoshop/tubiao/ target=_blank class=infotextkey>图标</a>,PS教程,

1. 创建一个新文档并设置网格

点击 Control-N创建一个新文档。 从单位的下拉菜单中选择像素,在宽度框中输入600,在高度框中输入440,然后点击高级按钮。 选择RGB,屏幕(72ppi)并确保在点击确定之前使新建对象与像素网格对齐框未被勾上。

启用网格(视图>显示网格)并对齐网格(视图>对齐网格)。 首先,你需要每一格为5px,所以只需要转到编辑>首选项>参考>网格,在参考线间隔框中输入5,在细分框中输入1。 尽量不要试图将所有网格阻碍——它将使你的工作变得更容易,并记住利用Control-”快捷键,这样你将会很容易启用或停用网格。

你也应该打开信息面板(窗口>信息)得到你图形的实时位置和大小。 不要忘了从编辑>首选项>单位>常规中设置单位量为像素。 这些全部的选项将增加你的工作速度。

Illustrator绘制细节丰富的红色大巴车图标,PS教程,

2.创建主要形状

第1步

选择矩形工具(M)并注意到你的工具栏上。 移除描边的颜色,然后选择填充并设置它的颜色为R=231 G=40 B=32。 移动到你的画板上并创建一个 370 x 175 px的矩形——启用网格并对齐网格会使你的工作变得更容易。

回到你的工具栏上并用任意颜色替换现存的颜色。 确保你的矩形工具(M)一直是活动的,创建一个15 x 35 px的形状并将其准确的放置在如第二张图所示的位置。 选择这一步的形状,打开路径查找器面板(窗口>路径查找器)并点击减去顶层按钮。

着重于左边生成的形状,转换到添加锚点工具(+)并如第三张图所示添加一个新锚点。 再次启用网格并对齐网格的特点将派上用场。

Illustrator绘制细节丰富的红色大巴车图标,PS教程,

第二步

保持关注到你的形状的左边并选取直接选择工具(A)。 首先,选择顶部的锚点并将其向右拉动15px,然后选择其他高亮的锚点如下图所示向下拉动5px。 最终应该看起来像第二张图一样。

Illustrator绘制细节丰富的红色大巴车图标,PS教程,

第3步

使用矩形工具(M),创建一个5 x 95 px的形状并将其准确放置到如第一张图所示的位置。 选择红色形状旁边的新矩形并从路径查找器面板中点击减去顶层按钮。

Illustrator绘制细节丰富的红色大巴车图标,PS教程,

第4步

把目光投到你的红色形状并选取直接选择工具(A)。 逐个选择下面图中被高亮的锚点,移动到顶栏,聚焦到圆角框并输入下面图所示的值。

这个特点仅可用于CC用户,最好的解决替换这个效果的方法是圆化任意角的脚本(AI圆角工具,RoundAnyCorner), 将其保存到你的硬盘上,回到Illustrator并抓取直接选择工具(A)。 再次逐个选择下图所示的高亮的锚点,并转到文件>脚本>其他脚本。 打开圆化任意角脚本,输入如下图所示的圆角框中的值,然后点击确定。 尾部的结果可能在一些情况中看起来不同,这意味这你可以增加/减少圆角框中所提到的值。 你的红色图形的尾部应该看起来像第二张图一样。

Illustrator绘制细节丰富的红色大巴车图标,PS教程,

第5步

利用矩形工具(M),创建2个55 x 65 px的形状,选择任意蓝色作为填充色,然后将这些新形状放置在如第一张图所示的位置。 选择2个矩形并转到效果>风格化>圆角。 输入27px半径,点击确定按钮,然后转到对象>扩展外观。 确保生成的形状被选中并使用Control-8快捷键(或转到对象>复合路径>建立)将它们转化成一个简单的复合路径。 选择它以及你的红色图形并从路径查找器面板中点击减去顶层按钮。

Illustrator绘制细节丰富的红色大巴车图标,PS教程,

第6步

将目光投到你的红色图形的底部并选取直接选择工具(A)。 选择第一个图片中四个高光的锚点,转到顶栏并在圆角框中输入3px。 最后你的红色图形应该看起来像第二张图。

Illustrator绘制细节丰富的红色大巴车图标,PS教程,

第7步

利用矩形工具(M),如第一张图所示创建一组黄色矩形并视图将其准确的放置到下面图所思的位置。 当你完成后,关注左上的矩形并选取直接选择工具(A)。 选择顶部的锚点并将其向右拉动5px。 重新选择这一步制作的全部图形,并将它们转进一个新的复合路径(Control-8)。

Illustrator绘制细节丰富的红色大巴车图标,PS教程,