原图作者：Yoshita Chng
教程作者：就业衔接班2期-62-YO
交作业：#优设每日作业#
首先我们来分析这张鸟类插画，是由四张不同鸟类组成的同风格系列插画。我们这里挑选其中一幅来做教程，插画的主体是绿色的小鸟，以及后面的草丛，树木等装饰元素。
所以绘制时，我们将按照5个步骤来进行，分别是1.新建文档 > 2.创建背景 > 3.绘制小鸟 > 4.添加背景装饰物 > 5.调整和导出，现在来一步步详细说明：
打开 Adobe Illustrator（这里我用的是CC版本，不影响绘制），点击文件->新建（快捷键Ctrl+N）创建一个新文件，参数设置如下：
2.1 在绘制前，找到AI的图层面板，双击图层名称处，将名称修改为「背景」：
2.2 选中「背景」图层，使用矩形工具（快捷键M），待鼠标变为十字形后，在画板中间点击一下，弹出建立矩形的窗口，输入数值，绘制一个800X800px的矩形，填充颜色#2e2928，如下图：
PS：绘制前注意检查，颜色模式是否为RGB。
2.3 将建立好的矩形对齐画板，选中刚才绘制的矩形，先点击选择「对齐画板」，然后依次点击「水平左对齐」和「垂直顶对齐」。将矩形与画板对齐（新建的矩形与画板上下左右完全重合，就是已经对齐了）：
2.4 完成这一步后，选中该矩形，按Ctrl+2将矩形锁定，或在「背景」图层里找到矩形，将前面的「小锁」形状点上，完成锁定的操作，这样接下来，我们的其余操作就不会影响到背景层了：
2.5 接下来绘制底面的邮票矩形，点击「矩形工具」，创建一个400X400px的矩形，颜色填充#f4ef63
2.6 右键点击矩形工具，然后选择椭圆工具（快捷键L），按住Shift，拖动鼠标拉出一个直径为18px的正圆，如果无法判断圆的尺寸，可以选择->菜单栏->窗口->变换（快捷键Shift+F8），在变换中查看修改圆的尺寸（在变换中调整数值的时候一定要点击旁边的小链接符号，这样才是同步改变，否则出来就不是正圆而是椭圆）。这里的圆可以用其它颜色，以示区分。
2.7 将圆的1/4放在矩形的边缘，选取圆，按住Alt键，拖拉圆复制出一个，同样放在矩形的另一边，得到圆2。再点选圆1，按住Alt键，拖拉圆复制出一个，拉到适当距离，得到圆3。选中圆3，按快捷键Ctrl+D 9次，这样我们就复制出多个圆，每个圆的间距是一样的。然后依次选中圆1与圆2之间的所有圆，选择水平居中分布。
2.8 选择所有圆，按住Ctrl+G进行编组，选择圆然后按住Shift+Alt，平行向下拖拉复制出一组圆，与矩形下面边缘居中对齐。再点选圆，复制出一组，按住Shift旋转90°，拉到左边与矩形边缘居中对齐。用同样方法做出圆，拉到右边与矩形边缘居中对齐。
2.9 选中圆与黄色底图，在菜单栏->窗口->路径查找器（快捷键Shift+Ctrl+F9）形状模式中，点击减去顶层，这样我们的邮票底图就完成了。再选中邮票底图，按住Ctrl+2，将邮票底图锁定。
3.1 绘制小鸟的身体
3.1.1 快捷键L，长按住Shift，拉出圆1，尺寸118*118px，颜色填充#b8d665。选中圆按住Alt+Shift，往下拉复制出一个圆2，尺寸140.5*140.5px。选中两个圆，点击垂直顶对齐。选择直线段工具，在圆2中建立一条直径，在变换面板旋转中输入125.5（垂直时长度为140.5）。
3.1.2 选择钢笔中的添加锚点工具，在直线两端圆的位置上添加锚点（注意不要把锚点添加在直线上）。再点击直接选择工具（快捷键A）将圆2右边的锚点Delete删除。然后选择圆2的两端的锚点，鼠标右键，选择连接。
3.1.3 将上方的锚点位移至与圆的边缘相交，将所选锚点状态转换为平滑。拉动手柄调整角度与斜线重合即可。然后选择两个圆，在路径查找器中选择联集。
3.1.4 建立以下尺寸四个圆后，全部框选。然后选择形状生成器工具（快捷键Shift+M），按住Alt，鼠标箭头出现减号时，依次点击abcde区域，生成一个新的形状选中图形。在路径查找器形状模式中选择联集。
3.1.5 再建立以下尺寸两个圆后，全部框选。然后选择形状生成器工具（快捷键Shift+M），按住Alt，鼠标箭头出现减号时，依次点击abcde区域，生成一个新的形状选中图形。
3.1.6 在刚生成的新形状上，再建立三个圆，前两个圆注意与形状的相交位置，第三个圆注意与前两个圆的相交位置。确定好圆与形状之间的位置后，选择形状生成工具，删减abc区域。选择新生成好的三个形状吗，进行联集。
3.2 小鸟的嘴巴
3.2.1 先建立以下尺寸的圆形，长方形及矩形。
3.2.2 四个圆形的边缘要相切，然后选择形状生成器，鼠标旁边出现+号时，按住Shift键，选择abcd四个区域。删除掉多余图形，保留刚刚选择的区域。
3.2.3 在新图形底边缘中间，增加锚点，将锚点转换成平滑状态。选择锚点按键盘向上箭头⬆三次，再选择图形最右边的锚点，按键盘向右箭头➡一次。嘴的图形就做好了。
3.2.4 最后将小鸟嘴巴放到身体合适的位置就可以了。
3.3 小鸟的翅膀
3.3.1 分别建立三个圆，如图所示摆在相应的位置，选择形状生成工具，生成图形区域a，并填充颜色#423c30。
3.3.2 再建立一个72*72px正矩形，一个21*61.5px长矩形且旋转角度38度，三个分别为48*48px，82*82px，52*52px的圆形，注意圆之间的相切点。
3.3.3 将新的图形组，摆放在小鸟后端位置，具体位置请见图中所示。并选择形状生成工具，对所框选的图形区域进行增减。注意因为新的图形组与小鸟主体有重合部分，在使用形状生成工具过程中容易将小鸟主体删减掉，所以在操作此步骤时要多检查。
3.3.4 将新生成的图案进行联集，并使用快捷键Ctrl+【 键，将新图案置于小鸟主体的下方。
3.3.5 选择小鸟的肚子将颜色改为#edee99，选择后面的翅膀进行原位复制，快捷键Ctrl+C+F。将复制的翅膀对齐原翅膀斜边向上移动，与原翅膀隔出一点距离，并将原翅膀颜色改成#423c30。
3.3.6 选择复制出来的翅膀，选择直接选择工具，快捷键a，框选多余的锚点并删除。参考原图，用直接选择工具调整其余锚点的位置与弧度。
3.4 小鸟的眼睛及脚
3.4.1 新建两个圆形，尺寸分别为16*16px，颜色#423c30；27.6*27.6px,颜色为#ffffff
3.4.2 选中白色圆形，点击菜单栏-效果-扭曲和变换-波纹效果，设置如图：
3.4.3 建立一个7*33px,颜色为#423c30的长矩形，并置于小鸟主体下方。选中矩形后选择倾斜工具，鼠标左右移动调整矩形的倾斜角度。然后将鼠标状态换成选择工具，点击矩形，并按住Alt+Shift键，复制平移出另一个矩形，并参考原图调整一下位置，这样脚就做好了。
3.4.4 接下来调整细节，检查多出来的图形或不够平滑的问题，这里可以根据自身情况进行调整。一般都是通过增减锚点来调整就足够了，主要是掌握调整的方法。
3.4.5 这里根据我做出来的问题进行调整，小鸟的尾巴也可以调整一下。
3.4.6 选择小鸟肚子Ctrl+C+F原位复制出一个，点击键盘左方向键3下，新图形出来后，再建立一个矩形，遮盖住小鸟上半边头部的面积就可以。选择复制图形和新矩形，点击路径查找器中的减去顶层。新生成一个图案，选择并置于小鸟图案与腿之间的图层位置。并把颜色改为#a1bb50。这样，前面的小鸟图案就做好了。
3.5 接下来做后面的小鸟图案，制作思路与前面小鸟是一样。
3.5.1 首先建立七个圆形，一个270*270px，两个167.6*167.6px，四个97*97px。按照图中位置摆放好，注意圆与圆之间的相切点。然后选择所有的圆，选择形状生成工具，删掉如图所示的红色区域，将保留部分进行联集。
3.5.2 Ctrl+C+F原位复制刚制作的图形，再建立三个尺寸为87.2*87.2px，37.5*37.5px，34.5*34.5px的圆，如图依次摆放好。选择所有圆，使用形状生成工具删掉图中的红色区域。将新的图形进行联集，并置于顶层，底层图形颜色改为#edee99。这样后面小鸟的身子就做好了。
3.6 接下来做后面小鸟的嘴,建立五个尺寸为108*108px，52*52px，37.5*37.5px，28.5*28px（两个）的圆及一个14.5*63px的长矩形，并旋转角度313度。按照图中位置摆放好。
3.6.1 选中所有图形，使用形状生成工具，增加图中的红色区域，并删掉多余图形。
3.6.2 使用直接选择工具，将多余的锚点删掉。并将左下角的锚点转换成平滑状态。拖动手柄，调整一下弧度，将颜色改为#423c30。
3.6.3 将前面小鸟的眼睛,脚,小翅膀（旋转角度80度）复制过来，参考原图将眼睛，脚，嘴巴，小翅膀及两个小鸟的位置按原图摆放就可以了。这样主体就做好了。
4.1 草丛树木
4.1.1 建立一个82*82px的矩形，颜色为#137187，拉动矩形四个角的圆圈，拉出弧度。
4.1.2 建立一个矩形，尺寸无要求，能盖住圆的下部分即可。选中两个图形使用路径查找器的减去顶层，得到半个圆。Ctrl+C+F原位复制出一个半圆，再建立一个70*70px的圆，放在半圆的中间位置，使用路径查找器的减去顶层（注意这里只选择一个半圆去做减去顶层，不要把两个半圆都选中）。得到半个圆中的左边图形，将这个图形颜色填充为#21a1a2。
4.1.3 选中两个图形进行编组，快捷键Ctrl+G。选中编组好的图形，按住Alt+Shift向右平行拖拉多复制出一组，再按Ctrl+D，连续复制出两个。然后调整一下图形间的顺序，Ctrl+【 是向下一层，Ctrl+】是向上一层。
4.1.4 将连续复制出来的图形，进行Ctrl+G编组，然后按住Alt+Shift向下平行复制出一组新图形。将新组图形中的最后两个图案删掉，选中全部图形组进行编组。
4.1.5 建立一个109.5*92.5px的椭圆，颜色填充#f37b41。选中图形Ctrl+C+F原位复制出一个，建立一个矩形遮住椭圆的一半即可，选中两者在路径查找器中选择减去顶层，得到半个圆，将半个圆颜色改为#f6b138，全部选中Ctrl+G进行编组。
4.1.6 建立一个长矩形，5.5*140px，颜色填充为423c30，并与椭圆形居中对齐。Ctrl+C+F原位多复制一个长矩形，并旋转角度315度，按住Alt+Shift向下平行复制。
4.1.7 选中两个倾斜矩形，进行Ctrl+G编组。鼠标右键选择变换-对称-垂直，将复制出的新倾斜矩形，按住Shift平移到对面对齐。选择所有矩形和倾斜矩形，在路径查找器中进行联集。
4.1.8 选中所有图形，在路径查找器中选择分割，分割后鼠标右键取消编组，将多余的图形删掉，然后整体再编组。
4.1.9 原图中的半边树木与整棵树木做法一样，重复上面步骤做到如图样子，删掉多余的图形，保留半边。调整一下倾斜矩形的位置，让它超出半圆范围。
4.1.10 选中所有图形，在路径查找器中选择分割，右键取消分组。将多余的图形删掉，再全部编组即可。
4.2 零散元素
4.2.1 建立一个4*22px矩形，颜色填充为#ed7b44。按住Alt+Shift向右平行复制出一个，选择新复制的鼠标右键变换-旋转-90度。选中所有图形，选中水平居中对齐，垂直居中对齐。在路径查找器中选择联集。
4.2.2 建立一个21*21px的圆形，颜色为#f6b138。选中圆，Ctrl+C+F原位复制，将新圆尺寸改为7.5*7.5px，选中所有图形，在路径查找器中选择减去顶层，即可。
4.2.3 建立一个16*16px的圆形，颜色为# f46a38。选中圆，Ctrl+C+F原位复制，将新圆尺寸改为8.2*8.2px，选中所有图形，在路径查找器中选择减去顶层，即可。
4.2.4 建立一个10*10px的圆形，颜色为# f6b138。
4.3 文字
4.3.1 因为不知道原作者选择的是什么字体，所以做练习的话，可以在字库中选择相似字体，提高临摹作品的美观性和完整性。
5.1 作品完成后，我们就可以导出JPG图片，在文件-导出-导出为中，文件名可根据自己需要命名，保存类型中有很多类型可以选择，大家可以根据自己需求选择其他类型，这里我们选择JPG。在选项中，一般都是默认好的数值，有需要可以更改颜色模式（一般不建议改成CMYK，导出的图片颜色会有偏差），也可以更改分辨率。这些选好后点击确认即可。
想要来「优优交流群」和其他小伙伴一起学习分享吗？搜索 QQ 群：1105212050 进群暗号：优优的忠实观众
非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。
转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
继续阅读与本文标签相同的文章：
发表评论 已发布 5 条