福州腮红价格联盟

用AI中绘美味的寿司图标

UI设计资源分享2018-06-19 16:42:42






你会创造什么

在本教程中,您将学习不同类型的寿司以及如何绘制寿司。您将学习许多新技术,如:如何创建和使用Rice Scatter Brush和Roe Scatter Brush,以及如何绘制漂亮逼真的海藻,鲑鱼和金枪鱼。您还将沿途节省大量新的图形样式,这将在整个教程中为您提供帮助。如果你喜欢矢量形式的Maki,Uramaki,Nigiri和Temaki寿司,让我们开始吧!


教程资产

要完成教程,您将需要以下资源:

  • 浅棕色木材纹理免费矢量由Freepik设计 

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

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



Maki寿司是在外面和紫菜卷起来的寿司,里面是米饭。

首先要做的是椭圆工具(L)绘制一个77×77像素的当圆形保持选定状态时,转到效果>扭曲和变形>粗糙,然后应用下面显示的设置。



在仍然选中该圆的情况下,转到“  对象”菜单并选择“ 扩展外观”以展开“ 粗糙”效果。取消组合(Shift-Control-G)(如有必要)。用浅棕色填充所得到的“ 卷状 ”,并给它一个2点行程

我们将在本教程的后面使用这个“ 滚动形状 ”来创建另一个寿司卷,因此在继续之前制作一份寿司卷。



在“ 滚动形状 ”仍处于选中状态的情况下,请按下 外观”面板中的  添加新的描边 ”,然后将此属性拖动到底部。选择一个5磅中风,之后,去效果>路径>偏移路径并应用半径2像素。 



随着“ 卷状 ”仍处于选中状态,按添加新的填充 外观面板并拖动卒中上面这个属性。选择指定的颜色,然后转到 效果>路径>偏移路径,并应用3 px的  偏移接下来,去影响>扭曲和变换>粗糙,并应用下面显示的设置。



抓住椭圆工具(L)绘制一个9 x 12像素的小椭圆; 然后在其上绘制一个较小的椭圆。使用指定的颜色来填充它们,之后,当它们都被选中时,进入对象>混合>混合选项选择10个指定步骤并点击确定,然后返回到对象>混合>制作(Alt-Control-B)。 



再次使用椭圆工具(L)绘制一个9 x 15像素的椭圆; 然后在其上绘制另一个较小的椭圆。使用指定的颜色来填充它们,然后像之前那样混合两种形状。 



将较暗的第一粒米粒拖入“ 画笔”面板,然后选择“ 新建散点画笔”将设置保持原样,只需输入“ Rice 1 ”作为画笔的名称,然后点击OK用第二粒米饭重复同样的事情,并命名为“ 米饭2 ”。

您可以在下图中看到100%视图中米粒的真实大小。他们很小。我们正在使用两种不同的大米,因为最终的结果会更逼真。



现在让我们把新的刷子使用。抓住铅笔工具(N),在Maki寿司卷上画一条随机路径。这里的目标是尽可能地按比例覆盖中心的棕色区域,而不会越过边缘。保持你的路径在棕色区域内,记住你可以随时用直接选择工具(A)移动任何锚点 

Rice 1 Scatter Brush 笔画这条路径笔划颜色不重要,并保持行程重量在  1磅接下来,打开“ 描边选项”窗口并更改设置,如下所示。我们需要更多的米饭,让我们继续。



在路径仍处于选中状态时,请按下 外观” 面板中的“ 添加新描边  再次使用Rice 1 Scatter Brush并保持行程重量 1磅接下来,打开“ 描边选项”窗口并更改设置。



虽然路径仍处于选中状态,但在“ 外观”面板的顶部添加一个“ 新建笔划  这一次,使用Rice 2 Scatter Brush,将笔划重量保持 1 pt,但更改“ 笔画选项” 窗口中的设置完成后,请按“图形样式面板底部的新建图形样式”图标,以便将其保存以供以后使用。您可以更改名称为“ 寿司米图形样式 ”。



你的水稻馅料在第一次尝试时看起来不太完美,但是不要担心 - 在Illustrator中一切都是可以解决的。如果您的大米越过边缘或者有空的区域,您可以抓住直接选择工具(A)并单独移动任何锚点。进行所有必要的调整,直到对结果满意为止。



我们从一块金枪鱼开始吧。拿起钢笔工具(P),在米上画一个下面的形状。 



接下来,在金枪鱼片上画下三条路径。在“ 描边”面板中选择一个10磅的描边宽度配置文件1不透明度降低 25%



虽然三条路径仍然被选中,但在第一条路上添加第二条路径。选择4点行程宽度配置文件2,并保持相同的粉红色。混合模式设置柔光



虽然三条路径仍然被选中,但在其他条件之上添加第三条路径。选择2点行程宽度配置文件2,并保持相同的粉红色。不透明度降低50%

完成后,按新建图形样式图标以保存以备后用。您可以更改名称为“ 金枪鱼细节图形样式 ”。



在金枪鱼的右侧画一个白色的形状,并将不透明度降低 15%这将创造一个光芒。

接下来,在上面绘制一个更薄的白色形状,这次将不透明度降低18%



选择一块金枪鱼,然后复制粘贴到位(Shift-Control-V) ,以获取它的副本,并删除现有的渐变填充。现在,选择此副本以及两个白色形状和三个路径,然后转到对象>剪贴蒙版>制作(Control-7)



要创建一块黄瓜和一块煎蛋,只需绘制下面显示的两个形状,并使用所示的颜色。

根据需要旋转并将其排列在金枪鱼旁边。要添加一些深度,请使用钢笔工具(P)并在填充物周围绘制一个形状,使用深橄榄绿作为填充颜色。发送这个形状在填充后面,但在大米前面。



现在,抓住两粒米饭,制作任意数量的副本。旋转和排列他们周围,稍微在填充。Group(Control-G)米的所有谷物,然后去影响>风格化>阴影,并应用所示的设置。

 希寿司准备在这一点上。



Uramaki 是一种寿司卷,里面是紫菜,外面是米饭,也被称为内卷寿司卷。

使用椭圆工具(L)绘制一个小的红色圆圈。接下来,在左侧绘制一个像月亮一样的形状,充满了深红色,最后是两个小白色的形状。

将所有形状拖到“ 画笔”面板中,然后选择“ 新建散点画笔”输入“ Roe Scatter Brush ”作为名称,保持原样,并点击OK



抓住你在教程开始时所做的“ 卷状  的副本Roe Scatter Brush替换现有笔划,并将笔划权重设置为  1 pt接下来,打开“ 描边选项”窗口并更改设置,如下所示。 



像以前一样在棕色区域上绘制一条随机路径,并简单地选择已经保存在“ 图形样式”面板中寿司米图形样式如有必要,做额外的调整。 



要创建一块鳄梨,绘制一个三角形的形状,并填写绿色。在它上面绘制另一个三角形,并用所示的径向渐变填充它。Group(Control-G)这两个形状并复制。把大米上的鳄梨片放在上面。



在下一个图像中绘制一个像三文鱼那样的形状。使用显示的线性渐变填充它。



在鲑鱼形状的顶部绘制两条路径,并选择您已经保存在图形样式面板中金枪鱼详情图形样式替换现有的粉红色,并更改一些设置,如下所示。

虽然两个路径仍处于选中状态,但请按“ 新建图形样式”图标以便稍后保存新样式。您可以更改名称为“ 鲑鱼细节图形样式 ”。 



选择三文鱼形状,然后复制粘贴到位(Shift-Control-V) 以复制它,并删除现有的渐变填充。现在,选择这个副本以及两个路径,然后进入对象>剪贴蒙版>制作(Control-7)。  



使用钢笔工具(P)在填充物周围绘制一个形状,并填充深橄榄绿色。中风与此路径木炭-厚艺术画笔画笔库菜单>艺术> Artistic_ChalkCharcoalPencil冲程重量设置0.5点,然后将这种形状发送到填充物之后,但在米之前。 



抓住两粒米,制作任意数量的副本。旋转并将它们排列在填充物的周围,稍微超过内侧的海苔片,以获得更逼真的外观。Group(Control-G)所有米粒,转到效果>风格化>阴影,并应用下面显示的设置。

 Uramaki寿司准备在这一点上。



寿司 是一种经常用生金枪鱼和鲑鱼制成的手压寿司。

抓住  矩形工具(M)  ,绘制一个44×118像素 矩形,填充浅棕色。在那之后,去影响>风格化>圆角和应用半径15像素。 



使用 铅笔工具(N)  在棕色形状上绘制一条随机路径,并简单地选择图形样式”面板中保存寿司饭图形样式如有必要,做额外的调整,在这一点上,你不应该看到下面的棕色形状的部分。 



使用钢笔工具(P)绘制金枪鱼的形状,但不要完全覆盖大米。在Maki寿司馅料中使用与金枪鱼相同的梯度。接下来,在金枪鱼上绘制五条路径,并从“ 图形样式” 面板中选择金枪鱼细节图形样式。 



要添加一些光泽,在金枪鱼的右侧画一个白色的形状,并将不透明度降低15%接下来,在上面画一个更薄的白色形状,并将不透明度降低18%。 



选择金枪鱼形状,然后复制粘贴到位(Shift-Control-V),以便制作它的副本并删除现有的渐变填充。现在,选择此副本以及五个路径和两个白色形状,然后转到对象>剪贴蒙版>制作(对照-7)

 金枪鱼寿司准备在这一点上。



绘图过程非常相似。首先,绘制浅棕色矩形并应用圆角效果。继续随机路径,从“ 图形样式”面板中选择“ 寿司饭  图形样式。  



接下来,用钢笔工具(P)绘制三文鱼的形状,并使用显示的线性渐变填充它。继续使用四条路径,然后选择 图形样式”面板中保存三文鱼图形样式之后,画出鲑鱼左侧的两个白色的形状,让它闪耀一些。 



选择三文鱼形状,然后复制粘贴到位(Shift-Control-V) 以创建它的副本并删除现有的渐变填充。现在,选择这个副本以及四条路径和两个白色的形状,然后进入对象>剪贴蒙版>制作(对照-7)



让我们继续在鲑鱼上的海带。首先,绘制如下的形状,并用所示的线性渐变填充。

虽然海藻的形状仍然被选中,但在“ 外观” 面板中添加“ 新填充  使用白色作为填充颜色; 然后进入效果>素描>网格化并应用下面显示的设置。将“ 混合模式”设置为“ 正片叠底”并将“ 不透明度”降低20%。 



虽然海藻的形状仍然是选择,添加一个新的填充高于其他人。使用白色作为填充颜色; 然后去效果>艺术>海绵,并应用所示的设置。混合模式设置彩色刻录,并将不透明度降低75%

虽然海藻仍然被选中,按下新的图形样式图标为了以后保存它。您可以将名称更改为“ 海藻图形样式 ”。 



抓住铅笔工具(N),并在海草的右侧画一个随机的曲折路径。选择一个0.1磅的行程 ; 然后去影响>模糊>高斯模糊并应用半径1个像素设置为混合模式强光75%的不透明度

在海藻左侧绘制一个较小的之字形,并应用相同的设置,但将不透明度降低50%



选择海藻形状,然后复制粘贴到位(Shift-Control-V) ,以复制它并删除所有现有的外观。现在,选择这个副本连同原始海藻形状和两个之字形路径,然后转到对象>剪贴蒙版>制作(Control-7)因此,你会得到干净的边缘。 



Temaki 是外面有紫菜片,里面有米饭的圆锥形卷。

以菱形般的形状开始。使用添加锚点工具(+)在顶部添加两个额外的点,并使用直接选择工具(A) 扭曲圆锥体的顶部部分,如下图所示。之后,只需从“ 图形样式”面板中选择“ 海藻图形样式”即可。 



使用钢笔工具(P)在圆锥体顶部画一个黑色的形状来定义放置大米的区域。绘制一个覆盖黑色形状的随机路径,并将寿司米图形样式应用到它。如果大米越过锥体的边缘,则通过移动一些定位点来进行额外的调整。

从大米后面选择黑色形状,转到效果>风格化>阴影,然后应用所示的设置。 



使用铅笔工具(N)在圆锥体左侧绘制一个随机曲折的路径,给它一个0.1 pt的行程并应用一个2 px的高斯模糊将其设置为混合模式强光60%不透明度。 



在圆锥体的右侧画一个黑色的形状,如下图所示。然后去效果>风格化>羽毛,并申请一个半径 7像素,以创建一个谨慎的阴影。 



选择圆锥体形状,然后复制粘贴到位(Shift-Control-V)以复制它并删除所有现有的外观。现在,选择这个副本以及原始的圆锥体形状和除米之外的其他所有东西,然后转到对象>剪贴蒙版>制作(Control-7)因此,你会得到干净的边缘。 



鲑鱼子和Uramaki寿司的小鱼子基本相同,但是比较大。在米饭中间乘以几个。之后,只选择底部和侧面的鱼子,并应用阴影效果。 



为了装饰,绘制两个绿色的形状,并安排他们之间的鱼子。从Uramaki寿司复制一块鳄梨,放在三文鱼子的后面。

 Temaki寿司准备在这一点上。 



使用椭圆工具(L)绘制一个104 x 104像素的白色圆圈。之后,在中心画一个小圆圈,并用所示的径向渐变填充。



在中间画一个稍小的圆圈,并用所示的径向渐变填充。要添加一些光泽,请在大豆的左上角画一个半圆,然后用下面显示的线性渐变填充。  



对于筷子,画一个长三角形的形状,但在顶部圆形。继续左侧较薄的形状。现在,选择两个形状,并转到对象>混合>混合选项选择10个指定步骤,点击确定,然后返回到对象>混合>制作(Alt-Control-B)。 



在筷子右侧画另一个薄的形状,并用浅棕色填充。转到效果>风格化>羽毛和应用 半径2像素。 



回到Maki寿司,只选择“ 卷状 ”。复制 粘贴到位(Shift-Control-V),然后通过转到对象>排列>发送至后退(Shift-Control- [),将此副本发送到所有内容之后删除所有现有的外观,并选择任何填充颜色;然后去影响>风格化>阴影,并应用下面显示的设置。

为Uramaki寿司重复同样的事情来创造阴影。 



回到三文鱼寿司寿司。只选择三文鱼形状,然后复制粘贴到位(Shift-Control-V)以创建它的副本。通过转到对象>排列>发送到后面(Shift-Control- [))来发送此副本,之后应用 阴影效果。

对金枪鱼寿司寿司重复同样的事情,使用金枪鱼形状的副本来创建阴影。



Temaki寿司也一样。在圆锥形状背面复制副本,用任何填充颜色替换现有外观,然后应用阴影效果。 



Group(Control-G)组成筷子的所有形状,之后应用阴影效果。做一个筷子的副本,所以你有两个,并将其放置在您的美工板上。 




广告

要添加大豆碗的阴影,请选择第一个白色圆圈并使用所示的设置应用阴影效果。组(Control-G)所有的形状,并命名组“ 大豆碗 ”。 



Ť他寿司板已准备就绪。您可以在 Freepik上找到并下载美丽的背景首先它是免费的,现实的和矢量的。

我希望这个教程对你很有趣,不要忘记与我们分享你的美味寿司再创作。 


添加关注,小U将带给你更多干货


更多学习内容点击【阅读原文】精彩继续