ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 8672|回复: 31
收起左侧

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

[复制链接]
发表于 2016-11-5 12:52:05 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
教大家设计一个勃朗风格音乐icon图标,效果很好,而且运用了很多知识点,如渐变、图层样式、滤镜、直接选择工具等,对新手了解PS有很大的帮助,希望大家喜欢。

作者:带你离开 出处:站酷
 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
新建图层,矩形工具绘制矩形:加图层样式投影

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
复制图层,cmd+d(自由变换向上调整显示出厚度)


www.16xx8.com

回复 支持 反对

使用道具 举报

 楼主| 发表于 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 | 显示全部楼层
光源从左上方打出小黑圆右下方应该有反光作用要加上,这里用投影添加

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
复制小黑缩小调整成小绿删除原有样式添加新样式斜面浮雕给他个立体感

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-5 12:52:05 | 显示全部楼层
渐变叠加调整成绿色位置不用变化直接改你想要的颜色就好

回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-3-29 03:42 , Processed in 0.052160 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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