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

在这篇教程中，你将会学习如何在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个编组中所示的的设置。 在此之后，白糖甜甜圈就完成了。

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个甜甜圈重复之前的步骤，用相同的设置。你将会完成这步。

祝贺你！ 你已经完成了！

你现在饿了吗？

「伟大设计师也不能忽略的设计趋势」

提前知道进入VR领域会遇到的困难！

《亲历经验！设计师进入VR领域会遇到哪些状况？（附解决方法）》

可能是国内研究VR最深入的腾讯设计师！

《腾讯干货！设计师该怎样从3个方面学习VR设计？》

VR设计指南：

《教程来了！VR设计指南之基础概念与设计工具》

【优设网 原创文章 投稿邮箱：2650232288@qq.com】