AI小教程--一组扁平的小清新icon

Recommand
北京/设计爱好者/8年前/878浏览
AI小教程--一组扁平的小清新iconRecommand
呆呆志

AI小教程--一组扁平的小清新icon

a0ae599aff87a80121560312ef95.jpg

嗯,非常简单但有很好看的一组icon,原作者表达的是夏天,一切都在盛开,人们享受阳光明媚的日子。(然而,我在烤炉里流汗。)废话就不多说了,直接开始吧。

我们还是先建一个文档,大小800*600px吧。(我就不放图了)


step 1:画一个浆果。

1)使用椭圆工具画一个15*15px的圆,颜色红色,然后分别画两个浅红色的小圆放在上面。记得编组和保存哦。

a667599affa1000000939606104e.jpg

2)画树干。用直线工具画一个2*35px的直线。两端改为圆角。然后改用弧线工具画两个1.5px宽的弧线作为树枝。接着我们把上一步画好的浆果复制两个改变大小放在树枝上。

b0a1599affb1a80121560381a856.jpg

7743599affb1000000939649a92f.jpg

3)画树叶。画一个9*20px的椭圆,然后使用锚点工具将两端变尖。再在叶子中间画一条直线,改变那个下图所示的东东(我也不知道叫啥)。就得到了一片叶子。

98c8599affc90000009396f8445d.jpg

d9ff599affc90000009396054a22.jpg

4)把叶子加上去。然后给它加个小背景。画个八边形,半径为40px。对齐,编组。

542f599affdca801215603524275.jpg

9ad7599affdc00000093965af227.jpg

5)加投影。画一个矩形,旋转45°。然后使用钢笔工具添加删减锚点,接着复制一层背景,给投影做个剪切蒙版。或者直接使用形状生成器工具将不需要的投影剪掉。

c0e6599affefa80121560341ffaf.jpg

ae44599affef0000009396c8e066.jpg


step 2:画个小蘑菇。

1)画个蘑菇头,使用椭圆工具画个40*10px的红色椭圆。然后使用直接选择工具将顶点的左右锚点向中间移动一些,使得中间那部分凸起(表想歪)。然后向上移动10px。

4b66599b000aa801215603dc96f2.jpg

2)使用椭圆工具画一个10*25px的椭圆,然后效果--变形--弧形,数值改为如下,然后扩展外观。

0123599b001aa801215603b2279e.jpg

3)给蘑菇加点斑点。

6fea599b0032a801215603e445f6.jpg

4)给根加个阴影。复制两层根,然后把其中一个向上移动一段距离,选中它和另外一个,减去顶层,改个深点的颜色。

510d599b00440000009396c50e3f.jpg

5)和浆果一样。加个背景和投影。

9be8599b00530000009396cf66ea.jpg


step 3:画个蜡烛。

1)画一个30*5px的椭圆。然后再画一个30*30px的正方形。复制一个椭圆,放到下面,改变颜色。组成蜡烛的身体。

389e599b00660000009396441d11.jpg

2)画流出来的蜡。(蜡烛总是让我想起些。。。)画一个5*23px的矩形,然后右键--变换--移动--角度0°,水平距离5px--复制。然后ctrl+d复制5次。我们就有了7个副本。(注意是7个哦,虽然超出了蜡烛的位置)然后我们把7个矩形选中,强行将他们的宽改为30px。接着改变这些矩形的长度。合并。拉圆。

6fa9599b010700000093963f2ca6.jpg

bfb4599b0108a801215603ddb2cf.jpg


3)画火焰。同样椭圆共工具画个椭圆,然后使用锚点工具将上面变尖。复制一个。改变颜色。注意调整一下。

1bf8599b011a00000093964073b4.jpg

4)加背景和投影。

e5d8599b012ca8012156032f2539.jpg


step 4 :画一根羽毛。

1)画一个15*40px的椭圆,然后效果--变形--弧,数值如下,然后扩展外观。

3a76599b014100000093961c8989.jpg

2)用钢笔工具画几个三角形,然后减去顶层得到羽毛的缺口。

fb8a599b0150a8012156035ee052.jpg

3)画一条直线,然后改变中间那个东东。

01d1599b01600000009396bcbd83.jpg

4)给羽毛加些小细节。画两个矩形,旋转45°。然后剪切蒙版也好,shift+m(形状生成器工具)也好,做出我们想要的效果就好。然后加背景和投影。

53ff599b016f00000093961b7d24.jpg

aa1e599b016fa801215603d04e6a.jpg


step 5:画一个矿石。

1)画一个10*40px的蓝色矩形,然后复制两个,改变颜色。

3bed599b0192a801215603fb95dc.jpg

2)将三个矩形复制,颜色也改下。缩短高度,然后选各种它们上面的点,水平居中对齐。

4892599b01a00000009396dca98c.jpg

3)接下来我们就来打造出矿石的外形。主要用到套索工具。(主要就是框选出那些点,然后移动)

dc30599b01b20000009396041f01.jpg

9b12599b01b2a801215603ca9f47.jpg


4)给矿石加高光。(不多说)然后加背景和阴影。

78f0599b01c5a80121560389b2f9.jpg

c02b599b01c5000000939620e024.jpg


step 6 :画一朵小花花。

1)画一个和背景类似的正八边形。(下面数值有点问题。应该是50*50px,不过这个也大了点,后面自己调一下)然后效果--扭曲和变换--收缩和膨胀--扩展外观。

a2d0599b01dd00000093964ab3d8.jpg

2)中间画一个圆(15*15px),对齐。

0e28599b01ec000000939635fb99.jpg

3)将前面浆果的树干和叶子偷过来,改个颜色,放在花下面。然后加背景和投影。

6523599b0200a8012156036f6ba8.jpg

9dd1599b02000000009396b0e247.jpg


step 7:调整大小,加个大的背景。

e35c599b0213a801215603761a5b.jpg


OK,写完了。大家有不懂的可以留言交流讨论。

原文地址:https://design.tutsplus.com/tutorials/how-to-create-nature-inspired-flat-icons-in-adobe-illustrator--cms-26447


11
阅读原文
|
Report
|
41
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
8月的“话”
Homepage recommendation
大家都在看
Log in