设计音乐UI图标教程(3)

导语:如今,随着时代变迁,现代设计趋向于回归极简,用简单的图形,简单的色彩,即平面化、微质感。在我们追求极简的同时,界面的视觉趋势也必然是轻巧和舒适的感觉,轻微质感、轻微立体深度和界面平面化也顺势成为当

撕边效果制作方法

撕边效果制作方法 作者:六月海 教程来源:印象 这段时间有很多会员都问到一个相同的效果制作方法,由于时间的关系我就草草做了一下,相信你如果有时间有耐心会做得比我更好。不知道你是否有兴趣跟着我的教程一起做

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

 

步骤如下:

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

设计音乐UI图标教程(3)插图

 

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

设计音乐UI图标教程(3)插图(1)

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

设计音乐UI图标教程(3)插图(2)

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

设计音乐UI图标教程(3)插图(3)

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

设计音乐UI图标教程(3)插图(4)

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

设计音乐UI图标教程(3)插图(5)

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

设计音乐UI图标教程(3)插图(6)

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

设计音乐UI图标教程(3)插图(7)

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

设计音乐UI图标教程(3)插图(8)

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

设计音乐UI图标教程(3)插图(4)

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

设计音乐UI图标教程(3)插图(5)

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

设计音乐UI图标教程(3)插图(6)

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

设计音乐UI图标教程(3)插图(7)

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

设计音乐UI图标教程(3)插图(8)

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

 

步骤如下:

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

设计音乐UI图标教程(3)插图

 

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

设计音乐UI图标教程(3)插图(1)

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

设计音乐UI图标教程(3)插图(2)

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

设计音乐UI图标教程(3)插图(3)

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

 

步骤如下:

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

设计音乐UI图标教程(3)插图

 

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

设计音乐UI图标教程(3)插图(1)

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

设计音乐UI图标教程(3)插图(2)

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

设计音乐UI图标教程(3)插图(3)

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

设计音乐UI图标教程(3)插图(4)

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

设计音乐UI图标教程(3)插图(5)

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

设计音乐UI图标教程(3)插图(6)

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

设计音乐UI图标教程(3)插图(7)

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

设计音乐UI图标教程(3)插图(8)

作者: 791650988

为您推荐