Illustrator绘制奥利奥夹心饼干图标

来自:互联网
时间:2019-10-18
阅读:

教程的制作过程非常的详细,大家需要多一些耐心,图标的质感和立体感表现的都非常好,推荐给朋友可以喜欢,希望朋友可以喜欢。

先看看效果图

Illustrator绘制奥利奥夹心饼干图标

1. 如何打开新文档

启动 Illustrator 并转到文件>新建以打开空白文档。为文件输入一个名称,设置尺寸,然后选择像素 为 单位, RGB 为 颜色模式。确保未将新对象对齐到像素网格。

接下来,转到编辑>首选项>常规,并将键盘增量设置为 1像素, 并在那里,转到单位 ,以确保它们设置为以下图像。我通常使用这些设置,他们将在整个绘图过程中为您提供帮助。

Illustrator绘制奥利奥夹心饼干图标

2. 如何创建基本奥利奥图标

步骤1

抓住圆角矩形工具并绘制所示尺寸的第一个形状。使用深褐色作为填充颜色(1)。

当图标的形状保持选定状态时,转到效果> 3D>拉伸和斜角,然后应用指示的设置(2)。

Illustrator绘制奥利奥夹心饼干图标

第2步

在仍然选中图标形状的情况下,转到“ 外观”面板并在第一个下面添加 新填充。使用白色作为填充颜色。接下来,再次转到效果> 3D>拉伸和斜角并应用所示的设置。

按更多选项按钮查看整个窗口。轻轻向下移动现有灯光,并按照右侧所示更改设置。按新光图标添加另一个,并将其移动到中间左侧。使用相同的设置,但将光强度提高到100%。点击确定,你会得到奶油填充,但你将无法看到它。

转到效果>扭曲和变换>变换,在缩放水平字段中键入95%,然后在移动垂直 字段中键入20像素。点击确定,这将带来奶油填充向下。

Illustrator绘制奥利奥夹心饼干图标

第3步

在图标形状保持选定状态时,转到“ 外观”面板并在底部添加 新填充。使用深褐色作为填充颜色。使用显示的设置应用 3D效果,然后应用“ 变形” 效果。因此,你会得到第二个饼干在底部。

Illustrator绘制奥利奥夹心饼干图标

3. 如何创建顶级奥利奥设计

步骤1

使用多边形工具绘制一个显示尺寸的三角形。然后使用直接选择工具(A)仅选择顶部定位点, 并通过按下向下箭头键八次将其向下移动8 px。新的三角形是蓝色的(1)。

现在,去影响>风格化>圆角 和应用半径的5 PX(2); 然后从对象菜单(3)中选择展开外观。

Illustrator绘制奥利奥夹心饼干图标

第2步

在圆角三角形保持选定状态时,转到对象>变换>移动,然后在位置垂直字段中输入-18像素。点击复制,你会得到另一个三角形上面。不要释放第二个三角形,并从外观 面板(1)的弹出菜单中选择垂直翻转。

复制 并粘贴在前面(Control-F) 这两个三角形,并使用变换 面板将它们旋转90度。因此,你会得到一对新的三角形(2)。

用相同的颜色(蓝色)填充顶部和底部形状,用不同的颜色(粉红色)填充左侧和右侧形状,最后在填充第三种不同颜色(红色)的中心绘制一个4 x 4像素圆, (3)。颜色将在本教程的后面部分介绍。

Illustrator绘制奥利奥夹心饼干图标

第3步

绘制四个填充相同红色的5 x 5 px圆圈,然后分别删除左侧和右侧的锚点将它们变成半圆形。按照下图所示排列它们,并使用“ 对齐” 面板确保它们是对称的。

使用矩形工具(M)使用半圆作为参考线绘制正方形,然后分组(控制-G)所有形状。这将是图案笔刷(1)的主要部分。

复制组并从左侧删除两个半圆。这将是图案笔刷(2)的开始拼贴。

制作组的另一个副本并删除两个正确的半圆。这将是图案刷(3)的结束平铺。

将Start Tile和End Tile拖到Swatches面板中以保存它们,并确保记住哪个是哪个。

Illustrator绘制奥利奥夹心饼干图标

步骤4

将画笔的主要部分拖到“ 画笔”面板中,然后选择“ 新建图案画笔”。该图块将成为选项窗口中的第一个图块。对于开始拼贴和 结束拼贴,从列表中选择正确的一个; 然后为您的笔刷输入一个名称并点击确定。

Illustrator绘制奥利奥夹心饼干图标

第5步

在充满绿色的画板上绘制一个小圆角矩形,然后将其拖入“ 画笔”面板中以将其保存为新图案画笔。你可以将它命名为Oreo Edge Pattern Brush。

Illustrator绘制奥利奥夹心饼干图标

第6步

复制图标形状并删除所有现有的外观和效果。它应该 只有 棕色填充颜色。复制并粘贴在前面(Control-F)此形状,移除填充颜色,并使用Oreo Edge Pattern Brush对其进行描边。

打开“ 描边选项”窗口并更改“ 缩放 和间距”设置(1)。接下来,转到效果>路径>偏移路径,并应用-2 px的偏移量使绿色边缘略微向内(2)。

Illustrator绘制奥利奥夹心饼干图标

第7步

在棕色长方形前做另一个副本; 然后转到对象>路径>偏移路径并应用-13 px的偏移量。你会得到一个更小的形状。删除填充颜色,并给它一个4磅的橙色 笔画。按下“ 描边”面板中的“ 圆帽”图标,然后选中“ 虚线”选项。输入显示的破折号和间隔值。

Illustrator绘制奥利奥夹心饼干图标

第8步

使用钢笔工具(P)或线段工具()在顶部和底部绘制直线路径,并使用先前保存的Oreo Squares Pattern Brush对其进行描边。调整路径的长度,使每个只有四个方格。

接下来,在两侧绘制两条直线路径,并再次应用Oreo Squares Pattern Brush。这次你应该每条路径只有三个方格。

Illustrator绘制奥利奥夹心饼干图标

第9步

在中心(1)绘制一个椭圆,然后是上面的三条路径(2),并给它们一个4磅的黄色笔画。同时选择圆帽选项。

现在,抓住类型工具(T)并使用字体Anja Eliane(大小为22磅),然后在文本上方和下方两个小黄色三角形写入“YUMM” (3)。

在椭圆周围用更多的黄色三角形或其他类似的装饰完成奥利奥设计(4)。

Illustrator绘制奥利奥夹心饼干图标

第10步

选择Oreo Squares Pattern Brush抚摸的四条路径,然后从“ 对象”菜单中选择“ 展开外观 ” ,将它们从笔画变成填充(1)。现在,使用直接选择工具(A)选择 其中一个红色圆圈,并在箭头(2)指示的空白位置安排四个红色圆圈。制作红圈的更多副本,并在橙色虚线(3)之间布置一个。

最后,选择绿色边缘并再次选择“ 扩展外观”以展开应用的 偏移效果。

Illustrator绘制奥利奥夹心饼干图标

第11步

此时,奥利奥设计已准备就绪,您可以删除棕色矩形。将所有内容拖到“ 符号”面板中,输入名称,然后点击“ 确定”。

Illustrator绘制奥利奥夹心饼干图标

第12步

让我们返回到奥利奥图标,并保持选中状态时,打开应用于顶部棕色“填充”属性的3D 效果。在选项 窗口中,按下地图艺术按钮。在 对象的曲面1上,选择并应用保存的奥利奥设计符号。点击确定,你应该看到顶部饼干的设计。

Illustrator绘制奥利奥夹心饼干图标

步骤13

选择奥利奥图标并选择“ 展开外观”以展开所有外观和3D效果。取消组合(Shift-Control-G) 一次,您应该在“ 层”面板中看到三个单独的组。您可以选择并重命名它们以查看哪个是哪个。我们有“ 基础饼干 ”(1)和“奶油馅 ”(2)。现在,打开第三组,在那里只找到丰富多彩的奥利奥设计,并将其拖出图层顶部。说明这个小组的“ 顶级饼干 ” 剩下的是什么。

选择“ 奥利奥设计 ”组,然后转到对象>剪贴蒙版>释放(Alt-Control-7)以删除现有蒙版(3)。

Illustrator绘制奥利奥夹心饼干图标

第14步

抓住直接选择工具(A),只选择图标前面的绿色圆角矩形和Group(Control-G)。在组保持选定状态时,转到效果>扭曲>降低壳体并应用5%水平弯曲。点击确定,然后进入对象>扩展外观。这将使前面的绿色边框变大。

Illustrator绘制奥利奥夹心饼干图标

4. 如何重新着色顶级奥利奥设计

步骤1

使用直接选择工具(A)仅选择其中一个绿色圆角矩形,然后转到选择>相同>填充颜色。因此,Illustrator将为您选择所有绿色形状(1)。将它们(Control-G)组合起来,并以90度角(2)显示的线性渐变填充它们。

Illustrator绘制奥利奥夹心饼干图标

第2步

使用直接选择工具(A)选择复合路径(1)的橙色虚线,并填充指示的棕色阴影(2)。

Illustrator绘制奥利奥夹心饼干图标

返回顶部
顶部