初次使用AI的小志写了这个教程,一方面为了熟练一下刚临摹会的小插画,达到以后类似插图都能做,一方面为了赚点小人气。

首先我们看下最终的效果图。

<a href=/design/illustrator/ target=_blank class=infotextkey>Illustrator</a>绘制卡通风格的八大行星小插画,PS教程,

设计流程:

好,分析一下。嗯,得到了如下结论(设计流程):

1.每个行星都是由烟状物(背景)+行星(就是一个圆+各个行星的特点)+左边和右边的两个小圆(这两个小圆是本行星前一个和后一个行星的缩影)

2.每个行星的背景形状其实都是一样的,只不过有的翻了个面,所以我们只用做一个背景,然后复制7个就可以了。(行星也是一样的,高光,阴影都是可以复制用的,需要做的只是在每个圆上画出不一样的特点。)

3.背景的渐变,可以发现它是8个背景复合路径一起渐变的,也就是说我们可以最后才一起弄他们的渐变。

OK,我们开始第一步:

建立一个800*600px,RGB,72分辨率的图层(为啥是800*600,因为dribbble上都是这个格式啊(哈哈哈,可以装装*))。

Illustrator绘制卡通风格的八大行星小插画,PS教程,

然后,第二步:我们来做个安全框(是框哦。)(颜色大小都可以按自己喜好来哦,不过最好先自己计算下),做这个框框的原因就像我们平时做icon一样,保证每一个在视觉效果上一致。

Illustrator绘制卡通风格的八大行星小插画,PS教程,

外框#f97373,128*128,内框#f2f2f2,116*116

然后,我们就得到了八个框框(好厉害。。)

Illustrator绘制卡通风格的八大行星小插画,PS教程,

第三步:做背景,就是那个烟状的东西。。

Illustrator绘制卡通风格的八大行星小插画,PS教程,

小矩形22*14,#656370,圆角7px

然后往右隔4px,画一个68*14,#656370,圆角为7px的矩形。

这个就没距离了,但大家知道是4px就好了

Illustrator绘制卡通风格的八大行星小插画,PS教程,

接下来,画一个58*6,#656370,圆角为3px的矩形,再画两个6*6,#656370的圆,按图示进行减去顶层操作

Illustrator绘制卡通风格的八大行星小插画,PS教程,

ok,我们就得到了

Illustrator绘制卡通风格的八大行星小插画,PS教程,

然后画一个110*14,#656370,圆角为7px的矩形,与左边框对齐。

Illustrator绘制卡通风格的八大行星小插画,PS教程,

这样我们就得到了一部分烟的效果了。

然后重复上面的操作,得到我们所需要的背景。

Illustrator绘制卡通风格的八大行星小插画,PS教程,