音乐播放器图标

用户头像
北京/UI设计师/10年前/605浏览
音乐播放器图标
用户头像
燕小狼

教大家一个超真实的音乐图标

新建一个600*600画布。



来个白到灰的径向渐变。



椭圆工具画个300*300的圆。



直接选择工具选中这两个点。



右键,自由变换点,在箭头标注的W位置输入80。




重复上一步骤,选中上面两个点,在H位置输入80。



居中下,调整下大小自己感觉合适即可。



给调整好的圆角矩形添加图层样式,投影,渐变叠加。内阴影,斜面浮雕。







调整图层样式后的圆角矩形变的更有立体感。



画一个圆大小自定,用渐变叠加调处金属质感。



接着添加斜面浮雕和投影。





再画一个圆。



添加图层样式,先来个渐变叠加。



投影,内阴影,斜面浮雕。





调整后的效果:



ok,这一步来教同学做光碟上的拉丝效果,使它更为逼真,新建图层,拉个圆形套索,填充白色



滤镜添加杂色。



滤镜径向模糊。



剪辑蒙版。

(有同学反映插入后就不见了,方法是:调出圆形的图层样式,混合选项里,勾上“将内部效果混合成组”勾选掉,把剪贴图层混合成组。就ok了)



模式改为叠加,调整不透明度。



这样拉丝效果就出现了,也更加逼真点。



再画个圆形添加渐变叠加。



把拉丝图层拷贝出来,剪进去,透明度调低点,给它也添加拉丝效果。



再画一个圆形填充红色。



添加图层样式,投影,内阴影(参数可自己调整)。



 

拷贝拉丝图层剪辑进去。



再画一个圆形,填充淡红色,也添加拉丝效果,即有俩红色圆形。


再画个小圆形填充白色。



添加投影,内阴影。






画个白色小圆放在这个位置,来做支架。



添加渐变叠加和斜面浮雕。



画个白色小圆,添加一像素描边,




支架部分很简单,同学们试着去做下,全都是用形状工具做的。



搞定后最终效果:


14
举报
|
1
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
3D渐变流体抽象矢量UI背景图
拟物风质感写实UI卡片合集源文件
UI应用平面图标
高级感金属拟物 UI设计组件库
【新年UI图标】礼物/活动icon
智能家居中心 简约 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】钱包icon
我的钱包-UI界面设计-app
新能源APP应用UIKit
3D卡通UI界面图标可爱插画免扣素
抽象液态渐变UI背景模版
【新年UI图标】活动icon
UI通用设计素材1
【新年UI图标】汽车icon
Security Camera UI kit
【新年UI图标】旅行icon
科技医疗透明柜UI界面设计
UI界面 组件
【新年UI图标】会员icon
【新年UI图标】秒杀icon
高级表盘系列UI源文件
钱包ui模板
【新年UI图标】体育icon
你可能喜欢
大家都在看
登录注册