AI教程!手把手教你绘制小鸟邮票!

时间:2021-01-17
类别:AI教程
水平:入门
观众:13324
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

原图作者:Yoshita Chng

教程作者:就业衔接班2期-62-YO

教程指导:包大有趣

交作业:#优设每日作业#

效果图

AI教程!手把手教你绘制小鸟邮票!

 

关于教程

首先我们来分析这张鸟类插画,是由四张不同鸟类组成的同风格系列插画。我们这里挑选其中一幅来做教程,插画的主体是绿色的小鸟,以及后面的草丛,树木等装饰元素。

AI教程!手把手教你绘制小鸟邮票!

所以绘制时,我们将按照5个步骤来进行,分别是1.新建文档 > 2.创建背景 > 3.绘制小鸟 > 4.添加背景装饰物 > 5.调整和导出,现在来一步步详细说明:

教程步骤

Step 01 新建文档

打开 Adobe Illustrator(这里我用的是CC版本,不影响绘制),点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:

AI教程!手把手教你绘制小鸟邮票!

Step 02 创建背景

2.1 在绘制前,找到AI的图层面板,双击图层名称处,将名称修改为「背景」:

AI教程!手把手教你绘制小鸟邮票!

2.2 选中「背景」图层,使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,弹出建立矩形的窗口,输入数值,绘制一个800X800px的矩形,填充颜色#2e2928,如下图:

AI教程!手把手教你绘制小鸟邮票!

PS:绘制前注意检查,颜色模式是否为RGB。

2.3 将建立好的矩形对齐画板,选中刚才绘制的矩形,先点击选择「对齐画板」,然后依次点击「水平左对齐」和「垂直顶对齐」。将矩形与画板对齐(新建的矩形与画板上下左右完全重合,就是已经对齐了):

AI教程!手把手教你绘制小鸟邮票!

2.4 完成这一步后,选中该矩形,按Ctrl+2将矩形锁定,或在「背景」图层里找到矩形,将前面的「小锁」形状点上,完成锁定的操作,这样接下来,我们的其余操作就不会影响到背景层了:

AI教程!手把手教你绘制小鸟邮票!

2.5 接下来绘制底面的邮票矩形,点击「矩形工具」,创建一个400X400px的矩形,颜色填充#f4ef63

AI教程!手把手教你绘制小鸟邮票!

2.6 右键点击矩形工具,然后选择椭圆工具(快捷键L),按住Shift,拖动鼠标拉出一个直径为18px的正圆,如果无法判断圆的尺寸,可以选择->菜单栏->窗口->变换(快捷键Shift+F8),在变换中查看修改圆的尺寸(在变换中调整数值的时候一定要点击旁边的小链接符号,这样才是同步改变,否则出来就不是正圆而是椭圆)。这里的圆可以用其它颜色,以示区分。

AI教程!手把手教你绘制小鸟邮票!

AI教程!手把手教你绘制小鸟邮票!

2.7 将圆的1/4放在矩形的边缘,选取圆,按住Alt键,拖拉圆复制出一个,同样放在矩形的另一边,得到圆2。再点选圆1,按住Alt键,拖拉圆复制出一个,拉到适当距离,得到圆3。选中圆3,按快捷键Ctrl+D 9次,这样我们就复制出多个圆,每个圆的间距是一样的。然后依次选中圆1与圆2之间的所有圆,选择水平居中分布。

AI教程!手把手教你绘制小鸟邮票!

AI教程!手把手教你绘制小鸟邮票!

AI教程!手把手教你绘制小鸟邮票!

2.8 选择所有圆,按住Ctrl+G进行编组,选择圆然后按住Shift+Alt,平行向下拖拉复制出一组圆,与矩形下面边缘居中对齐。再点选圆,复制出一组,按住Shift旋转90°,拉到左边与矩形边缘居中对齐。用同样方法做出圆,拉到右边与矩形边缘居中对齐。

AI教程!手把手教你绘制小鸟邮票!

2.9 选中圆与黄色底图,在菜单栏->窗口->路径查找器(快捷键Shift+Ctrl+F9)形状模式中,点击减去顶层,这样我们的邮票底图就完成了。再选中邮票底图,按住Ctrl+2,将邮票底图锁定。

AI教程!手把手教你绘制小鸟邮票!

AI教程!手把手教你绘制小鸟邮票!

Step 03 主体绘制

3.1 绘制小鸟的身体

3.1.1 快捷键L,长按住Shift,拉出圆1,尺寸118*118px,颜色填充#b8d665。选中圆按住Alt+Shift,往下拉复制出一个圆2,尺寸140.5*140.5px。选中两个圆,点击垂直顶对齐。选择直线段工具,在圆2中建立一条直径,在变换面板旋转中输入125.5(垂直时长度为140.5)。

AI教程!手把手教你绘制小鸟邮票!

3.1.2 选择钢笔中的添加锚点工具,在直线两端圆的位置上添加锚点(注意不要把锚点添加在直线上)。再点击直接选择工具(快捷键A)将圆2右边的锚点Delete删除。然后选择圆2的两端的锚点,鼠标右键,选择连接。

AI教程!手把手教你绘制小鸟邮票!

3.1.3 将上方的锚点位移至与圆的边缘相交,将所选锚点状态转换为平滑。拉动手柄调整角度与斜线重合即可。然后选择两个圆,在路径查找器中选择联集。

AI教程!手把手教你绘制小鸟邮票!

3.1.4 建立以下尺寸四个圆后,全部框选。然后选择形状生成器工具(快捷键Shift+M),按住Alt,鼠标箭头出现减号时,依次点击abcde区域,生成一个新的形状选中图形。在路径查找器形状模式中选择联集。

AI教程!手把手教你绘制小鸟邮票!

3.1.5 再建立以下尺寸两个圆后,全部框选。然后选择形状生成器工具(快捷键Shift+M),按住Alt,鼠标箭头出现减号时,依次点击abcde区域,生成一个新的形状选中图形。

AI教程!手把手教你绘制小鸟邮票!

3.1.6 在刚生成的新形状上,再建立三个圆,前两个圆注意与形状的相交位置,第三个圆注意与前两个圆的相交位置。确定好圆与形状之间的位置后,选择形状生成工具,删减abc区域。选择新生成好的三个形状吗,进行联集。

AI教程!手把手教你绘制小鸟邮票!

3.2 小鸟的嘴巴

3.2.1 先建立以下尺寸的圆形,长方形及矩形。

AI教程!手把手教你绘制小鸟邮票!

3.2.2 四个圆形的边缘要相切,然后选择形状生成器,鼠标旁边出现+号时,按住Shift键,选择abcd四个区域。删除掉多余图形,保留刚刚选择的区域。

AI教程!手把手教你绘制小鸟邮票!

3.2.3 在新图形底边缘中间,增加锚点,将锚点转换成平滑状态。选择锚点按键盘向上箭头⬆三次,再选择图形最右边的锚点,按键盘向右箭头➡一次。嘴的图形就做好了。

AI教程!手把手教你绘制小鸟邮票!

3.2.4 最后将小鸟嘴巴放到身体合适的位置就可以了。

AI教程!手把手教你绘制小鸟邮票!

3.3 小鸟的翅膀

3.3.1 分别建立三个圆,如图所示摆在相应的位置,选择形状生成工具,生成图形区域a,并填充颜色#423c30。

AI教程!手把手教你绘制小鸟邮票!

3.3.2 再建立一个72*72px正矩形,一个21*61.5px长矩形且旋转角度38度,三个分别为48*48px,82*82px,52*52px的圆形,注意圆之间的相切点。

AI教程!手把手教你绘制小鸟邮票!

3.3.3 将新的图形组,摆放在小鸟后端位置,具体位置请见图中所示。并选择形状生成工具,对所框选的图形区域进行增减。注意因为新的图形组与小鸟主体有重合部分,在使用形状生成工具过程中容易将小鸟主体删减掉,所以在操作此步骤时要多检查。

AI教程!手把手教你绘制小鸟邮票!

3.3.4 将新生成的图案进行联集,并使用快捷键Ctrl+【 键,将新图案置于小鸟主体的下方。

AI教程!手把手教你绘制小鸟邮票!

3.3.5 选择小鸟的肚子将颜色改为#edee99,选择后面的翅膀进行原位复制,快捷键Ctrl+C+F。将复制的翅膀对齐原翅膀斜边向上移动,与原翅膀隔出一点距离,并将原翅膀颜色改成#423c30。

AI教程!手把手教你绘制小鸟邮票!

3.3.6 选择复制出来的翅膀,选择直接选择工具,快捷键a,框选多余的锚点并删除。参考原图,用直接选择工具调整其余锚点的位置与弧度。

AI教程!手把手教你绘制小鸟邮票!

3.4 小鸟的眼睛及脚

3.4.1 新建两个圆形,尺寸分别为16*16px,颜色#423c30;27.6*27.6px,颜色为#ffffff

3.4.2 选中白色圆形,点击菜单栏-效果-扭曲和变换-波纹效果,设置如图:

AI教程!手把手教你绘制小鸟邮票!

3.4.3 建立一个7*33px,颜色为#423c30的长矩形,并置于小鸟主体下方。选中矩形后选择倾斜工具,鼠标左右移动调整矩形的倾斜角度。然后将鼠标状态换成选择工具,点击矩形,并按住Alt+Shift键,复制平移出另一个矩形,并参考原图调整一下位置,这样脚就做好了。

AI教程!手把手教你绘制小鸟邮票!

3.4.4 接下来调整细节,检查多出来的图形或不够平滑的问题,这里可以根据自身情况进行调整。一般都是通过增减锚点来调整就足够了,主要是掌握调整的方法。

AI教程!手把手教你绘制小鸟邮票!

3.4.5 这里根据我做出来的问题进行调整,小鸟的尾巴也可以调整一下。

AI教程!手把手教你绘制小鸟邮票!

3.4.6 选择小鸟肚子Ctrl+C+F原位复制出一个,点击键盘左方向键3下,新图形出来后,再建立一个矩形,遮盖住小鸟上半边头部的面积就可以。选择复制图形和新矩形,点击路径查找器中的减去顶层。新生成一个图案,选择并置于小鸟图案与腿之间的图层位置。并把颜色改为#a1bb50。这样,前面的小鸟图案就做好了。

AI教程!手把手教你绘制小鸟邮票!

3.5 接下来做后面的小鸟图案,制作思路与前面小鸟是一样。

3.5.1 首先建立七个圆形,一个270*270px,两个167.6*167.6px,四个97*97px。按照图中位置摆放好,注意圆与圆之间的相切点。然后选择所有的圆,选择形状生成工具,删掉如图所示的红色区域,将保留部分进行联集。

AI教程!手把手教你绘制小鸟邮票!

3.5.2 Ctrl+C+F原位复制刚制作的图形,再建立三个尺寸为87.2*87.2px,37.5*37.5px,34.5*34.5px的圆,如图依次摆放好。选择所有圆,使用形状生成工具删掉图中的红色区域。将新的图形进行联集,并置于顶层,底层图形颜色改为#edee99。这样后面小鸟的身子就做好了。

AI教程!手把手教你绘制小鸟邮票!

3.6 接下来做后面小鸟的嘴,建立五个尺寸为108*108px,52*52px,37.5*37.5px,28.5*28px(两个)的圆及一个14.5*63px的长矩形,并旋转角度313度。按照图中位置摆放好。

AI教程!手把手教你绘制小鸟邮票!

3.6.1 选中所有图形,使用形状生成工具,增加图中的红色区域,并删掉多余图形。

3.6.2 使用直接选择工具,将多余的锚点删掉。并将左下角的锚点转换成平滑状态。拖动手柄,调整一下弧度,将颜色改为#423c30。

AI教程!手把手教你绘制小鸟邮票!

3.6.3 将前面小鸟的眼睛,脚,小翅膀(旋转角度80度)复制过来,参考原图将眼睛,脚,嘴巴,小翅膀及两个小鸟的位置按原图摆放就可以了。这样主体就做好了。

AI教程!手把手教你绘制小鸟邮票!

Step 04 背景元素绘制

4.1 草丛树木

4.1.1 建立一个82*82px的矩形,颜色为#137187,拉动矩形四个角的圆圈,拉出弧度。

AI教程!手把手教你绘制小鸟邮票!

4.1.2 建立一个矩形,尺寸无要求,能盖住圆的下部分即可。选中两个图形使用路径查找器的减去顶层,得到半个圆。Ctrl+C+F原位复制出一个半圆,再建立一个70*70px的圆,放在半圆的中间位置,使用路径查找器的减去顶层(注意这里只选择一个半圆去做减去顶层,不要把两个半圆都选中)。得到半个圆中的左边图形,将这个图形颜色填充为#21a1a2。

AI教程!手把手教你绘制小鸟邮票!

4.1.3 选中两个图形进行编组,快捷键Ctrl+G。选中编组好的图形,按住Alt+Shift向右平行拖拉多复制出一组,再按Ctrl+D,连续复制出两个。然后调整一下图形间的顺序,Ctrl+【 是向下一层,Ctrl+】是向上一层。

AI教程!手把手教你绘制小鸟邮票!

4.1.4 将连续复制出来的图形,进行Ctrl+G编组,然后按住Alt+Shift向下平行复制出一组新图形。将新组图形中的最后两个图案删掉,选中全部图形组进行编组。

AI教程!手把手教你绘制小鸟邮票!

4.1.5 建立一个109.5*92.5px的椭圆,颜色填充#f37b41。选中图形Ctrl+C+F原位复制出一个,建立一个矩形遮住椭圆的一半即可,选中两者在路径查找器中选择减去顶层,得到半个圆,将半个圆颜色改为#f6b138,全部选中Ctrl+G进行编组。

AI教程!手把手教你绘制小鸟邮票!

4.1.6 建立一个长矩形,5.5*140px,颜色填充为423c30,并与椭圆形居中对齐。Ctrl+C+F原位多复制一个长矩形,并旋转角度315度,按住Alt+Shift向下平行复制。

AI教程!手把手教你绘制小鸟邮票!

4.1.7 选中两个倾斜矩形,进行Ctrl+G编组。鼠标右键选择变换-对称-垂直,将复制出的新倾斜矩形,按住Shift平移到对面对齐。选择所有矩形和倾斜矩形,在路径查找器中进行联集。

AI教程!手把手教你绘制小鸟邮票!

4.1.8 选中所有图形,在路径查找器中选择分割,分割后鼠标右键取消编组,将多余的图形删掉,然后整体再编组。

AI教程!手把手教你绘制小鸟邮票!

4.1.9 原图中的半边树木与整棵树木做法一样,重复上面步骤做到如图样子,删掉多余的图形,保留半边。调整一下倾斜矩形的位置,让它超出半圆范围。

AI教程!手把手教你绘制小鸟邮票!

4.1.10 选中所有图形,在路径查找器中选择分割,右键取消分组。将多余的图形删掉,再全部编组即可。

AI教程!手把手教你绘制小鸟邮票!

4.2 零散元素

4.2.1 建立一个4*22px矩形,颜色填充为#ed7b44。按住Alt+Shift向右平行复制出一个,选择新复制的鼠标右键变换-旋转-90度。选中所有图形,选中水平居中对齐,垂直居中对齐。在路径查找器中选择联集。

AI教程!手把手教你绘制小鸟邮票!

4.2.2 建立一个21*21px的圆形,颜色为#f6b138。选中圆,Ctrl+C+F原位复制,将新圆尺寸改为7.5*7.5px,选中所有图形,在路径查找器中选择减去顶层,即可。

AI教程!手把手教你绘制小鸟邮票!

4.2.3 建立一个16*16px的圆形,颜色为# f46a38。选中圆,Ctrl+C+F原位复制,将新圆尺寸改为8.2*8.2px,选中所有图形,在路径查找器中选择减去顶层,即可。

AI教程!手把手教你绘制小鸟邮票!

4.2.4 建立一个10*10px的圆形,颜色为# f6b138。

AI教程!手把手教你绘制小鸟邮票!

4.3 文字

4.3.1 因为不知道原作者选择的是什么字体,所以做练习的话,可以在字库中选择相似字体,提高临摹作品的美观性和完整性。

AI教程!手把手教你绘制小鸟邮票!

Step 05 调整和导出

5.1 作品完成后,我们就可以导出JPG图片,在文件-导出-导出为中,文件名可根据自己需要命名,保存类型中有很多类型可以选择,大家可以根据自己需求选择其他类型,这里我们选择JPG。在选项中,一般都是默认好的数值,有需要可以更改颜色模式(一般不建议改成CMYK,导出的图片颜色会有偏差),也可以更改分辨率。这些选好后点击确认即可。

AI教程!手把手教你绘制小鸟邮票!

最终效果

AI教程!手把手教你绘制小鸟邮票!

其他系列图

AI教程!手把手教你绘制小鸟邮票!

AI教程!手把手教你绘制小鸟邮票!

AI教程!手把手教你绘制小鸟邮票!

AI教程!手把手教你绘制小鸟邮票!

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1105212050 进群暗号:优优的忠实观众

学完这篇教程的人还在学…

23 收藏 59

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 5

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片