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

5步就能制作出一个高逼格图标教程

icon图标 学UI设计 409次浏览 0个评论 扫描二维码

今天接到老板一个需求:制作一个播放器图标

接到这个需求的时候,我们需要找关于播放器的一些设计元素,在百度看到很多都是用三角形箭头表示的非常多,于是可以用手绘一张三角形的图标给老板确认,老板得到的反馈是用以前放映机的转盘为元素,于是又画了一张找老板确认。老板最终定稿后,我们就可以上机作图了。

写这些的时候我本打算画好图贴上的,可是时间不够,这个以后给大家补上。为啥要写这些,原因是我们手绘的图标可以把大致轮廓定下来,最后就是颜色的问题,这个就要调了,如果我们大致轮廓就没有,设计出来的东西不一定是客户要的,每个人的理解都是不一样的,我们设计师就要反复修改了,如果只要我们变变颜色,还是很快的。好了,不多说了,进行今天的操作环节了。

首先我们来分析一下。不管设计什么的时候,首先都要分析,不是拿着就开始做。

这个图标分三层:背板,胶片,转盘最后中心的金属。

首先我们来绘制背板,绘制一个530*530px的圆角矩形,圆角100px,添加渐变

绘制胶片的时候,我们先绘制一个圆,大小260px,色值#453838并对这个圆经行描边。

描边后,按ctrl+j键复制一个图层,在按ctrl+t,等比例缩放一下,同时操作几次,得到如下效果。

在进行转盘的制作,我们先画一个大圆,大小400*400px,在按ait画4个大圆100*100px和1个小圆50*50px,并添加投影得到如下效果。

再在外面添加一个最外圆430*430px,并按alt减去400*400px的圆,并添加投影得到如下效果

最后我们来绘制金属,在进行绘制金属的时候,我们先绘制一个50*50px黑色的圆,在绘制30*30px的小圆,我们在进行小圆加金属质感。

就这样完成了,大家记得动手去做做,加油。

 


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

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

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