分享此网站可得100G教程,联系小洁领取点击这里给我发消息

教你用AI创造出一只动感小猫!

icon图标 学UI设计 939次浏览 0个评论

教你用AI创造出一只动感小猫!

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

那么我们开始吧!

 

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

点击文件 > 新建,将窗口中的数值设置如图:
教你用AI创造出一只动感小猫!

 

第二步、创建3个图层

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

教你用AI创造出一只动感小猫!:

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

教你用AI创造出一只动感小猫!

教你用AI创造出一只动感小猫!

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

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

教你用AI创造出一只动感小猫!

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

教你用AI创造出一只动感小猫!

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

 

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

教你用AI创造出一只动感小猫!

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

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

教你用AI创造出一只动感小猫!

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

教你用AI创造出一只动感小猫!

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

教你用AI创造出一只动感小猫!

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

教你用AI创造出一只动感小猫!

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

教你用AI创造出一只动感小猫!

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

 

第四步、给小猫上色。

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

教你用AI创造出一只动感小猫!

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

 

步骤1:用钢笔工具(P)勾出小猫的轮廓,填充颜色F9D075。
教你用AI创造出一只动感小猫!

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

教你用AI创造出一只动感小猫!

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

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

教你用AI创造出一只动感小猫!

步骤4:

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

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

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

教你用AI创造出一只动感小猫!

 

原图地址:Dribbble

原图作者:Justas Galaburda


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!