渐变网格中的牛奶草莓设计教程!

作者:UI设计思维公众号:uishejisiwei2018-05-17

1.如何创建两个草莓步骤1
首先创建一个红色的矩形并用颜色填充它#DF0203。
抓住网格工具(U)并通过左键单击将节点放置在形状的顶部中间。通过拖动使用网格工具移动矩形的边缘。旨在创造草莓般的形状。
最后,用Mesh Tool创建更多的节点。应该有大约八行五列的Mesh。选择底部两行中的所有节点并用较深的颜色给它们着色#920000。

第2步
继续使用Mesh工具创建和着色更多节点,类似于最后一步。
每个子步骤需要的颜色有:
#B20505
#CC0304
#B70404

第3步
最后,用第五行颜色中间节点#C00404。

步骤4
我们的草莓网完成了,让我们继续创造种子吧!
和我们以前的步骤一样,创建并修改填充的形状#E7BD42,然后用较深的颜色给种子的边缘着色#DD8C0A。

第5步
继续用网格着色种子。
你需要的颜色是:
#EBCC56
#CE880D
#F3CF71
#D66D0C

第6步
再创建一个我们结果的副本。
采取第一个副本,并应用Effect> Warp> Inflate到具有以下设置的形状:
弯曲:0%
水平:0%
垂直:22%
应用效果后,转到对象>展开外观。
请记住在每次变形后都要这样做!

第7步
通过稍微压扁并将其尖端拖到右侧来修改种子。

第8步
创建一个我们的形状的副本刚刚完成。将副本缩放到原始大小的一半。

第9步
让我们把我们的种子放在草莓上!
在第一个子步骤中,使用步骤5中完成的种子。
接下来,使用我们在步骤7中创建的一个。
最后,使用步骤8中的种子完成放置。

第10步
这应该是你最终的草莓!

第11步
现在,我们开始制作草莓的一半。
按照下图中的步骤使用网格对形状着色。
你将需要这些颜色:
#D32D18
没有,塑造草莓。
#E85D41
无 - 您需要删除形状两侧的网格列,并创建四个更接近中间的其他列。
#AA0000
#C93425
#EB9383
#ECBAB9
#9F8D3C
#ECC2C7
#EAA39B

第12步
在完成的网状草莓的边缘添加一些种子,让我们继续创造树叶!

2.如何创建树叶,茎杆和亮点
步骤1
让我们画出叶子!按照下面的子步骤。
以下是您需要使用的颜色:
#6F7B24
#60641A
#BDBD87
#97953B
#4F3F13
#5B5219
#5F6D1D
#535F18

第2步
有关叶子的细节,请使用钢笔工具(P)绘制三条锯齿线。
Apply一个中风与箭头轮廓的线条,然后更改的颜色行程基本白黑渐变。
将透明度模式更改为屏幕和不透明度为30%。
最后,选择路径并转到对象>展开外观。

第3步
将线条放在叶子的顶部。我建议使用Control-G对所有形状进行分组。
步骤4
创建原始叶子的两个副本。
抓住第一个副本,并应用效果>扭曲>挤压与以下设置:
弯曲:-13%
水平:-55%
垂直:-11%
不要忘记扩大外观。
接下来,在屏幕截图中绘制一个类似于黄色路径的轮廓。选择轮廓和叶子,右键单击图像,然后在下拉菜单中选择创建剪贴蒙版。

第5步
创建上一步完成的叶子的两个副本。
抓住第一个副本并通过编辑>编辑颜色>调整颜色使用以下设置进行修改:
红色:-11%
绿色:-5%
蓝色:-15%

第6步
取出我们之前制作的第二个副本,并通过转到编辑>编辑颜色>调整颜色来修改它的颜色,现在使用以下设置:
红色:-14%
绿色:-14%
蓝色:-15%

第7步
非常类似于第4步,抓住我们在该步骤中制作的第二个副本,并应用Effect> Warp> Arc以下设置:
弯曲:25%
水平:-26%
垂直:0%
不要忘记扩大外观。
接下来,绘制一个轮廓,由截图中的黑色路径指示。选择轮廓和叶子,右键单击图像,然后在下拉菜单中单击创建剪贴蒙版。

第8步
继续创建秸秆。
画一个浅绿色的矩形填充#E2E564。接下来,使用效果>扭曲>弧,使用45%折弯弯曲。展开外观。

第9步
弯曲茎秆的右端,使其变圆。然后,按照下面的子步骤,使用网格对柄进行着色。
你将需要这些颜色:
#9E7943
#A2A13F
#70511A
#FEFDA6
#ADAD45
#AB7F4E
#CEB963
#C2B248

第10步
现在,每个元素都完成了,让我们把它们一起带到一起!
根据创建的顺序添加叶子,如下面的数字所示。
第11步
现在,让我们将新叶子添加到整个草莓中!把它们放在浆果后面,用Shift-Control- [把它们发送到后面。

第12步
对草莓的一半做同样的事情。

步骤13
我们几乎完成了我们的浆果!剩下的就是为我们的整个草莓创造亮点。
在截图中绘制一个形状,然后绘制三个圆形。
圆形应该比我们放置的种子大。接下来,移动原始图形顶部的圆形图形,选择所有图形,然后在路径查找器面板中单击排除。

第14步
绘制一个半月形,并按照屏幕截图所示放置它们。在做这件事时,你可以用草莓和种子作为参考 - 灰色的形状不应该碰到种子,而应该在两者之间。
以前的形状也是如此。

第15步
选择所有对象并转到对象>复合路径>制作。
接下来,使用线性渐变将结果路径填充为白色至。#626161

步骤16
将透明度模式更改为屏幕和不透明度为70%。

步骤17
将突出显示移动到草莓顶部。如果不适合,请不要担心 - 可以通过使用直接选择工具(A)拖动其节点来修改形状。

步骤18
移动整个草莓旁边的一半。
3.如何创建一个牛奶飞溅步骤1
在这最后一节中,我们将为我们的草莓画牛奶。准备你的网格工具!
我们首先画出五个中的第一个小点。
使用网格来修改和着色形状。您需要的颜色是:
#ECEEF1
#CBCFD6
#FFFFFF

第2步
用更多的Mesh创建下一个小飞溅。
#ECEEF1
#D0D5DB
#FFFFFF

第3步
继续创建第三个飞溅。
#ECEEF1
#D0D5DB
#FFFFFF

步骤4
第四次飞溅所需的颜色是:
#E8EAED
#D2D6DC
#FFFFFF
第5步
通过创建一个牛奶滴完成。
#EFF1F3
#DFE1E5
#FFFFFF
第6步
这就是我们的小元素以后的标签 - 别忘了!
第7步
让我们创建我们的第一个大网牛奶飞溅!你将需要这些颜色:
#F2F3F5
没什么,只是塑造了物体
#D0D4DA
#E1E3E7
#FFFFFF

第8步
添加一些元素给我们的大飞溅!如果您不确定哪个是哪个,请参考步骤6。
第9步
继续创造第二个大飞溅。这一次,你将需要这些:
#9E7943
成型
#DADDE2
#FFFFFF
#E1E3E7
#CBD0D7

第10步
为这个飞溅添加小元素!
第11步
创建飞溅的最后部分。使用这些颜色:
#DFE2E6
成型
#C3CAD1
#CFD3DA
#F5F6F7

第12步
我们不会添加任何其他元素到最后一次飞溅。
让我们结合他们!绿色是我们完成的第一个飞溅,红色是第二个,蓝色是最后一个飞溅。
步骤13
我们快完成了!我们来添加一些牛奶滴。
再创建四个我们在步骤5中制作的牛奶滴的副本。通过应用Effect> Warp> Squeeze以下设置来修改第一个副本:
弯曲:-35%
水平:-18%
垂直:23%
不要忘记对象>扩展外观。
第14步
使用效果>扭曲>充气使用以下设置修改第二个副本:
弯曲:18%
水平:-8%
垂直:-40%
确保展开外观。
第15步
应用效果>扭曲>扭曲到第三个副本。
弯曲:-34%
水平:26%
垂直:36%
展开外观。
步骤16
对于最后一个副本,只需拖动它使其变平即可。
步骤17
使用我们在这些步骤中制作的不同的奶滴来创建这样的东西:
步骤18
当你对这些随意的小滴很满意时,把它们加入到大飞溅中,并将草莓“放在里面”。他们应该在第三个飞溅部分之上。

步骤19
最后的触摸将会增加一个阴影。
创建一个椭圆,填充用它径向渐变,从#8B7065到#FFFFFF。将其透明度模式设置为正片叠底。

步骤20
把你的牛奶溅在阴影下,你就完成了!

真棒工作,你现在完成了!
现在怎么办?您可以从我的个人资料中尝试我的其他教程,或查看我在GraphicRiver上的投资组合,以及我们在本教程中重新创建的原始图像。

希望你喜欢这个教程,觉得可以请转发朋友圈支持,在此感谢!

分享连接:http://www.5stu.com/g56449.html

猜你喜欢