UI设计教程 手把手教你设计音乐播放器

木小姐

木小姐

2015-05-04 14:12

今天图老师小编要给大家介绍音乐播放器的UI设计教程,有无PS基础都可进来看看,说不定你一看就学会了。

新建一个600*600画布

来个白到灰的径向渐变

椭圆工具画个300*300的圆

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

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

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

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

给调整好的圆角矩形添加图层样式

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

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

接着添加斜面浮雕和投影

再画一个圆

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

投影,内阴影,斜面浮雕

调整后的效果

做光碟上的拉丝效果,新建图层,拉个圆形套索填充白色

滤镜添加杂色

滤镜径向模糊

剪辑蒙版

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

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

再画个圆形添加渐变叠加

把拉丝图层拷贝出来,剪进去,透明度调低点

再画一个圆形填充红色

添加图层样式,投影,内阴影

拷贝拉丝图层剪辑进去

再画一个圆形,填充淡红色,添加拉丝效果

再画个小圆形填充白色

添加投影,内阴影

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

添加渐变叠加和斜面浮雕

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/uisheji/)

支架部分很简单,全都是用形状工具做的

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/uisheji/)
展开更多 50%)
分享

猜你喜欢

UI设计教程 手把手教你设计音乐播放器

UI设计
UI设计教程 手把手教你设计音乐播放器

Photoshop教程:手把手教你绘制写实的音乐播放器图标

PS PS教程
Photoshop教程:手把手教你绘制写实的音乐播放器图标

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

PS教程!手把手教你绘制精致舒服的播放器图标

PS PS教程
PS教程!手把手教你绘制精致舒服的播放器图标

手把手教你搭建个人音乐播放网站

Web开发
手把手教你搭建个人音乐播放网站

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

40个音乐播放器UI界面设计欣赏

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
40个音乐播放器UI界面设计欣赏

iLABA 播放器界面UI设计欣赏

平面设计 标志设计 UI设计 VI设计
iLABA 播放器界面UI设计欣赏

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

UI设计教程 超详细的冰淇淋图标制作

UI设计教程 超详细的冰淇淋图标制作

网页设计每周精选(1)

网页设计每周精选(1)
下拉加载更多内容 ↓