《9步教你轻松绘制微质感音乐图标》

刘欢 (网页、平面、UI高级讲师) 职 务：高级讲师、UI设计师 个人简介：毕业于中山大学，曾创办Grafix Media Technology Co.,Ltd（Shenzhen）和联合创办了XCG Architectural Visualization Studio（New York）。核心团队来自于中山大学、哥伦比亚大学和代尔夫特理工大学，曾为世博会、广州市政府、东莞市政府、德国知名汽车品牌Mercedes、美国著名建筑设计事务所SOM、美国的知名靴子品牌Red Wing、荷兰的咖啡杯制造商Huhtamaki、欧莱雅集团、维也纳酒店集团、城市便捷酒店集团、中山大学教育发展基金会、中国罕见病发展中心、中山大学中国公益慈善研究院等机构和企业提供咨询和设计服务。 在创业过程中，注重和互联网行业人士的交流、探讨和实践，对互联网产品需求、商业模式和界面设计有着深刻的理解。善于逻辑解构和流程分析，可以迅速将UI设计架入产品的商业模式和核心需求中，从而引导设计师在更为宏观的战略层上把握UI设计和产品商业模式及用户体验之间的关系。 导语：如今，随着时代变迁，现代设计趋向于回归极简,用简单的图形,简单的色彩，即平面化、微质感。在我们追求极简的同时,界面的视觉趋势也必然是轻巧和舒适的感觉,轻微质感、轻微立体深度和界面平面化也顺势成为当今的一大趋势。今天，我就带大家一起来体验下微质感图标的世界，领略其真正含义。 步骤如下： 1、首先用形状工具画一个圆角矩形； 2、添加斜面浮雕、描边、内阴影和渐变叠加效果； 3、添加矢量圆角矩形（降低透明度）和 矢量圆角矩形（加渐变叠加）； 4、形成基本的图标底图； 5、用钢笔工具勾画音乐符的基本形状； 6、对音乐符添加斜面浮雕、颜色叠加和投影效果； 7、对音乐符添加一些细节（为凸显细节将音乐符调灰，灰面细节为钢笔勾画加渐变蒙版效果、图底为橙色 椭圆矢量高斯模糊而成）； 8、在图标底部加一些层次丰富的圆角矩形色块，然后高斯模糊调节透明度，叠加而成； 9、调制各方面细节形成最终效果。

更多IT前沿、技术学习、面试技巧、IT笑话，微信搜索“CZTEKAN”，关注传智特刊，我为IT狂！或者点击进行邮件订阅，了解传智特刊的最新资讯。 
----------------------------------------------------------------------------------------------------
传智播客教育科技有限公司——专注于Java、.Net、PHP、网页平面UI、iOS、C/C++设计工程师的培训