ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

楼主: 伟~
收起左侧

[UI设计] 设计音乐播放器主题UI图标教程

[复制链接]
 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
制作小绿中间的黑色底层(这样可以反衬出上面的金属小圆点)绘制圆或者复制小绿删除图层样式改成黑色在添加图层样式就ok了。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
制作圆形金属球,添加一个灰色圆形(用形状工具做),复制一个改变颜色改成白色缩小成上部高光大小,在属性面板里面的蒙板,调整羽化值。(找不到可以在窗口中找到)



回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
下面的小反光可以新建个图层用画笔画下,添加模糊就好来。(这也是第二种画上面高光的方法这里用下面的反光说)

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
下面的部分就是小金属按钮了,其实和前面的小黑一个道理

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
下面是下面矩形的图层样式



回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
重点制作这个两面反向的支撑棒,形状工具绘制圆角矩形,填充关掉,添加描边(这里为了明显,我用的墨绿)

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
直接选择工具(小白)选择形状图层

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
选择右边不需要的部分删除

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
提示直接点是

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
在用小白选择下面锚点

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
cmd+t(自由变换右键水平翻转)





回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
在调整颜色添加斜面浮雕,让它有体积感,加投影。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
下面调整音量的部分和上面一样通过删除锚点(这里只是用椭圆画就好了)上面的金属调节器之间复制上面的用就行了。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层

设计音乐播放器主题UI图标教程

最终结果(我调整了下颜色,你可以感觉自己的喜爱调整,但是要记住上面所有图层样式给的效果该给滤色,正片叠底,要分清楚,给对了变什么颜色都不怕)

下次更新文章教大家做AE动效哦(上面图为GIF动图所以没有声音,MP4格式是有声音的)!
回复 支持 反对

使用道具 举报

发表于 2016-11-5 13:11:04 | 显示全部楼层
不错不错
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-4-19 14:50 , Processed in 0.046556 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表