嘉儿

(????)??嗨,同学们好!有大半个月没见了,嘉儿又回来出教程啦~ 经过半个月的修炼,嘉儿大力提升了自己的AI绘图能力,就是为了更好地为大家出教程!我经常泡在许多国外网站上寻找好的素材,诸如Dribbble、Behance、pinterest这样的大网站,推荐大家也经常去逛逛提升自己的审美噢~ 那么今天为同学们带来的是一个Dribbble上获得近1000赞的小猫插画教程!看起来就很有趣味性,对不对?跟着嘉儿一起动手来做吧!

jiaozuoye

%e7%bf%bb%e8%af%91%e7%a4%be%e6%96%87%e7%ab%a0%e9%a1%b6%e9%83%a8%e7%bb%9f%e4%b8%80%e6%a0%87%e8%af%86

17

一起来看看这个插画,噢!一个圆形的小猫,动感十足,大部分都是由圆组成的。所以总结为10个字:“做起来简单,看起来好看~”

那么我们开始吧!

 

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

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

1

 

第二步、创建3个图层

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

2:

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

3

4

第三步、开始画小猫的线条~

步骤1:使用椭圆工具(L)画一个100*100px的圆,再画一个300*300px的圆,设置描边颜色562111,描边6px,将它们对齐画布的中心。

5

步骤2:使用椭圆工具(L)画一个60*60px的圆,填充颜色EA4C89,描边颜色C32361,描边6px,再用钢笔工具勾出圆里面的线条,描边6px,颜色C32361,如下图:

6

完成后,一定要记得选中这个粉球的所有元素,按下CTRL+G组合起来。

 

步骤3:分别创建以下这些圆:258*258px、220*220px、180*180px、140*140px,描边颜色562111,描边6px,然后CTRL+A全选所有的元素,SHIFT+F7呼出对齐面板,选择水平居中对齐和垂直居中对齐,如下图。

7

步骤4:使用剪刀工具(C),将6个圆删剪为下图中的样子:(如怕删剪不齐,可将下图置入AI,对照删剪。)

(剪刀工具的使用方法:用剪刀工具在要删剪部分的两旁点击一下,创建出新锚点,然后选中要删除的部分,按回车键DELETE。)

8

步骤5:使用椭圆工具、直线段工具创造一些小细节,如下图。

9

步骤6:用钢笔工具勾出小猫的头。

10

步骤7:给小猫的头部添加一些细节,可以发挥自己的创意噢~

11

步骤8:用钢笔工具(P)将小猫的四只脚和尾巴连接起来,注意弧度不要太僵硬,如下图。

12

小猫的线条完成啦!现在我们来上色。

 

第四步、给小猫上色。

在开始之前,我们CTRL+A全选小猫所有的线条元素,CTRL+G将它们组合起来。

13

完成之后,按CTRL+2将线条和背景图层锁定,再切换至颜色图层,准备上色啦~

 

步骤1:用钢笔工具(P)勾出小猫的轮廓,填充颜色F9D075。

14

步骤2:创建一个290*290px的圆,描边16px,描边颜色FFE9A1,再用剪刀工具(C)剪去身体以外的部分。

15

步骤3: 小猫的身上是有很多阴影细节的,我们需要耐心地将它们勾出来,这样小猫看起来才会精致,先来用钢笔工具(P)勾出小猫脸上的阴影高光细节。

阴影颜色F9A541,高光颜色FFE9A1。

16

步骤4:

再用钢笔工具(P)勾勒出小猫身体上所有的阴影和高光~ 一定要仔细噢,保证线条的圆滑。

17

恭喜你,完成啦!是不是觉得用AI制作小插画特别容易呢?

中间的粉色篮球是Dribbble的LOGO,大家以后可以经常逛逛Dribbble网,提升自己的审美~!

17

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

 

原图地址:Dribbble

原图作者:Justas Galaburda

教程作者:学UI网 – 嘉儿

转载请注明:学UI网—UI设计师学习教程平台 » 教你用AI创造出一只动感小猫!

登录收藏

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

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

【特色推荐】

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

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

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

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
一叶知秋-剪纸风教程【教程】一叶知秋-剪纸风教程【教程】
潜水艇小插画教程[AI教程]潜水艇小插画教程[AI教程]
AI快速绘制2.5D冰淇淋车AI快速绘制2.5D冰淇淋车
VIP勋章拆解教程 [ps教程]VIP勋章拆解教程 [ps教程]
写实插头图标教程[PS教程]写实插头图标教程[PS教程]
《纪念碑谷2》图标教程[ps教程]《纪念碑谷2》图标教程[ps教程]
运气药水绘制【教程】运气药水绘制【教程】
毛线编织纹理图标教程[AI教程]毛线编织纹理图标教程[AI教程]
2.5D收音机教程2.5D收音机教程
海盗插画教程【教程】海盗插画教程【教程】
?