(页底留言开放,欢迎来吐槽)

● ● ●

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

终极效果:

AI教程教你从零开始绘制四个厚味诱人的甜甜圈

1. 启动一个新项目

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

2. 创建一个甜甜圈底子

第1步

首先,抓取椭圆工具(L),并画一个187 x 187px的椭圆,并选择暖棕色作为添补色。
保持圆一贯当选中,转到工具>路径>偏移路径,为了得到一个稍眇小点的形状运用-2 px的偏移值。
用径向渐变添补新形成的圆,并利用渐变工具(G)调度方向。

第2步

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

第3步

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

第4步

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

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

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

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

第1步

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

第2步

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

第3步

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

第4步

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

第5步

画一个新的相似的形状在甜甜圈的底部的右边,并用黑到白的线性渐变添补,且用渐变工具(G)调度角度。
保持形状一贯当选择,再次运用一个11px 羽化半径,并设置稠浊模式为滤色。

第6步

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

第7步

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

第8步

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

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

第9步

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

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

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

第10步

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

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

第1步

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

第2步

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

第3步

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

第4步

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

第5步

仍旧选择描边路径,转到工具菜单并选择扩展外不雅观。

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

5. 创建纯糖甜甜圈

第1步

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

第2步

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

第3步

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

第4步

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

第5步

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

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

第1步

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

第2步

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

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

第3步

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

第4步

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

7. 创建甜甜圈投影

第1步

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

第2步

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

祝贺你!
你已经完成了!

你现在饿了吗?

入群即可结交更多UI设计师

想和兴趣相投的朋友们一起互换吗?

丰富的学习资源进入我们的直播课!

扫描下面的二维码加入我们爱好群!

群号: 246049893

长按二维码即可入群

微信公众年夜众号:UI设计自学平台

点击下方“阅读原文”结交更多的UI设计师!

↓↓↓