图标UI设计教程-原创

UI设计教程   /  UI设计教程     

uimaker
UI设计师 / 江苏 南京

来源:uimaker.com   作者:05minyisan

 图标UI设计教程-原创

 

效果图
 
整体效果图
 
 
先看图标的图层
 
 
图标设计教程
 
 
 
1、制作这个图标的难度,我个人认为在纹理的制作,所以本教程也主要针对这个问题做一些分解,制作外圈纹的方法主要是利用了画笔的功能。结合路径,我们很快就能制作出外圈的纹理,如图:
 
 
图标设计教程02
 
 
2、制作圆底,放置于外圈的下面
 
 
图标设计教程03
 
对外圈进行样式处理,设置图层填充为0,样式如下:
 
 
图标设计教程04
 
 
图标设计教程05

 

3、个人认为制作图标的重点与难点就在第二步,顺利完成第二步,下面的就很容易制作出我们想要的效果了,继续往下看:

 

 

图标设计教程06
图标设计教程07
图标设计教程08
图标设计教程09


图标设计教程10

图标设计教程11
 
 
4、配上你喜欢的图案,效果会相当不错哦,发挥你的想象力吧!
 
5、打完,手工!!睡觉去!嘿嘿~~

 

 收藏