jiaozuoye

在这篇教程中,你将会学习如何在Adobe Illustrator中创建4种甜甜圈,包括巧克力、草莓、糖衣巧克力颗粒和纯糖甜甜圈,教程主要帮你掌握散点笔刷和钢笔工具的运用,一起来试试。

最终效果:

diana_donut_icons_tut_final

1. 启动一个新项目

启动Illustrator 并转到文件>新建用于打开一个新的空白的文档。 输入你的文件名,设置尺寸,然后选择像素作为单位,RGB作为色彩模式。 接下来,转到编辑>首选项>常规并设置键盘增量为1px,转到单位和显示性能,确保单位设置为下图所示的一样。

diana_donut_icons_tut_1

2. 创建一个甜甜圈底子

第1步

首先,抓取椭圆工具(L),并画一个187 x 187px的椭圆,并选择暖棕色作为填充色。 保持圆一直被选中,转到对象>路径>偏移路径,为了得到一个稍微小点的形状应用-2 px的偏移值。 用径向渐变填充新形成的圆,并使用渐变工具(G)调整方向。

diana_donut_icons_tut_2

第2步

添加一些材质到甜甜圈上,选取钢笔工具(P)并如下图所示画一条直线路径。 然后用一个名为粉笔的艺术画笔描边,这个画笔从画笔库菜单>艺术效果>艺术效果>粉笔炭笔铅笔中选取。 增加描边宽度为4pt并改变颜色为暖棕色。 然后选择混合模式色彩加深以及30%的透明度。 保持画笔描边为现在的样子,我们随后将添加蒙板。

diana_donut_icons_tut_3

第3步

再一次用椭圆工具(L)画一个54 x 54px的圆,并将其置于甜甜圈的中间。 选择白色作为填充色,然后转到效果>风格化>外发光,并应用下面所示的设置。 当这个圆被选中时,转到外观面板,仅选择填充属性并设置它的混合模式为正片叠底。 这样,白色的填充将变为透明,但是外发光效果将变得可见。

diana_donut_icons_tut_4

第4步

现在是时候设置蒙板了。 选择第一个棕色圆已及圆的中心,然后复制和粘贴到前面(Control-F)。 设置两个复制层无填充,无描边。并通过转到对象>排列>置于顶层(Shift-Control-])将其放到全部图层的前面。

保持2个拷贝层被选中,转到对象>复合路径>建立(Control-8),然后选择你的画板上所有对象,转到对象>剪切蒙板>建立(Control-7)。 最终的结果的特征就是接下来的图形那样。

将结果组命名为“Basic Donut”。 这是我们用来创建其他类型甜甜圈的。

diana_donut_icons_tut_5

3. 创建巧克力糖果粒甜甜圈

第1步

抓取钢笔工具(P)或铅笔工具(N)并画一个向接下来图拍片的形状。 选择深棕色作为填充色,然后转到效果>风格化>内发光并应用所示的设置。

diana_donut_icons_tut_6

第2步

复制并粘贴在巧克力形状的后面(Control-B),然后按下你的键盘上的下箭头键3次将它向下移动3 px。 保持现有的外观并设置混合模式为叠加,然后你将会得到阴影。

diana_donut_icons_tut_7

第3步

接着画一条如下所示的路径并给其一个7 pt浅棕色的描边。 转到效果>模糊>高斯模糊并应用一个6px半径,然后设置路径混合模式为叠加。

diana_donut_icons_tut_8

第4步

为了添加一些光辉,画一个如同下面图片的形状,并用下面所示的线性渐变填充,然后转到效果>风格化>羽化,并应用一个11 px的半径。

diana_donut_icons_tut_9

第5步

画一个新的相似的形状在甜甜圈的底部的右边,并用黑到白的线性渐变填充,且用渐变工具(G)调整角度。 保持形状一直被选择,再次应用一个11px 羽化半径,并设置混合模式为滤色。

diana_donut_icons_tut_10

第6步

接下来,抓取钢笔工具(P)或者铅笔工具(N)并画几个如下面所示的类似水滴形状的巧克力。 在你完成之后,用下面所示的线性渐变填充。

diana_donut_icons_tut_11

第7步

仍然使用钢笔工具(P)或者铅笔工具(N),画几个小形状在上一步形成的形状上面,并用指定的颜色给它上色(1)。 为了添加更多的辉光,画更多个形状,并将其用指定的颜色填充。(2) 在这个图中画2个形状,并用白色填充,然后设置混合模式为叠加(3)。 最终结果的特征在图片4中。

diana_donut_icons_tut_12

第8步

让我们创建一个糖果粒散点画笔。 首先,画一个如下图所示的形状并用中间灰填充。 使用钢笔工具(N)在底部画一个随机形状作为阴影,并用深灰色作为填充色。 在顶部画一个小形状作为高光,这次用浅灰色。

现在选择全部并拖拽至笔刷面板,然后选择新的散点画笔。 在散点画笔选项窗口中,别的设置不变,只要输入一个名字并改变色彩模式为浅色和暗色就可以。

diana_donut_icons_tut_13

第9步

再次抓取钢笔工具(N)并在巧克力上画几条随机的路径,然后用之前保存的糖果粒散点画笔添加描边。 选择路径,双击外观面板,在画笔描边选项中应用和改变设置,目的是为了散布糖果粒,并使它们变的更小。

当色彩模式设置为浅色和暗色时,你可以选择任意路径描边颜色,创建不同色彩的糖果粒。 我选择绿色,蓝色和粉色。

diana_donut_icons_tut_14

这些设置是我用到的——完全随机。

diana_donut_icons_tut_15

第10步

保持描边路径一直被选中,转到对象菜单并选择扩展外观。 现在,进入隔离模式删除你不需要的糖果粒的部分(双击其中一个糖果粒组),你将完成第一个甜甜圈。

diana_donut_icons_tut_16

4.创建糖衣和巧克力片的甜甜圈

第1步

首先,选择并制作 “Basic Donut”的复本。 利用椭圆工具(L),画2个尺寸为168 x 168 px 和74 x 74 px的圆,并将它们置于下图所示的位置。 当圆被选中时,转到对象>复合路径>建立(Control-8),将生成的形状用指定的颜色填充。 我将这个命名为“糖衣形状”

diana_donut_icons_tut_17

第2步

选择糖衣层,转到效果>扭曲和变换>粗糙边缘,应用下图所示的设置,并点击确定。 接着,转到效果>风格化>内发光,并用指定的设置应用这个效果。

diana_donut_icons_tut_18

第3步

从巧克力糖果粒甜甜圈中制作2个高光形状的复本,并移动它们到新甜甜圈的相同的位置上。 都设置由黑到白的线性渐变,并使用渐变工具 (G) 调整角度。 设置它们的混合模式为滤色(黑色边透明)。 然后转到效果>风格化>羽化,并应用一个5px 半径。

diana_donut_icons_tut_19

第4步

接下来,抓取钢笔工具(N)并画一条随机的路径到甜甜圈上,并用喷洒散点画笔。 选择棕色作为描边色,并双击外观面板上的画笔描边,为了改变设置。 这次,也设置旋转相对路径。

diana_donut_icons_tut_20

第5步

仍然选择描边路径,转到对象菜单并选择扩展外观。

现在,删除巧克力片不需要的部分,而且也进入隔离模式(双击这个组其中一个巧克力片)。 在你完成后,选择新的巧克力组,转到效果>风格化>投影并应用下面的设置。 在这点上,糖衣巧克力片甜甜圈就完成了。

diana_donut_icons_tut_21

5. 创建纯糖甜甜圈

第1步

从糖衣巧克力甜甜圈中选择基本甜甜圈的编组和2个“高光形状”,然后复制并粘贴 (Control-V) 到你的画板上。 将2个高光形状保持相同的外观,但增加羽化半径从5 px 到9 px。

diana_donut_icons_tut_22

第2步

抓取铅笔工具(N)并在甜甜圈上画一条随机路径(我将之前的再一次使用了),并用喷洒散点画笔描边,但是这次设置颜色为白色。 从外观面板中打开描边选项窗口,改变设置来得到非常小的甜甜圈撒粉。 数量被选为随机。

diana_donut_icons_tut_23

第3步

为了添加更多甜甜圈的撒粉,复制描边路径并粘贴于顶层(Control-F),然后在弹出的变换面板菜单中选择垂直翻转。

diana_donut_icons_tut_24

第4步

在这一步,我们应该清除额外的甜甜圈撒子,但是这次它们太多了,因此我决定使用遮罩代替。 抓取复合路径的一份拷贝,这是你之前使用作为基本甜甜圈的遮罩,确保这个形状在所有形状的前面,然后转到对象>排列>置于顶层(Shift-Control-])。 现在,选择2个描边路径和复合路径(无填充,无描边),并转到对象>剪切蒙板>建立(Control-7)。

diana_donut_icons_tut_25

第5步

在图层面板,找到你各个建立和命名生成的编组为“Sugar”的遮罩层。 打开这个编组并选择2个描边路径,并转到对象>扩展外观。 现在进入隔离模式并从你使用的每个编组中删除2条路径,然后退出隔离模式。 接下来,转到效果>风格化>投影并应用2个编组中所示的的设置。 在此之后,白糖甜甜圈就完成了。

diana_donut_icons_tut_26

6. 创建草莓磨砂的甜甜圈

第1步

从糖衣巧克力片甜甜圈中“基本甜甜圈”以及糖衣和”2个高光形状”,然后将它们复制和粘贴 (Control-V) 在你的画板上。 当糖衣形状被选择时,改变它的填充色为浅粉色,打开内发光窗口,并用这个效果改变颜色。 对2个“高光形状”,增加羽化半径到9 px。 保持其他的部分相同。

diana_donut_icons_tut_27

第2步

抓取钢笔工具(P)或铅笔工具(N)并画出如下图一样的2个波浪形路径。 设置描边宽度为7pt 并在描边面板中选择圆角端点选项。 从对象菜单中选择扩展和解除编组(Shift-Control-G) 用来将2个描边路径转为填充。

使用直接选择工具(A)移动一些锚点来创建厚且不均匀的区域,因为这样更好更自然。 如果你没有足够的锚点,你可以用添加锚点工具 (+)添加更多锚点。 接着,选择蓝色和绿色的形状,转到对象>复合路径>建立(Control-8),并用(3)所示的线性渐变填充生成的复合路径。

diana_donut_icons_tut_28

第3步

为了添加辉光,画出几条沿着波浪形的薄路径并用白色填充。

diana_donut_icons_tut_29

第4步

为了添加阴影,复制并粘贴到波浪形状的后面(Control-B),改变填充色为粉色,并按下你的键盘上的向下箭头键3次将其向下移动3px。

diana_donut_icons_tut_30

7. 创建甜甜圈投影

第1步

首先在“甜甜圈”下面制作一个新图层并将它命名为“阴影”。 现在在图层面板中找到你过去用于遮住“基本甜甜圈”的复合路径,复制并将它粘贴(Control-V)到新的图层中。 选择棕色作为填充色,然后转到效果>风格化>投影并应用下面所示的设置。

diana_donut_icons_tut_31

第2步

对其它3个甜甜圈重复之前的步骤,用相同的设置。你将会完成这步。

diana_donut_icons_tut_32

祝贺你! 你已经完成了!

你现在饿了吗?

diana_donut_icons_tut_final1

看完教程咱们交作业咯!点我直达作业提交页面>>

文章来源:优设

转载请注明:学UI网 » 绘制美味诱人的甜甜圈【AI教程】

登录收藏
你可能喜欢的:
为什么你设计的图标不专业?可能是这10个容易被忽视的细节没做好为什么你设计的图标不专业?可能是这10个容易被忽视的细节没做好
好惨,我竟然被批评了,问我为什么不安排教程?我怕了好惨,我竟然被批评了,问我为什么不安排教程?我怕了
超喜欢,这个AI小技巧!超喜欢,这个AI小技巧!
如何强化图标设计的细节?我总结了12个关键点!如何强化图标设计的细节?我总结了12个关键点!
如何设计精美的应用图标?如何设计精美的应用图标?
出色的图标是如何一步步设计出来的?来学学这些实操方法!出色的图标是如何一步步设计出来的?来学学这些实操方法!
详解|图标设计,精致的体力活儿!详解|图标设计,精致的体力活儿!
还不会标题设计?这个方法很好用!还不会标题设计?这个方法很好用!
图标中的辅助图形,如何设计才有亮点?我总结了这5条实用经验图标中的辅助图形,如何设计才有亮点?我总结了这5条实用经验
几何造型风插画创作技法详解(附专用笔刷)几何造型风插画创作技法详解(附专用笔刷)