Illustrator中创建食物组MEB图标

Illustrator中创建食物组MEB图标

首页模拟经营甜瓜像素乐园更新时间:2024-05-09

一如既往,我们将采用最简单的方法,通过使用Illustrator提供的最基本的几何形状和工具创建它们。

1.如何设置新的项目文件

假设您已经在后台启动并运行了Illustrator,请将其启动,并使用以下设置设置新文档文件>新建控制-N):

然后从高级选项卡:

2.如何设置自定义网格

由于我们将使用像素完美的工作流程来创建图标,因此我们需要设置一个漂亮的小网格,以便我们可以完全控制图形。

步骤1

转到编辑>首选项>指南和网格子菜单,然后调整以下设置:

快速提示:通过详细阅读您可以了解有关网格的更多信息。

第2步

一旦我们建立了我们的定制网格,为了确保我们的形状看起来很清晰,我们所需要做的就是启用“ 查看”菜单下的“ 对齐网格”和“ 对齐到像素”选项,每次都将转换为“ 对齐到像素”您进入像素预览模式(如果您使用的是旧版本的软件)。

现在,如果您对整个“像素完美的工作流程”很陌生,我强烈建议您阅读我的“如何创建像素完美图稿”教程,该教程将帮助您立即拓宽技术技能。

3.如何设置图层

在创建新文档的情况下,使用几个图层来构建项目将是一个不错的主意,因为通过这种方式,我们可以一次关注一个图标,从而保持稳定的工作流程。

这就是说,调出图层面板,并共创建六层,我们将重新命名如下:

4.如何创建参考网格

基准网格(或基础网格)是一组精确的界定参考面,这让我们专注于规模性和一致性,以建立我们的图标。

通常,网格的大小决定了实际图标的大小,并且它们应该始终是您开始新项目时作出的第一个决定,因为您始终希望从最小的可能大小开始并在此基础上进行构建。

现在,在我们的例子中,我们将只使用一个尺寸创建图标包,更确切地说是128 x 128像素,这是一个相当大的尺寸。

步骤1

首先锁定除“参考网格”图层以外的所有图层,然后抓住矩形工具(M)并创建一个128 x 128像素的橙色(#F15A24)方形,这将有助于定义图标的整体大小。

第2步

添加一个更小的120 x 120 px one(#FFFFFF),我们将放置在上一个形状的顶部,因为它将作为我们的活动绘图区域,从而为我们提供全面的4 px填充。

第3步

使用Control-G 键盘快捷键选择并将这两个方块分组在一起,之后将它们对准底层的Artboard。使用四个副本(Control-C> Control-F)创建剩余的网格,每个副本之间有 40 px的间隔,然后在移到下一节之前锁定当前层。

5.如何创建水果图标

假设你已经成功地创建了小参考网格,继续下一层(这将是第二层),并且让我们通过创建第一个食物组来开始项目。

步骤1

通过创建一个120 x 112像素椭圆,开始在瓜的侧面部分上工作,我们将使用该颜色#8CB75E ,然后使用直接选择工具(A)选择其左侧锚点进行调整,然后通过按删除将其删除。中心将生成的形状与底层的有效绘图区域对齐,将其定位在与其右边缘相距12 px的位置。

第2步

使用一个120 x 22 px椭圆和一个4 px厚的Stroke#332E2E)来添加内部水平条纹对,我们将中心对齐到之前创建的形状的右边缘。

第3步

用一个稍微高一些的120 x 54 px椭圆和一个4 px厚的Stroke#332E2E)创建中间条纹,我们将像前一个那样对准甜瓜的侧面部分。

步骤4

使用一个120 x 82像素的椭圆和一个4像素厚的Stroke#332E2E),添加面朝外的条纹,确保使用Control-G键盘快捷键选择和分组所有瓜子的条纹。

第5步

由于我们希望条纹保留在瓜的侧面部分的表面,我们必须使用绿色形状的副本(Control-C)来掩盖它们,我们将在前面粘贴(Control-F)然后选中副本和省略号, 右键单击>制作剪贴蒙版

第6步

给侧部使用的轮廓笔划的方法,通过创建它(拷贝控制-C ),我们将在前面(粘贴控制-F ),然后通过第一改变其颜色来调节#332E2E,然后翻转其填充笔画Shift-X)。将生成的轮廓的“ 重量”设置8像素,并将其“ 角”设置为“ 联接”,然后使用Control-G 键盘快捷键选择并将所有当前部分的组合形状组合在一起。

第7步

使用一个72 x 112 px椭圆(#C6DBAD)和一个8 px 粗的轮廓(#332E2E)创建其外部主体,然后将其组合(Control-G),然后将其定位到活动绘图区域上,中心与侧面部分的左边缘重叠。

第8步

添加甜瓜的内部身体,使用48 x 88像素椭圆(#EA7A5C)和8像素厚的轮廓(#332E2E),我们将组(Control-G),然后居中对齐到以前创建的形状。

第9步

花点时间,使用一些4 x 6 px椭圆(#332E2E)添加水果的种子 ,我们将按照您在参考图像中看到的方式定位。一旦你拥有了所有的种子,选择并将它们分组(Control-G)在一起,对甜瓜的前部进行同样的处理。

第10步

使用10 x 10像素圈加一个4 px厚的笔画#332E2E)和一个圆形笔帽(我们将通过删除其上半部分来调整)来完成甜瓜的添加 。将生成的形状定位到活动绘图区域的右边缘,距离其底部58px处,确保选择并分组(Control-G)所有水果的构图形状。

第11步

通过使用32 x 32像素圆(#EDAD66)和8像素粗轮廓(#332E2E)创建其主体,我们将对其进行分组(Control-G),然后将其放置在活动绘图区域的左下角。

第12步

通过添加我们将使用20 x 20 px正方形(#8CB75E)创建的小叶子,将其左上角和右下角的半径设置为20 px从“ 变换”面板的“ 矩形属性”中。使用圆形连接将最终的形状绘制为8 px厚的轮廓(#332E2E),将组合(Control-G)并将两个形状放置在橙色顶部,距离活动绘制区域的左边缘16 px。完成后,选择并分组(Control-G)所有图标的组成部分合在一起,然后再转到下一个部分。

6.如何创建乳制品图标

假设你已经完成了第一个图标的工作,锁定它的图层,然后继续下一个图标(这将是第三个图标),我们将开始研究第二个食物组。

步骤1

通过使用44 x 80 px长方形创建下部主体的前部,#E8E1DF然后将其用于距离活动绘图区域的左边缘40 px处,然后放置在距离活动绘图区域左边缘4 px处它的底部。

第2步

使用24 x 80 px矩形(#A08380)添加纸箱的侧面部分,我们将在前面创建的形状的右侧进行定位。

第3步

花一些时间,使用笔工具(P)绘制纸盒的漩涡,将填充颜色设置为#6BC2D6,完成后继续下一步。

步骤4

使用Stroke方法 为漩涡提供8 px厚的轮廓(#332E2E),选择并将它们分组(Control-G)。确保创建它们的副本(Control-C),我们将在前面粘贴(Control-F)。

第5步

选择并屏蔽各使用底层部分的副本两个漩涡的剪切蒙版右键单击>制作剪贴蒙版),确保改变侧部分的填充形状的颜色#2E9CAF

第6步

使用圆形连接 为两部分分配8像素厚的轮廓(#332E2E),使用Control-G 键盘快捷键分别选择每个组合形状并将它们分组在一起。

第7步

使用一个16 x 16像素的圆(#332E2E)创建前面部分的下拉菜单,我们将居中对齐到较大的矩形,并将其放置在与底部边缘相距26 px的位置。

第8步

首先使用定位点工具(Shift-C)选择并捏住其顶部定位点,然后使用移动工具(右击>变换>移动>垂直> 8像素)将其顶部按8像素顶部,以 调整圆形的形状。。完成后,在继续下一步之前,选择并分组(Control-G)前部分的所有组成形状。

第9步

通过创建两个12 x 2 px矩形(#332E2E),将垂直堆叠 2 px的矩形添加到纸箱的一侧,从而将其放置在与漩涡底部边缘相距8像素的位置。

第10步

使用12 x 12 px正方形(#332E2E)添加较大的形状,我们将 在底部条的下方放置2 px。选择并将(Control-G)所有三个矩形组合在一起,然后对边部分的构图形状进行相同操作。

第11步

通过使用24 x 20 px矩形(#A08380)创建其侧面部分的主要形状,开始处理纸箱的上部主体,我们将在刚刚分组的形状上定位它。

第12步

通过使用添加锚点工具( )在其顶部边缘的中心添加新锚点,然后使用删除锚点工具( - )删除其边缘点,调整刚刚创建的形状。

步骤13

使用圆形连接 为生成的形状提供8像素厚的轮廓(#332E2E),使用Control-G键盘快捷键将它们选择并组合在一起。

第14步

使用44 x 20 px矩形(#BFA9A5)添加上半身的前部,我们将在参考图像中看到它的位置。

第15步

通过使用直接选择工具(A)选择其顶部锚点,然后使用移动工具(右击>变换>移动>水平> 12像素)将它们向右推动 12 px,调整刚创建的形状。。

步骤16

给出生成的形状为8 px厚的轮廓(#332E2E),在进入下一步之前选择并将两者分组(Control-G)。

步骤17

使用带有8 px厚轮廓()的44 x 12 px矩形(#E8E1DF)创建牛奶盒的折叠顶部部分(),我们将对其进行分组(Control-G),然后如参考图所示进行定位。#332E2E

步骤18

通过在先前创建的部分上边缘的中心添加一个16 x 6 px#332E2E)的矩形插入物,选择并将它们分组(Control-G)在一起,然后对整个纸箱做同样的处理。

步骤19

通过使用一个20 x 34 px的矩形(#EA7A5C)以及一个8 px的右角半径和一个8 px粗的轮廓(#332E2E)创建它的侧面部分,我们将组合(Control-G),然后对齐到牛奶盒的左下角。

步骤20

使用一个36 x 34 px长方形(#EDAD66)和一个8 px右侧圆角半径添加前部,我们将在距离当前绘图区域左边缘12点的位置放置该矩形。

步骤21

通过创建一个12 x 12像素圆圈(用红色突出显示)来调整形状,我们将在前部的左边缘上定位,距离其底部10像素。一旦你的形状就位,只需选择它和较大的部分,并使用探路者减号正面形状模式来创建切口。

步骤22

通过给出形状为8 px厚的轮廓(#332E2E),然后是两个圆形插入(8 x 8 px ; 4 x 4 px - #332E2E),完成奶酪三角形并带有图标本身。完成后,选择并将(Control-G)所有奶酪的组成部分组合在一起,然后对整个图标进行相同操作。

7.如何创建蔬菜图标

假设你已经完成了第二个图标的锁定,然后继续下一个图标(这将是第四个图标),我们将开始第三个食物组的工作。

步骤1

由于洋葱的形状和大小与甜瓜非常相似,我们将快速解锁水果图标的图层并创建甜瓜的副本(Control-C),我们将把它粘贴到(Control-F)上将其对齐到活动绘图区域的右边缘。

第2步

取消组合我们刚刚创建的副本(右键单击>取消组合),然后花几分钟时间去除参考图像中看到的种子和干。

第3步

通过改变侧面部分的填充形状的颜色,将#BF7D47其前部的外部体改为#E8E1DF,并将其内部改为,以调整其余形状#BFA9A5

步骤4

使用一个24 x 64 px椭圆(#E8E1DF)和一个8 px粗的轮廓(#332E2E)将其他图层添加到洋葱的前部分,我们将组合(Control-G),然后居中对齐到较大的底层部分。

第5步

创建另一个较小的8 x 24像素椭圆,我们将使用该颜色#332E2E,然后居中对齐到之前创建的部分。一旦形成适当的形状,在进入下一步之前,选择并分组(Control-G)所有前段的组合形状。

第6步

使用三个8像素厚的笔画线(#332E2E)和圆形笔帽绘制其根部,然后将其放置在侧面部分的右侧,如参考图所示。花点时间,一旦完成,选择并分组(Control-G)所有蔬菜的组成部分,然后再进入下一步。

第7步

通过使用32 x 32像素圆(#EA7A5C)创建主体,开始制作小胡萝卜,我们将在活动绘图区域的左边缘和底边距4个像素的位置放置它。

第8步

使用直接选择工具(A)选择其顶部锚点,然后使用移动工具将其顶部按 24像素右键单击>变换>移动>垂直> -24像素)。

第9步

使用Stroke 方法 为产生的形状提供8 px厚的轮廓,确保将其颜色设置为。#332E2E

第10步

完成胡萝卜,并与它本身的图标,通过添加一个4 px高圆角矩形(#332E2E)与2 px圆角半径的小水平细节线。一旦你有了线路,选择并将它们组合(Control-G)在一起,然后对胡萝卜和整个图标进行相同的操作。

8.如何创建谷物图标

确保你已经锁定了上一层,然后继续下一个(这将是第五个),我们将创建第四个食物组。

步骤1

开始在谷物盒上创建前部,使用一个56 x 92像素的矩形(#EDAD66)和一个8像素厚的轮廓(#332E2E)以及一个圆形加入,我们将对其进行分组(Control-G),然后对齐到活动绘图区域底部边缘,将其定位在距离其左边28像素的位置。

第2步

使用四个12 x 12 px正方形(#332E2E)添加纹理符号的底部种子,我们将在参考图像中看到它们的位置。

第3步

通过在“ 变形”面板的“ 矩形属性”中将左下角和右上角的半径设置为12像素,调整左侧矩形的形状。

步骤4

对右侧方块重复相同的过程,只有这次 使用相同的12 px值调整左上角和右下角的半径

第5步

使用6 x 12 px椭圆(#332E2E)添加顶部种子,我们将在距离底部边缘8像素距离处放置在我们刚调整过的顶部两个形状之间。

第6步

通过使用锚点工具(Shift-C)捏住顶部和底部锚点来调整我们刚刚创建的椭圆的形状,使它们变得尖锐。完成后,选择并将(Control-G)所有种子分组在一起,对盒子的前部分做同样的处理。

第7步

使用带有8 px粗轮廓()的24 x 52 px矩形(#A08380)创建箱子侧面部分的下半部分,我们将对其进行分组(Control-G),然后将其放在较大前部的右侧。#332E2E

第8步

使用24 x 40 px长方形(#BF7D47)和8 px厚轮廓(#332E2E)添加侧面部分的上半身,我们将组合(Control-G),然后放置在先前创建的形状的顶部。

第9步

就像我们用牛奶盒做的那样,花几分钟时间,用12 x 12 px正方形()上方的两个12 x 2 px矩形(#332E2E)垂直堆叠 2 px 添加小营养棒。Group(Control-G),然后将所有三种形状中心对齐到较大的底层部分,将它们放置在离底边8 px的距离处。完成后,在继续下一步之前,选择并分组(Control-G)所有边区段的组成形状。#332E2E

第10步

使用56 x 20 px矩形(#E8E1DF)创建框的前折叠部分,我们将通过选择并将其底部锚点向左推12像素右键单击>变换>水平> -12像素)进行调整。使用圆形连接为结果形状提供8像素厚的轮廓(#332E2E),将其分组(Control-G),并将两者放置在较大的前面部分的顶部。

第11步

使用上一步中的副本(Control-C > Control-F)创建顶部折叠部分,我们将首先水平反射(右键单击>变换>反射>水平),然后将其放置在框顶部,确保将其填充颜色更改为#BFA9A5。花点时间,一旦完成,在进入下一步之前,选择并分组(Control-G)所有盒子的组成部分。

第12步

开始使用一个56 x 20 px矩形(#EA7A5C)创建其下半身,使用一个20像素底角radius和一个8像素厚轮廓(#332E2E),我们将组合(Control-G),然后对齐到主动绘图区域的底边,将它们定位在距离其左边8像素处。

步骤13

使用带有8 px厚轮廓()的64 x 12 px矩形(#E8E1DF)添加碗的上半身,我们将组合(Control-G),然后放置在先前创建的形状的顶部。#332E2E

第14步

如图所示,通过使用对角线8 px厚的笔划线(#332E2E)(我们将位于对象的左侧)绘制勺子的手柄,结束碗和图标本身,如参考图所示。一旦完成后,不要忘记选择并将(Control-G)所有碗的组合形状组合在一起,然后对整个图标进行相同操作。

9.如何创建蛋白质图标

我们现在到我们的第五个也是最后一个食品小组,这可能是最容易创建的食品小组,因此请确保您位于正确的层(即第六个小组),并让我们完成这一步!

步骤1

使用第一个图标的瓜的副本(Control-C)创建火腿,我们将粘贴(Control-F)到当前图层上,确保将其与空的活动绘图区的右边缘对齐。

第2步

正如我们对洋葱所做的那样,取消组合我们刚刚创建的副本(右键单击>取消组合),然后花几分钟时间去除参考图像中看到的种子和茎干。

第3步

通过将前部分的外部主体的颜色#EDAD66和其内部主体的颜色更改为,来调整剩余的形状#EA7A5C

步骤4

通过双击它们的组来分离侧面部分的水平环,然后使用一个92 x 132 px椭圆和一个4 px厚的Stroke#332E2E)来添加一个垂直环,我们将居中对齐到活动绘图区域的左边缘。完成后,只需按Escape即可退出隔离模式

第5步

移回到前面部分,使用一个12 x 20 px椭圆(#E8E1DF)和一个8 px粗的轮廓(#332E2E)(我们将组合(Control-G),然后居中对齐到其内部主体)添加小骨片。

第6步

使用一个16 x 10 px椭圆(#332E2E)添加小尾巴部分来完成火腿,我们将中心对齐到活动绘图区域的右边缘,确保选择和分组(Control-G)的所有组成部分继续下一步。

第7步

使用32 x 24像素椭圆(#D39972)和8像素 粗轮廓(#332E2E)创建第一个鸡蛋(),我们将组合(Control-G),然后放置在活动绘图区域的左下角。

第8步

使用带有8 px粗轮廓()的24 x 32 px椭圆(#E8BB97)添加第二个鸡蛋(我们将分组(Control-G)),然后将其放在以前创建的形状,与活动绘图区域的左边缘距离为20 px#E8BB97

慢慢来,一旦完成,在保存项目之前,选择并组合(Control-G)所有当前图标的组成部分。

OK 一组食物MEB图标完成!

在这里,你有它,同伴的食物爱好者,关于如何创建我们都定期吃的主要食物组的简单教程。和往常一样,我希望你已经设法跟上每一步,最重要的是在这个过程中学到新东西和有用的东西。

查看全文
大家还看了
也许喜欢
更多游戏

Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved