AI教程！教你从零开始绘制四个美味诱人的甜甜圈_html/css

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

最终效果：

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个编组中所示的的设置。在此之后，白糖甜甜圈就完成了。