AI教程!适合新手入门的小鸡主题图标ICON绘制教程

时间:6天前
类别:AI教程
水平:普通
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

教程作者:设计师就业衔接班05期-88-阿葛

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

关于教程

12个萌趣的图标绘制,看似复杂,其实都很基础,一些基础的形状的组合可以绘制出各种各样可爱有趣的图标~

你也想学会自己原创同样的卡通图标吗?来这里,让老师一对一教你→优设设计师就业衔接班

教程步骤

Step 01 新建文档

打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

Step 02 创建图标

1-蛋壳小鸡图标

2.0 在绘制前,首先确定已在菜单栏->视图中开启了「对齐像素」功能。

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

2.1 使用椭圆工具新建一个高85px,宽71px的椭圆,参数如下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

2.2 新建一个矩形,宽比椭圆要宽,高大概椭圆一半,放置如图,

选中两个图形,使用路径查找器的减去顶层,得到半个椭圆

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

2.3 ­­­­选中图形,使用钢笔工具,为蛋壳上方添加锚点,数量不限,然后上下拖动锚点 ,得到锯齿边缘,拖动圆角控件调整圆角

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

2.4 选中形状,按住ALT键向上拖动复制,修改填充颜色,然后调整图层顺序,放置在底层,

AI教程!适合新手入门的小鸡主题图标ICON绘制教程AI教程!适合新手入门的小鸡主题图标ICON绘制教程

2.5 使用椭圆工具,绘制一个宽高均为51px的圆,各项参数如图,然后放置在两层蛋壳中间,

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

2.6 使用圆角矩形工具,绘制一个宽3px,高5px的圆角矩形,参数如图

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

2.7 使用椭圆工具绘制一个宽和高均为16px的无填充颜色的圆,然后按住alt键向右拖动,复制出第二个,然后复制出第三个,然后调整位置,位置如图

然后选中三个圆形,使用形状生成期工具,按住alt键删掉多余路径,得到鸡冠形状

然后用形状生成器工具点一下,生成形状,然后加上填充颜色

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

用形状生成器工具点一下,生成形状,然后加上填充颜色

将鸡冠与身体居中对齐并调整位置

调整图层顺序,让鸡冠处于鸡身体下层

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

2.8 使用多边形工具绘制一个三角形,参数如图

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

将三角形向右旋转45度,然后调整位置

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

选中所有图层,然后使用形状生成器工具,按住ALT键删掉嘴巴多余路径

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

2.9 使用椭圆工具,绘制一个宽和高均为20px的圆形,如图

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

选中圆形,使用剪刀工具,在路径上剪切

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

删掉多余路径

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

第一个图标就完成啦!

2-剥壳鸡蛋图标

使用椭圆工具,新建一个宽72px,高81px的椭圆,使用“小白”调整4个锚点

AI教程!适合新手入门的小鸡主题图标ICON绘制教程AI教程!适合新手入门的小鸡主题图标ICON绘制教程

选中这个图形,在使用偏移路径,得到一个小一点的鸡蛋

新建一个矩形,盖住大的鸡蛋的一半,然后选中大的鸡蛋和矩形

使用路径查找器里的“减去顶层”

然后改变小鸡蛋的填充色

调整图层顺序

AI教程!适合新手入门的小鸡主题图标ICON绘制教程AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

使用钢笔工具的添加锚点在大鸡蛋壳的上边添加锚点并上下调整位置,如图

然后调整圆角

AI教程!适合新手入门的小鸡主题图标ICON绘制教程AI教程!适合新手入门的小鸡主题图标ICON绘制教程

第二个图标也完成了!

3-打荷包蛋图标

同样的,绘制一个鸡蛋,大小和颜色如图

使用钢笔工具,在鸡蛋中间画一条直线路径

然后使用添加锚点工具,添加锚点

调整锚点的位置

调整圆角

AI教程!适合新手入门的小鸡主题图标ICON绘制教程AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

选中鸡蛋和路径,使用形状生成器,点击上下两个蛋壳,形成两个新的形状,然后删去多余路径,如图

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

分别将两个蛋壳旋转一定的角度,

使用椭圆工具绘制一个椭圆,参数和颜色如图

使用钢笔工具绘制蛋液

调整位置然后对齐

AI教程!适合新手入门的小鸡主题图标ICON绘制教程AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

第3个图标就完成了!

4-摊荷包蛋图标

绘制一个椭圆,参数如下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

使用偏移路径,得到一个小的椭圆,然后改变大椭圆和小椭圆的填充色

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

使用钢笔工具绘制蛋液

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

选中碟子,使用偏移路径,得到一个中等大小的椭圆,去掉填充色,留下描边,改变描边颜色

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

第4个图标就完成了!

5-盒装鸡蛋图标

绘制一个鸡蛋,参数如图

Ctrl+c复制

Ctrl+f原位黏贴

得到一个同样大小的鸡蛋,向右移动,如图

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制一个圆角矩形,参数如下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制一个矩形,参数如下

将下面两个锚点往内移5px,然后与鸡蛋对齐

调整下面两个锚点的圆角,改为7px

然后复制一个往右移,对齐

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

选中长条的圆角矩形,复制一个,调整填充色,往上移3px

调整图层顺序

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

第5个图标就完成了!

6-篮装鸡蛋图标

使用矩形工具绘制一个矩形,参数如下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

使用对象—扩展,将填充和描边分开,然后右键,选择取消编组

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

新建一个矩形,参数和位置如下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

再新建一个矩形,参数和位置如下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

选中这个矩形,然后使用偏移路径,得到一个小一点的矩形

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

选中这两个矩形,使用形状生成器工具,生成一个新的形状,调整圆角为3px

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制一个鸡蛋

调整图层顺序

然后复制出两个,得到三个鸡蛋

分别放到篮子里,然后调整大小和位置还有角度

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

调整篮子底的填充色

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

新建一个无描边只有填充的矩形,参数如下

然后复制,往下移3px

然后ctrl+d复制变换几次

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

第6个图标也完成了

 

7-对切鸡蛋图标

绘制一个鸡蛋和蛋黄,参数如下

然后对齐,编组

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

选中这个鸡蛋,然后选择效果-3d-凸出和斜角

调整参数如下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

扩展外观之后,右键取消编组,直至取消到没有取消编组这个选项

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

删除多余的图层,留下以下图层

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

调整蛋白的描边

AI教程!适合新手入门的小鸡主题图标ICON绘制教程AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

使用钢笔工具,绘制鸡蛋厚度

然后编组

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

复制一个,然后将下面的编组旋转45度

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

第7个图标就完成了

 

8-奶油蛋糕图标

绘制一个椭圆,参数如下

复制一个,往下移

使用钢笔工具,将两个椭圆连接起来

使用形状生成器工具,删除其中一条路径,生成两个新形状,如图

然后编组

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

复制一个,往下移,放大后调整锚点调整厚度

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

更改形状的填充色

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

使用钢笔工具,绘制奶油,如图

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制一个圆角矩形,参数如下

绘制一个三角形,参数如下

将两个对齐

然后调整三角形的圆角,变成小火焰

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

调整大小比例

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

第8个图标就完成了!

 

9-举牌小鸡图标

绘制一个矩形,参数如下

绘制鸡冠,方法与之前的一样

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制一个矩形,调整圆角和位置,对齐身体,参数如下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制一个椭圆,参数如下,调整位置

复制一个,移到右边

然后编组,对齐身体

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制一个正方形,参数如下,旋转45度,然后对齐身体

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制椭圆,参数如下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

两个椭圆编组,然后复制一个,移到另一边

然后再编组,对齐身体

如图

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

调整身体大小和嘴巴还有牌子的大小

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

使用文字工具打上文字

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

第9个图标就完成了!

 

10-领结小鸡图标

使用矩形工具绘制身体,参数如下

绘制鸡冠,方法和之前一样

使用椭圆工具绘制手手,复制一个往左移,编组,然后对齐身体

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

使用矩形工具绘制眼睛,参数如下,纸保留填充色去掉描边,

复制一个,往右移

编组然后对齐身体

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制一个正方形,参数如下,然后旋转45度,对齐身体

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制一个正方形,参数和位置如图,颜色为白色

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

使用多边形工具绘制一个三角形,参数如下,颜色为白色

旋转90度,然后右键,变换-对称-垂直

然后移动三角形,如图

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

调整领结的圆角

调整图层顺序和对齐

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

第10个图标就完成了!

11-开车小鸡

绘制一个矩形,参数如下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制鸡冠,对齐

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制一个正方形,参数如下,旋转30度,然后移到身体图层下

调整嘴巴位置

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制一个矩形,参数如下

使用键盘的方向键调整4个锚点,得到一个梯形,然后调整梯形的圆角

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

依照箭头指示方向,使用方向键调整4个锚点,调整圆角

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制一个椭圆,参数如下

复制出另一个调整位置

编组,对齐身体

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

选中车轮,然后使用偏移路径,得到如图

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

改变填充颜色

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制椭圆,参数和位置如下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

第11个图标就完成啦!

12-徽章小鸡图标

绘制身体和鸡冠,参数如下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制手和嘴巴,参数如下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制眼睛

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

绘制一个正方形,参数如下

复制一个,旋转45度

选中两个正方形,然后使用路径查找器的联结工具

如图

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

使用偏移路径,得到小一点的图案 ,改变填充色

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

调整圆角,最后整体对齐一下

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

第12个图标也完成了

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

Step 03 添加光影

步骤都一样的

先是全选图案,然后使用对象-扩展,将填充色和描边分开,然后取消编组

然后选择需要添加阴影的图层

ctrl+c  ctrl+f复制两次出来两层

移动最上面的那层

选中复制出来的两层,使用路径查找器的减去顶层,得到一个新的形状

然后改变这个形状的填充色

如图

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

下面是具体的阴影颜色参考

AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程 AI教程!适合新手入门的小鸡主题图标ICON绘制教程

添加了阴影后的图标就更完整了

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

最后,我们来导出图片。在菜单栏->文件->导出中选择「导出为」,将图片导出成png格式

AI教程!适合新手入门的小鸡主题图标ICON绘制教程AI教程!适合新手入门的小鸡主题图标ICON绘制教程

最终效果图

AI教程!适合新手入门的小鸡主题图标ICON绘制教程

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

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

2 收藏 4

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

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

复制本文链接

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片