先看看效果
![Illustrator绘制扁平化风格的城堡图标,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-14/fab4f3a89e07a32ebe6722486f8449f5.png)
嗯,不难,我们抓紧时间开始吧。
step1:新建一个文档。
建3个图层,一个参考网格,一个渐变,一个城堡的(先画一个)
![Illustrator绘制扁平化风格的城堡图标,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-14/95d5e1f536fd537c5b6b71b2ad2edabb.png)
![Illustrator绘制扁平化风格的城堡图标,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-14/0f56a99dec0f060e28aea411948e9840.png)
step2:绘制安全框。(参考网格)
1)新建一个128*128px,颜色#FF6B57的矩形。
![Illustrator绘制扁平化风格的城堡图标,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-14/c0dd0ceb5dfbb889ae94769f08d3fd69.png)
2)再建一个120*120px,颜色白色的矩形放在上面,编组。
![Illustrator绘制扁平化风格的城堡图标,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-14/26f79207735ab181a887ce1b7eba586c.png)
step3:绘制书。
1)新建一个112*4px,颜色#93665F的矩形,然后偏移路径4px,改变颜色为#604946。
![Illustrator绘制扁平化风格的城堡图标,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-14/1bf79d40fc8cb955506e182724c5d7fb.png)
2)新建一个16*8px,颜色#93665F,圆角为2px的矩形。然后给它加一个4px的外描边(也可以用偏移路径的方法做),放在下面。
![Illustrator绘制扁平化风格的城堡图标,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-14/c71432a356a86fbd26524ce19a90f4ce.png)
![Illustrator绘制扁平化风格的城堡图标,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-14/ec1e42b321056ac54391572719b4ad4b.png)
3)添加一些高光。(112*2px,白色,不透明度改为30%,混合模式改为叠加;)
![Illustrator绘制扁平化风格的城堡图标,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-14/3d4001f86c444b54255b75abcd9c9895.png)
![Illustrator绘制扁平化风格的城堡图标,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-14/6685ea6d82c7cfe38a0a6da4f330e97d.png)
4)接着新建一个8*8px,#604946,2px圆角的矩形。