Illustrator绘制扁平化风格的城堡图标

psschool · 发表于 2017-8-7 00:00:00

您需要登录才可以下载或查看，没有账号？立即注册

×

先看看效果

登录/注册后可看大图

嗯，不难，我们抓紧时间开始吧。
step1：新建一个文档。
建3个图层，一个参考网格，一个渐变，一个城堡的(先画一个)

登录/注册后可看大图

step2：绘制安全框。(参考网格)
1)新建一个128*128px，颜色#FF6B57的矩形。

登录/注册后可看大图

2)再建一个120*120px，颜色白色的矩形放在上面，编组。

登录/注册后可看大图

step3：绘制书。
1)新建一个112*4px，颜色#93665F的矩形，然后偏移路径4px，改变颜色为#604946。

登录/注册后可看大图

2)新建一个16*8px，颜色#93665F，圆角为2px的矩形。然后给它加一个4px的外描边(也可以用偏移路径的方法做)，放在下面。

登录/注册后可看大图

3)添加一些高光。(112*2px，白色，不透明度改为30%，混合模式改为叠加;)

登录/注册后可看大图

4)接着新建一个8*8px，#604946，2px圆角的矩形。

登录/注册后可看大图

5)添加书页。(50*6px，#F2D2CE，右上圆角为6px，4px颜色为#604946的外描边)

登录/注册后可看大图

6)给书页添加高光和阴影，然后编组，复制一个。(50*2px，黑色，改变不透明度为20%作为阴影;高光颜色白色，不透明度60%)

登录/注册后可看大图

7)添加一个104*1px，颜色为#604946的矩形。

登录/注册后可看大图

step4：绘制小小城堡。
1)新建一个44*62px，#D1736B的矩形，放在书的下面;添加颜色一个4px，颜色为#604946的外描边(或者偏移路径)。

登录/注册后可看大图

2)添加阴影。(44*6px，黑色，不透明度改为20%;44*2px，黑色，不透明度改为20%)

登录/注册后可看大图

3)添加一些纹理，颜色为#AF5652。

登录/注册后可看大图

4)添加高光。(白色，不透明度改为20%，混合模式为叠加)

登录/注册后可看大图

5)画一个门。(16*30px，颜色为#93665F，8px圆角，4px颜色为#604946的外描边)

登录/注册后可看大图

6)给门添加一些细节。

登录/注册后可看大图

7)建一个窗台。(16*2px，颜色为#C4BDBC，给它一个4px，颜色为#604946的外描边)

登录/注册后可看大图

8)给窗台添加一些小细节。(白色，叠加，60%;4*6px，颜色为#604946)

登录/注册后可看大图

9)画一个窗户。(8*8px，颜色为#93B5D1的圆，4px(#604946)的外描边)

登录/注册后可看大图

10)添加一些小细节。

登录/注册后可看大图

11)绘制屋顶。(使用钢笔工具画一个20px高的图形，确保下面有2px的基地(后面做描边))

登录/注册后可看大图

12)给屋顶一个描边。(4px，颜色为#604946的外描边)

登录/注册后可看大图

13)画3个横条在屋顶上面，高2px，颜色为#604946;然后加些白色的条，看着有层次感些。(1px，不透明度改为60%，叠加)

登录/注册后可看大图

14)绘制屋檐。(52*2px，颜色为#C4BDBC，1px的圆角，4px(#604946)的外描边)

登录/注册后可看大图

15)添加一些细节;加个烟囱。

登录/注册后可看大图

step5：绘制背景。
1)绘制两个草丛。

登录/注册后可看大图

2)背景蓝天;加几片白云。

登录/注册后可看大图

step6：制作渐变层。
1)复制主要的轮廓，合并形状。

登录/注册后可看大图

2)加一个渐变。

登录/注册后可看大图

3)调节混合模式为变亮，不透明度改为40%

登录/注册后可看大图

然后，我们的小城堡就画好了。

登录/注册后可看大图

好了，讲到这里大家应该都知道该怎么做了，那么有兴趣的同学可以试着改一下颜色哦。

登录/注册后可看大图

账号		自动登录	找回密码
密码			立即注册

账号		自动登录	找回密码
密码			立即注册

[矢量绘图] Illustrator绘制扁平化风格的城堡图标

相关帖子