分享此网站可得100G教程,联系小洁领取点击这里给我发消息

徽章图标制作教程

icon图标 学UI设计 1383次浏览 0个评论

1、打开Photoshop,新建一个空白文档。使用叠加等图层混合模式简单几步做出背景:

徽章图标制作教程

2、开始绘制图标:

徽章图标制作教程

深绿色的外环图层样式参数如下:

徽章图标制作教程

3、织布的纹理需要使用Illustrator来做。主要使用到了AI里面的波纹效果(菜单 -> 效果 -> 扭曲和变换 -> 波纹效果)和虚线。
徽章图标制作教程徽章图标制作教程

制作纹理过程中会用到的一些图形:
徽章图标制作教程

4、接下来就是将AI里面制作好的纹理应用到Photoshop里面去。在AI中直接选中一个对象并复制,可直接粘贴到PS中。在这个教程中一般选择“智能对象”,可以保留完整的外观。
徽章图标制作教程

镶边的缝线,浅色的半径比深色的缝线半径要大,但是宽度更窄。置于最后的缝线有深色和浅色。深色置于最后,浅色在其上,并略微旋转2-3度,错开一定角度,就有了缝线的立体感:
徽章图标制作教程

5、然后就是绘制中间的图案部分。此部分方法与之前大致相同,在此不赘述了。最后给徽章加上阴影,如果环境有光源,那么给徽章加上一些明暗。至此一个精致的带有织布和缝线纹理的徽章图标就绘制完毕了:

徽章图标制作教程


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!