Illustrator绘制扁平化风格的城堡图标
先看看效果http://www.06ps.com/d/file/2017/0807/1502067853582.png
嗯，不难，我们抓紧时间开始吧。
step1：新建一个文档。
建3个图层，一个参考网格，一个渐变，一个城堡的(先画一个)
http://www.06ps.com/d/file/2017/0807/1502067855784.png
http://www.06ps.com/d/file/2017/0807/1502067857687.png
step2：绘制安全框。(参考网格)
1)新建一个128*128px，颜色#FF6B57的矩形。
http://www.06ps.com/d/file/2017/0807/1502067862970.png
2)再建一个120*120px，颜色白色的矩形放在上面，编组。
http://www.06ps.com/d/file/2017/0807/1502067864379.png
step3：绘制书。
1)新建一个112*4px，颜色#93665F的矩形，然后偏移路径4px，改变颜色为#604946。
http://www.06ps.com/d/file/2017/0807/1502067865419.png
2)新建一个16*8px，颜色#93665F，圆角为2px的矩形。然后给它加一个4px的外描边(也可以用偏移路径的方法做)，放在下面。
http://www.06ps.com/d/file/2017/0807/1502067867524.png
http://www.06ps.com/d/file/2017/0807/1502067868193.png
3)添加一些高光。(112*2px，白色，不透明度改为30%，混合模式改为叠加;)
http://www.06ps.com/d/file/2017/0807/1502067870576.png
http://www.06ps.com/d/file/2017/0807/1502067872161.png
4)接着新建一个8*8px，#604946，2px圆角的矩形。
http://www.06ps.com/d/file/2017/0807/1502067874137.png
5)添加书页。(50*6px，#F2D2CE，右上圆角为6px，4px颜色为#604946的外描边)
http://www.06ps.com/d/file/2017/0807/1502067875416.png
6)给书页添加高光和阴影，然后编组，复制一个。(50*2px，黑色，改变不透明度为20%作为阴影;高光颜色白色，不透明度60%)
http://www.06ps.com/d/file/2017/0807/1502067877648.png
http://www.06ps.com/d/file/2017/0807/1502067878522.png
7)添加一个104*1px，颜色为#604946的矩形。
http://www.06ps.com/d/file/2017/0807/1502067880909.png
step4：绘制小小城堡。
1)新建一个44*62px，#D1736B的矩形，放在书的下面;添加颜色一个4px，颜色为#604946的外描边(或者偏移路径)。
http://www.06ps.com/d/file/2017/0807/1502067881978.png
http://www.06ps.com/d/file/2017/0807/1502067883393.png
2)添加阴影。(44*6px，黑色，不透明度改为20%;44*2px，黑色，不透明度改为20%)
http://www.06ps.com/d/file/2017/0807/1502067884988.png
http://www.06ps.com/d/file/2017/0807/1502067886872.png
3)添加一些纹理，颜色为#AF5652。
http://www.06ps.com/d/file/2017/0807/1502067887357.png
4)添加高光。(白色，不透明度改为20%，混合模式为叠加)
http://www.06ps.com/d/file/2017/0807/1502067888520.png
5)画一个门。(16*30px，颜色为#93665F，8px圆角，4px颜色为#604946的外描边)
http://www.06ps.com/d/file/2017/0807/1502067890511.png
6)给门添加一些细节。
http://www.06ps.com/d/file/2017/0807/1502067892660.png
7)建一个窗台。(16*2px，颜色为#C4BDBC，给它一个4px，颜色为#604946的外描边)
http://www.06ps.com/d/file/2017/0807/1502067894424.png
8)给窗台添加一些小细节。(白色，叠加，60%;4*6px，颜色为#604946)
http://www.06ps.com/d/file/2017/0807/1502067895654.png
9)画一个窗户。(8*8px，颜色为#93B5D1的圆，4px(#604946)的外描边)
http://www.06ps.com/d/file/2017/0807/1502067897772.png
10)添加一些小细节。
http://www.06ps.com/d/file/2017/0807/1502067899768.png
11)绘制屋顶。(使用钢笔工具画一个20px高的图形，确保下面有2px的基地(后面做描边))
http://www.06ps.com/d/file/2017/0807/1502067900564.png
12)给屋顶一个描边。(4px，颜色为#604946的外描边)
http://www.06ps.com/d/file/2017/0807/1502067902935.png
13)画3个横条在屋顶上面，高2px，颜色为#604946;然后加些白色的条，看着有层次感些。(1px，不透明度改为60%，叠加)
http://www.06ps.com/d/file/2017/0807/1502067904955.png
http://www.06ps.com/d/file/2017/0807/1502067905689.png
14)绘制屋檐。(52*2px，颜色为#C4BDBC，1px的圆角，4px(#604946)的外描边)
http://www.06ps.com/d/file/2017/0807/1502067907518.png
15)添加一些细节;加个烟囱。
http://www.06ps.com/d/file/2017/0807/1502067909739.png
http://www.06ps.com/d/file/2017/0807/1502067911377.png
step5：绘制背景。
1)绘制两个草丛。
http://www.06ps.com/d/file/2017/0807/1502067913488.png
2)背景蓝天;加几片白云。
http://www.06ps.com/d/file/2017/0807/1502067915118.png
http://www.06ps.com/d/file/2017/0807/1502067918697.png
step6：制作渐变层。
1)复制主要的轮廓，合并形状。
http://www.06ps.com/d/file/2017/0807/1502067920912.png
http://www.06ps.com/d/file/2017/0807/1502067922211.png
2)加一个渐变。
http://www.06ps.com/d/file/2017/0807/1502067924273.png
3)调节混合模式为变亮，不透明度改为40%
http://www.06ps.com/d/file/2017/0807/1502067926973.png
然后，我们的小城堡就画好了。
http://www.06ps.com/d/file/2017/0807/1502067929248.png
好了，讲到这里大家应该都知道该怎么做了，那么有兴趣的同学可以试着改一下颜色哦。
http://www.06ps.com/d/file/2017/0807/1502067931589.png
页:
[1]