Photoshop设计时尚质感的播放器图标

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

Photoshop设计时尚质感的播放器图标

1、在做这个图标之前,我首先翻箱倒柜去找了一个古董级MP3来参考一下。

Photoshop设计时尚质感的播放器图标

2、考了一下,我决定把一体的按键变成五个,科技感会强一些。在这里我画了一个草图。

Photoshop设计时尚质感的播放器图标

3、新建一个1000*600的文档,设置前景色为白色#ffffff,背景色为#cfcfcf,使用渐变工具,画一个白色到浅灰色的渐变,渐变跟我下图中的箭头差不多就行了。

Photoshop设计时尚质感的播放器图标

4、下面,我们给背景图层添加一点杂色,强化质感。执行“滤镜—杂色—添加杂色”,设置数量为1%,高斯分布,勾选单色。

Photoshop设计时尚质感的播放器图标

5、现在,我们开始构建图标的轮廓形状。使用椭圆工具,设置前景色为#cecece,画一个450*450像素的正圆。我把它命名为“外圆”。

Photoshop设计时尚质感的播放器图标

6、现在,我们为这个“外圆”添加一个图层样式

Photoshop设计时尚质感的播放器图标

7、接下来,还是用椭圆工具,画一个400*400像素的圆,我将其命名为“内圆”,颜色这里无所谓,等会我会用图层样式修改它的颜色。“内圆”图层的图层样式的设置请看下图。

Photoshop设计时尚质感的播放器图标

Photoshop设计时尚质感的播放器图标

Photoshop设计时尚质感的播放器图标

 收藏