您将在本 3D Illustrator 教程中学到什么
- 如何在 Illustrator 中添加 3D 效果
- 如何在 Illustrator 中制作 3D 形状
- 如何在 Illustrator 中将对象制作为 3D
- 如何在 Illustrator 中制作多个 3D 对象
1.如何创建新文档并设置网格
按Control-N创建一个新文档。从“单位”下拉菜单中选择“像素” ,将“宽度”和“高度”设置为850 px,然后单击“高级选项”按钮。选择RGB作为颜色模式,并将光栅效果设置为屏幕 (72 ppi),然后单击“创建”按钮。
启用网格(视图 > 显示网格或Control-“)和对齐网格(视图 > 对齐网格或Shift-Control-“)。您将需要每5 px一个网格,因此只需转到“编辑”>“首选项”>“参考线和网格”,然后在“网格线间隔”框中输入5 ,在“细分”框中输入1。尽量不要因所有网格而气馁 – 它会让您的工作更轻松,并且请记住,您可以使用 Control- ” 键盘快捷键轻松启用或禁用它。
您还应该打开“信息”面板(“窗口”>“信息”)以实时预览形状的大小和位置。不要忘记从“编辑”>“首选项”>“单位”将测量单位设置为像素。所有这些选项将显着提高您的工作速度。

2.如何创建冰淇淋形状
步骤1
从工具栏中选择椭圆工具(L),然后关注颜色设置。选择描边并删除颜色,然后双击填充并将现有颜色替换为R=250 G=145 B=180。
移至画板并单击它即可创建一个180 像素的圆圈。

第2步
确保粉红色圆圈仍处于选中状态,然后转到“效果”>“扭曲和变换”>“粗糙化”。输入如下所示的设置,然后单击“确定”应用效果。

步骤3
选择钢笔工具 (P)并使用它来创建如下所示的形状。如果您想使用相同的尺寸,请遵循网格线。

步骤4
继续使用钢笔工具 (P)并用它创建第二个形状,如下所示。

步骤5
使用选择工具(V)选择最后两步中制作的两个形状,并将它们放置在第一张图像中。
现在一一选择这些形状并将填充颜色更改为下面所示的颜色。

步骤6
重新选择椭圆工具 (L),创建一个50 px 的圆圈,并用R=255 G=76 B=62填充它。
继续关注这个红色圆圈并切换到直接选择工具(A)。选择顶部锚点并将其向下移动5 像素,然后选择底部锚点并将其向上移动5 像素。
继续使用锚点工具 (Shift-C),然后单击并拖动刚刚移动的锚点以添加新手柄。按住Alt键并单击并拖动其中一个控柄以将其与另一个控柄断开连接,然后您可以使用直接选择工具 (A)调整每个控柄的位置,如第三个图像所示。网格和对齐网格将再次派上用场。

步骤7
选择弧线工具并添加35 x 55 像素的弧线,如第一张图片所示。保持选中状态,删除填充颜色,将描边颜色设置为R=143 G=101 B=56,并将权重增加到3 px。
继续使用宽度工具 (Shift-W),将焦点放在圆弧的顶部锚点上,然后单击并拖动以增加路径该端的描边粗细。

步骤8
选择构成樱桃的两个形状,旋转它们,然后如下所示放置它们。然后选择所有形状并按Control-G将它们分组。

3.如何在 Illustrator 中制作 3D 冰淇淋
步骤1
确保选择了您的形状组,然后转到“效果”>“3D 和材质”>“膨胀”。这将打开3D 和材质面板,您可以使用它来调整 Illustrator 中的 3D 对象。
首先,单击右上角的按钮以启用光线追踪。对于这个特定的示例,您需要将“深度”设置为大约4.4 px,将“扭曲”设置为0 度,而“锥度”和“体积”应保持在100%。向下移动到“旋转”部分,选择“前”预设,并确保“透视”设置为0 度。

第2步
确保您的 3D 组仍处于选中状态,并继续关注3D 和材质面板。从“对象”选项卡切换到“材质”选项卡。
保留默认材质并关注“基本属性”部分,您需要将“粗糙度”设置为0.2并将“金属”保持为0。

步骤3
继续关注3D 和材质面板并切换到“照明”选项卡。单击该颜色框并确保将其设置为白色,然后输入如下所示的所有设置。

4.如何添加一些冰淇淋糖粉
步骤1
对于接下来的几个步骤,您可以禁用网格(“视图”>“隐藏网格”)和“对齐网格”(“窗口”>“对齐网格”)。
从线段工具 (\)开始,并使用它创建7 像素的水平路径。只需单击画板即可打开“线段工具选项”窗口,将“角度”设置为0 度,将“长度”设置为7 px,然后单击“确定”来创建线条。
保持选中状态,删除填充颜色,并将描边颜色设置为R=233 G=53 B=66。将粗细增加到4 px,然后单击该描边文本以打开“描边”弹出面板,您需要在其中检查“圆帽”按钮。

第2步
乘以红线(Control-C > Control-V),使用选择工具(V)将副本展开,如下所示,并将描边颜色替换为黄色(R=249 G=237 B=50)、绿色(R=94 G=182 B=145)、蓝色(R=39 G=170 B=225)和紫色(R=110 G=82 B=222)。

步骤3
选择所有彩色线条并将它们分组(Control-G)。移至“图层”面板,您应该在其中找到两个组:3D 冰淇淋和糖屑。
现在,按住Alt键,单击代表 3D 冰淇淋的目标图标,然后将其拖动到代表糖粉组的目标图标上。这基本上将与冰淇淋相同的 3D 效果应用到糖粉上。

步骤4
选择您的喷洒组,然后转到“效果”>“风格化”>“投影”。将颜色设置为R=187 G=172 B=159,输入如下所示的所有设置,然后单击“确定”。

5.如何创建网格并将其另存为符号
步骤1
首先,将焦点放在工具栏上,将填充颜色设置为R=234 G=167 B=87,将描边颜色设置为R=214 G=147 B=67。
选择矩形网格工具并单击画板以打开矩形网格工具选项窗口。将宽度和高度设置为390 px ,将水平和垂直分隔线的数量增加到25 ,不要忘记选中这两个底部框,然后单击“确定”创建网格。选择网格后,将焦点放在控制面板上并将描边粗细增加到4 px。

第2步
确保您的网格仍处于选中状态,然后打开“符号”面板(“窗口”>“符号”)。只需单击“新建符号”即可将网格另存为符号。

6.如何创建蛋卷冰淇淋形状
步骤1
让我们重新打开网格(“视图”>“显示网格”)和“对齐网格”(“视图”>“对齐网格”)。
选择矩形工具 (M),创建一个120 x 140 px形状,并用R=234 G=167 B=87填充它。继续使用直接选择工具 (A),选择该矩形的底部锚点,然后转到“对象”>“路径”>“平均”。选中两者并单击确定将矩形变成三角形。
现在,您需要删除构成三角形底角的两个重叠锚点之一。选择删除锚点工具 (-),然后单击该点一次。
切换到锚点工具 (Shift-C),单击并拖动剩余的锚点,然后将这些手柄水平拖动40 px,如下所示。

第2步
重新选择矩形工具(M),创建一个160 x 30 px的形状,并将其放置如下所示。
继续使用直接选择工具 (A),用它选择该矩形的底部锚点,将焦点放在控制面板上,并将角半径设置为15 px。

步骤3
确保上一步中制作的形状仍处于选中状态,然后转到“效果”>“变形”>“下弧”。输入如下所示的设置,单击“确定”应用效果,然后通过转到“对象”>“扩展外观”将其展开。

步骤4
重新选择矩形工具 (M),创建一个180 x 25 px形状,并将其放置如下所示。保持选中此矩形并切换到直接选择工具 (A)将角半径设置为10 px。

步骤5
重新选择矩形工具 (M)并使用它创建一个形状,覆盖构成蛋卷冰淇淋的形状的左半部分。

步骤6
选择上一步中创建的矩形以及构成圆锥体的三个形状,然后选择形状生成器工具 (Shift-M)。
按住Alt键,然后单击并拖动该矩形即可轻松将其连同后面的形状部分一起删除。在继续之前,请记住对剩余的形状进行分组(Control-G )。

7.如何在 Illustrator 中制作蛋卷冰淇淋 3D
步骤1
确保选择了冰淇淋甜筒组,然后转到“效果”>“3D 和材质”>“旋转”。让我们在此关闭光线追踪。
选择相同的“前”预设并将“透视”设置为0 度,然后输入如下所示的其余设置。

第2步
继续“照明”选项卡并输入如下所示的设置。

步骤3
移至“材质”选项卡,首先将“粗糙度”降低至0.2。
切换到“图形”选项卡并单击网格符号将其应用到 Illustrator 中的 3D 对象。确保从“属性”列表中选择您的符号,并将其“旋转”设置为45 度。

最后,你的 3D 蛋卷冰淇淋应该看起来像这样。

8.如何添加 3D 冰淇淋滴
步骤1
使用钢笔工具 (P)或画笔工具 (B)大致绘制水滴形状,如第一张图所示。用R=250 G=145 B=180填充它,并再次使用“图层”面板中的这些目标图标来应用与冰淇淋组相同的 3D 效果。

第2步
为了进一步增强 3D 外观,我们还为此滴水形状应用投影效果。选择它并转到效果>风格化>投影。输入如下所示的设置并单击“确定”。

9.如何创建背景
步骤1
选择矩形工具 (M)创建一个覆盖整个画板的形状,将其发送到后面 ( Shift-Control-[ ),并使用如下所示的径向渐变填充它。您可以使用渐变工具 (G)拉伸渐变,如下图所示。

第2步
最后,让我们在冰淇淋下面添加一个微妙的阴影。使用椭圆工具(L)创建一个50 x 20 像素的形状,用R=54 G=135 B=101填充它,并将其不透明度降低到15%。

恭喜!你完成了!
以下是 3D 冰淇淋设计的外观。我希望您喜欢本教程,并能够在您未来的项目中应用这些技术。
