导航

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

时间:2017-06-21    来源:UI中国    作者:Andrei Stefan    点击:
本教程主要使用Illustrator绘制简约风格的城堡小图标教程,都说书中自有黄金屋,那么今天给大家带来一个书中有小城堡的插画绘制教程。喜欢的朋友让我们一起来学习吧。

先看看效果

Illustrator绘制扁平化风格的城堡图标,PS教程,思缘教程网

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

step1:新建一个文档。

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

Illustrator绘制扁平化风格的城堡图标,PS教程,思缘教程网

Illustrator绘制扁平化风格的城堡图标,PS教程,思缘教程网

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

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

Illustrator绘制扁平化风格的城堡图标,PS教程,思缘教程网

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

Illustrator绘制扁平化风格的城堡图标,PS教程,思缘教程网

step3:绘制书。

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

Illustrator绘制扁平化风格的城堡图标,PS教程,思缘教程网

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

Illustrator绘制扁平化风格的城堡图标,PS教程,思缘教程网

Illustrator绘制扁平化风格的城堡图标,PS教程,思缘教程网

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

Illustrator绘制扁平化风格的城堡图标,PS教程,思缘教程网

Illustrator绘制扁平化风格的城堡图标,PS教程,思缘教程网

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

Illustrator绘制扁平化风格的城堡图标,PS教程,思缘教程网

加入思缘论坛和大家一起交流,相互学习,共同提高.
相关文章和赞助商广告
赞助商信息
推荐文章
热门文章