起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > UI设计教程之音乐图标制作方法

UI设计教程之音乐图标制作方法

时间:2021-07-16 15:13:07来源:UI培训网 作者:UI教程网 已有: 名学员访问该课程

机构名称:IT培训网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:http://www.itpxw.cn

前言: 导语:如今,随着时代变迁,现代UI设计趋向于回归极简,用简单的图形,简单的色彩,即平面化、微质感。在我们追求

导语:如今,随着时代变迁,现代UI设计趋向于回归极简,用简单的图形,简单的色彩,即平面化、微质感。在我们追求极简的同时,界面的视觉趋势也必然是轻巧和舒适的感觉,轻微质感、轻微立体深度和界面平面化也顺势成为当今的一大趋势。今天,我们UI设计培训老师就带大家一起来体验下微质感图标的世界,领略其真正含义。

步骤如下:1、首先用形状工具画一个圆角矩形;

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

3、添加矢量圆角矩形(降低透明度)和矢量圆角矩形(加渐变叠加);

4、形成基本的图标

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

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

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

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

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

文章出自:http://qh.itpxw.cn/peixun/ui/202188255.html

文章标题:UI设计教程之音乐图标制作方法



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:IT培训网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:http://www.itpxw.cn

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------