UI教程,ps设计音乐主题UI图标实例插图

UI教程,ps设计音乐主题UI图标实例

今天的教程是绘制一枚质感逼真的的播放器图标。教程难度中下,适合有基础的同学进阶学习,重点依然是图层样式的运用。

UI教程,ps设计音乐主题UI图标实例(7)插图

UI教程,ps设计音乐主题UI图标实例(7)

教程教大家怎么样设计出一个音乐主题的图标,教程不难,有一点基础应该也能看的懂,想学的同学就跟着教程一起练练手吧,记得做完交作业。 最终效果图: 新建一个600*600画布。 来个白到灰的径向渐变。 椭圆工具画个

广告位
UI教程,ps设计音乐主题UI图标实例(2)插图

UI教程,ps设计音乐主题UI图标实例(2)

居中下,调整下大小自己感觉合适即可。 给调整好的圆角矩形添加图层样式,投影,渐变叠加。内阴影,斜面浮雕。 调整图层样式后的圆角矩形变的更有立体感。 画一个圆大小自定,用渐变叠加调处金属质感。

UI教程,ps设计音乐主题UI图标实例(6)插图

UI教程,ps设计音乐主题UI图标实例(6)

添加投影,内阴影。 画个白色小圆放在这个位置,来做支架。 添加渐变叠加和斜面浮雕。 画个白色小圆,添加一像素描边, 支架部分很简单,同学们试着去做下,全都是用形状工具做的。 搞定后最终效果:

UI教程,ps设计音乐主题UI图标实例(5)插图

UI教程,ps设计音乐主题UI图标实例(5)

把拉丝图层拷贝出来,剪进去,透明度调低点,给它也添加拉丝效果。 再画一个圆形填充红色。 添加图层样式,投影,内阴影(参数可自己调整)。 拷贝拉丝图层剪辑进去。 再画一个圆形,填充淡红色,也添加拉丝效果,即

UI教程,ps设计音乐主题UI图标实例(4)插图

UI教程,ps设计音乐主题UI图标实例(4)

ok,这一步来教同学做光碟上的拉丝效果,使它更为逼真,新建图层,拉个圆形套索,填充白色。 滤镜添加杂色。 滤镜径向模糊。 剪辑蒙版。 (有同学反映插入后就不见了,方法是:调出圆形的图层样式,混合选项里,勾上

UI教程,ps设计音乐主题UI图标实例(3)插图

UI教程,ps设计音乐主题UI图标实例(3)

接着添加斜面浮雕和投影。 再画一个圆。 添加图层样式,先来个渐变叠加。 投影,内阴影,斜面浮雕。 调整后的效果:

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部