今天来个进阶版的AI教程,绘制一辆红色大巴车,教程依然非常高质量,而且所有操作都有快捷键标注,能帮你尽快熟悉快捷键的运用,大幅度提高设计效率,适合新手以及有基础的同学练习。
具体的制作步骤如下:
1. 创建一个新文档并设置网格点击 Control-N创建一个新文档。 从单位的下拉菜单中选择像素,在宽度框中输入600,在高度框中输入440,然后点击高级按钮。 选择RGB,屏幕(72ppi)并确保在点击确定之前使新建对象与像素网格对齐框未被勾上。
启用网格(视图>显示网格)并对齐网格(视图>对齐网格)。 首先,你需要每一格为5px,所以只需要转到编辑>首选项>参考>网格,在参考线间隔框中输入5,在细分框中输入1。 尽量不要试图将所有网格阻碍——它将使你的工作变得更容易,并记住利用Control-"快捷键,这样你将会很容易启用或停用网格。
你也应该打开信息面板(窗口>信息)得到你图形的实时位置和大小。 不要忘了从编辑>首选项>单位>常规中设置单位量为像素。 这些全部的选项将增加你的工作速度。
2.创建主要形状
第1步
选择矩形工具(M)并注意到你的工具栏上。 移除描边的颜色,然后选择填充并设置它的颜色为R=231 G=40 B=32。 移动到你的画板上并创建一个 370 x 175 px的矩形——启用网格并对齐网格会使你的工作变得更容易。
回到你的工具栏上并用任意颜色替换现存的颜色。 确保你的矩形工具(M)一直是活动的,创建一个15 x 35 px的形状并将其准确的放置在如第二张图所示的位置。 选择这一步的形状,打开路径查找器面板(窗口>路径查找器)并点击减去顶层按钮。
着重于左边生成的形状,转换到添加锚点工具(+)并如第三张图所示添加一个新锚点。 再次启用网格并对齐网格的特点将派上用场。
第二步
保持关注到你的形状的左边并选取直接选择工具(A)。 首先,选择顶部的锚点并将其向右拉动15px,然后选择其他高亮的锚点如下图所示向下拉动5px。 最终应该看起来像第二张图一样。
第3步
使用矩形工具(M),创建一个5 x 95 px的形状并将其准确放置到如第一张图所示的位置。 选择红色形状旁边的新矩形并从路径查找器面板中点击减去顶层按钮。
第4步
把目光投到你的红色形状并选取直接选择工具(A)。 逐个选择下面图中被高亮的锚点,移动到顶栏,聚焦到圆角框并输入下面图所示的值。
这个特点仅可用于CC用户,最好的解决替换这个效果的方法是圆化任意角的脚本(AI圆角工具,RoundAnyCorner), 将其保存到你的硬盘上,回到Illustrator并抓取直接选择工具(A)。 再次逐个选择下图所示的高亮的锚点,并转到文件>脚本>其他脚本。 打开圆化任意角脚本,输入如下图所示的圆角框中的值,然后点击确定。 尾部的结果可能在一些情况中看起来不同,这意味这你可以增加/减少圆角框中所提到的值。 你的红色图形的尾部应该看起来像第二张图一样。
第5步
利用矩形工具(M),创建2个55 x 65 px的形状,选择任意蓝色作为填充色,然后将这些新形状放置在如第一张图所示的位置。 选择2个矩形并转到效果>风格化>圆角。 输入27px半径,点击确定按钮,然后转到对象>扩展外观。 确保生成的形状被选中并使用Control-8快捷键(或转到对象>复合路径>建立)将它们转化成一个简单的复合路径。 选择它以及你的红色图形并从路径查找器面板中点击减去顶层按钮。
第6步
将目光投到你的红色图形的底部并选取直接选择工具(A)。 选择第一个图片中四个高光的锚点,转到顶栏并在圆角框中输入3px。 最后你的红色图形应该看起来像第二张图。
第7步
利用矩形工具(M),如第一张图所示创建一组黄色矩形并视图将其准确的放置到下面图所思的位置。 当你完成后,关注左上的矩形并选取直接选择工具(A)。 选择顶部的锚点并将其向右拉动5px。 重新选择这一步制作的全部图形,并将它们转进一个新的复合路径(Control-8)。
第8步
确保你的黄色复合路径被选中,选取直接选择工具(A),聚焦到顶栏并在圆角框中只需输入3px。 利用同样的工具,仅需选择用蓝圈(在下面的图中)高亮的锚点,回到顶栏并在圆角框中输入10px。 移动到用绿色圆圈高亮的锚点,选中它,然后回到顶栏,只需在相同的圆角框中输入25px。
最终,你的黄色复合路径应该看起来像第二张图。 复制它(Control-C > Control-F)并将拷贝层用Shift-Control-[快捷键置于底层。 你随后将需要这个拷贝。 现在,转到图层面板并关闭其可见性,以确保你不会意外地选择/移动。
第9步
选择前面的黄色复合路径和红色图形,并从路径查找器面板中点击减去顶层按钮。
第10步
使用钢笔工具(P),创建一个40px的垂直路径,一个340px的水平路径和一个245px的水平路径。 为这些路径添加2px的蓝色描边,并将其置于第一张图所示的位置。 确保3个路径都被选中,然后转到对象>路径>轮廓描边。 选择生成的形状和红色的形状,并从路径查找器面板中点击合并按钮。
3. 添加精致的阴影
第1步
确保你的红色形状被选中并在前面制作一份复本(Control-C > Control-F)。 使用矩形工具(M),创建2个65 x 75 px的形状,选取任意的蓝色作为填充色,并将这个新的形状放置到如第一张图片所示的位置。
选择2个矩形并转到效果>风格化>圆角。 输入一个30px的半径,点击确定然后转到对象>扩展外观。 确保生成的形状被选中并将它们转进一个简单的复合路径(Control-8)。 选中它与开始的一步中制作的复本,点击路径查找器面板中的交叉按钮,然后将生成的形状转进一个新的复合路径中(Control-8)。
第2步
确保你的红色形状被选中并在前面制作一份复本(Control-C > Control-F)。 使用矩形工具(M),创建一个380 x 45 px的形状,并将其放置到如第一张图片所示的位置。 选中这个新的矩形和红色的形状,然后单机路径查找器面板中的交叉按钮。
第3步
制作一份蓝色复合路径的复本(Control-C > Control-F)并将其置于顶层(Shift-Control-])。 选择这个复本和之前一步制作的形状,然后点击路径查找器面板中的减去顶层按钮。 将生成的形状组转进一个新的复合路径中(Control-8),然后聚焦到外观面板(窗口>外观)。
改变混合模式为柔光,然后用下图所示的线性渐变替换现存的填充颜色。 记住在渐变图中黄色的0代表透明度的百分比。
第4步
重新选择蓝色的复合路径并聚