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

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

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的外描边(也可以用偏移路径的方法做),什么是UI设计,放在下面。


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


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

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


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


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

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


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

 收藏