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将带给你更多干货
更多学习内容点击【阅读原文】精彩继续