嘉儿

jiaozuoye

(。・∀・)ノ゙嗨同学们好!冬天到了,气温骤降,每个月总有那么几天不想工作,这种时候就要靠自己的毅力了!锤子的UI设计师方迟说过:“这个世界上不努力的人比努力的人多太多太多了。”你属于哪一种呢?十一月快过去三分之一了,嘉儿学完驾照又回来出教程了。这次是一个油漆刷的插画绘制教程,跟着嘉儿一起学习进步吧!

cover

看似比较简单的小插画,细节之处也有可能会难倒你哦!

之前看过嘉儿教程的小伙伴们,尝试不看教程把它做出来吧,遇到问题再偷偷瞄一眼教程是怎样做的,这样方能得到最大提升。

 

第一步、打开AI,创建一个画布。

点击文件 > 新建,将窗口中的数值设置如图:

1

第二步、创建3个图层

步骤1:F7呼出图层面板,创建三个图层分别命名如图(注意顺序要一致):

2

步骤2:选中【背景】图层,用矩形工具(M)创建一个800*600的矩形,颜色f7f7f5,作为画布的背景。

3

 

第三步、开始画油漆桶的线条~

步骤1:选中【油漆桶】图层,使用【圆角矩形工具】画一个200*100的圆角矩形,圆角半径20,描边颜色373449,描边粗细10px。

4

步骤2:继续画一个40*85的圆角矩形,描边半径20,描边颜色373449,描边粗细10px。

5

步骤3:用直线工具画一条50px的直线,颜色373449,粗细10px。

6

步骤4:用钢笔工具(P)画出滚筒与手柄的连接把。按住SHIFT使画出的直线平直。

7

步骤5:用直接选择工具(A)选中边角锚点,在上方的工具栏中设置边角为10px。8-1

使其成为下图中的样子。

8-2

步骤6:用直线工具画两个20px的直线,粗细10px,放置在滚筒的两旁,与滚筒居中对齐。

9

步骤7:用椭圆工具(L)画一个8*8的椭圆,描边10px,放置在手柄的中下端,与手柄居中对齐。

10

步骤8:继续用直线工具添加一些线段,在描边面板中可以将边缘设置为圆头。

11

步骤9:CTRL+A选中所有的图层,CTRL+G组合起来。

12

第四步、上色。

步骤1:选中【颜色】图层,添加一个200*100的圆角矩形,圆角半径20,填充颜色f9c441。

13-f9c441-200-100

步骤2:再添加一个200*72的圆角矩形,圆角半径20,填充颜色ffe48d。

14-ffe48d-200-72

步骤3:再添加一个200*45的圆角矩形,圆角半径20,填充颜色ffecb5。

15-ffecb5-200-45

步骤4:再添加一个200*24的圆角矩形,圆角半径10,填充颜色fff2cf。

16-fff2cf-200-24

步骤5:再添加一个40*80的圆角矩形,填充颜色74c1b9。

17-74c1b9-40-80

步骤6:选中蓝色圆角矩形,按CTRL+C再按CTRL+F复制一层(没变化是因为直接复制在它上层,移动就能看到),再按CTRL+C和CTRL+F复制一层,将复制的这个形状向右偏移11px。

同时选中你复制出来的两个新蓝色圆角矩形,打开路径查找器面板,点击减去顶层。

18-11px36

然后为这个剪影填充新的颜色9ad7d2,用同样的方法做出右边的剪影,填充颜色3ba89b。如图。

19

步骤7:用矩形工具(M)创建一个200*400的矩形,填充颜色ffdc7b。

20-ffdc7b-200-400

步骤8:CTRL+A选中所有图层,向左旋转45°,并移动至画布的中心位置。

21

第五步、添加滴落的油漆。

步骤1:用钢笔工具(P)画一些规整的直线,如下图。

22

步骤2:用直接选择工具(A)选中边角的锚点,在上方工具栏中将边角设置为最大值,如下图。

23

cover

恭喜你,完成啦!继续加油吧,越努力,越幸运~!

 

看完教程咱们交作业咯!点我直达作业提交页面>>

(尊重劳动成果,转载请注明原图作者及教程作者!)

原图地址:Dribbble

原图作者:Justas Galaburda

教程作者:学UI网 – 嘉儿_Essia

转载请注明:学UI网 » 教你用AI创造出一个扁平油漆刷!【AI教程】

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
Designer 教程Designer 教程
AI绘制图标小技巧AI绘制图标小技巧
PS噪点插画教程PS噪点插画教程
小狗邮票插画教程小狗邮票插画教程
AI实用小技巧AI实用小技巧
【教程】炫彩线条Logo【教程】炫彩线条Logo
2.5D插画浮空都市教程2.5D插画浮空都市教程
扁平夜景房屋插画扁平夜景房屋插画
新人小白快速学习引导页插画设计技巧新人小白快速学习引导页插画设计技巧
如何画好一张描边插画(含AI文件)如何画好一张描边插画(含AI文件)