jinzi62 发表于 2014-5-21 07:03:51

9步教你轻松设计音乐UI图标教程

      导语：如今，随着时代变迁，现代设计趋向于回归极简,用简单的图形,简单的色彩，即平面化、微质感。在我们追求极简的同时,界面的视觉趋势也必然是轻巧和舒适的感觉,轻微质感、轻微立体深度和界面平面化也顺势成为当今的一大趋势。今天，我就带大家一起来体验下微质感图标的世界，领略其真正含义。
?
步骤如下：提示：教程详细步骤在二楼，不用回复也能看到！想下载该教程的可以回复获取下载网址:**** Hidden Message *****教程编号:133460 作者：刘欢老师 出处：站酷

jinzi62 发表于 2014-5-21 07:03:53

9步教你轻松设计音乐UI图标教程


1、首先用形状工具画一个圆角矩形；

http://pic.16xx8.com/allimg/140521/02002UC6-0.jpg

jinzi62 发表于 2014-5-21 07:03:54

9步教你轻松设计音乐UI图标教程


?
2、添加斜面浮雕、描边、内阴影和渐变叠加效果；

http://pic.16xx8.com/allimg/140521/02002T1Y-1.jpg

jinzi62 发表于 2014-5-21 07:03:55

9步教你轻松设计音乐UI图标教程


3、添加矢量圆角矩形（降低透明度）和矢量圆角矩形（加渐变叠加）；

http://pic.16xx8.com/allimg/140521/02002TM2-2.jpg

jinzi62 发表于 2014-5-21 07:03:56

9步教你轻松设计音乐UI图标教程


4、形成基本的图标底图；

http://pic.16xx8.com/allimg/140521/02002VS2-3.jpg

jinzi62 发表于 2014-5-21 07:03:57

9步教你轻松设计音乐UI图标教程

      
5、用钢笔工具勾画音乐符的基本形状；

http://pic.16xx8.com/allimg/140521/02002U257-4.jpg

jinzi62 发表于 2014-5-21 07:03:58

9步教你轻松设计音乐UI图标教程


6、对音乐符添加斜面浮雕、颜色叠加和投影效果；

http://pic.16xx8.com/allimg/140521/02002S291-5.jpg

jinzi62 发表于 2014-5-21 07:03:59

9步教你轻松设计音乐UI图标教程


7、对音乐符添加一些细节（为凸显细节将音乐符调灰，灰面细节为钢笔勾画加渐变蒙版效果、图底为橙色椭圆矢量高斯模糊而成）；

http://pic.16xx8.com/allimg/140521/02002W429-6.jpg

jinzi62 发表于 2014-5-21 07:04:00

9步教你轻松设计音乐UI图标教程


8、在图标底部加一些层次丰富的圆角矩形色块，然后高斯模糊调节透明度，叠加而成；

http://pic.16xx8.com/allimg/140521/02002R602-7.jpg

jinzi62 发表于 2014-5-21 07:04:01

9步教你轻松设计音乐UI图标教程


9、调制各方面细节形成最终效果。

http://pic.16xx8.com/allimg/140521/02002S463-8.jpg

欧阳涛 发表于 2014-5-21 10:00:09

不错，
页: [1]
查看完整版本: 9步教你轻松设计音乐UI图标教程