PS设计教程网欢迎你!

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

文章来源于 UI中国,感谢作者 Andrei Stefan 给我们带来经精彩的文章!
设计教程/矢量教程/Illustrator教程2017-06-21
本教程主要使用Illustrator绘制简约风格的城堡小图标教程,都说书中自有黄金屋,那么今天给大家带来一个书中有小城堡的插画绘制教程。喜欢的朋友让我们一起来学习吧。

先看看效果

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

嗯,不难,我们抓紧时间开始吧。

step1:新建一个文档。

建3个图层,一个参考网格,一个渐变,一个城堡的(先画一个)

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

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

step2:绘制安全框。(参考网格)

1)新建一个128*128px,颜色#FF6B57的矩形。

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

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

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

step3:绘制书。

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

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

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

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

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

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

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

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

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

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa