分享

制作简洁音乐播放器图标的PS教程

 有夢就好zgm 2016-02-13

制作简洁音乐播放器图标的PS教程

来源:网络作者:网络时间:2015-3-10 20:28:14点击: 4979

播放图标很常见,不过要做好还是要下一定功夫的。首先要在造型上有一定的特色,最好多找一些实物图参考;然后画出线稿图,并作出分层图;再给图标上色,用图层样式等加上质感等即可。最终效果

制作简洁音乐播放器图标的PS教程

 

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

制作简洁音乐播放器图标的PS教程

 

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

制作简洁音乐播放器图标的PS教程

 

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

制作简洁音乐播放器图标的PS教程

 

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

制作简洁音乐播放器图标的PS教程

 

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

制作简洁音乐播放器图标的PS教程

 

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

制作简洁音乐播放器图标的PS教程

 

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

制作简洁音乐播放器图标的PS教程 

制作简洁音乐播放器图标的PS教程 

制作简洁音乐播放器图标的PS教程

 

八、接下来,我们画出中间的那个播放按纽,同样的,还是使用椭圆工具,画一个180*180像素的正圆,颜色还是无所谓,我们会使用图层样式来得到我们需要的颜色。图层样式设置如下。

制作简洁音乐播放器图标的PS教程 

制作简洁音乐播放器图标的PS教程 

制作简洁音乐播放器图标的PS教程 

制作简洁音乐播放器图标的PS教程 

 

九、当然,别忘了,到目前为止,要把所有的圆的形状都需要居中对齐一下,目前我们得到如下效果。

制作简洁音乐播放器图标的PS教程

 

十、用圆角矩形工具画一个130*75像素的圆角矩形,圆角的角度默认就行,圆角矩形的颜色也无所谓,一会我们用图层样式来更改它的颜色。圆角矩形的位置摆放无所谓,我们等会可以再调整。

制作简洁音乐播放器图标的PS教程

 

十一、选择圆角矩形图层,执行“编辑—变形”,将变形的模式设置为“扇形”,弯曲设置为“45度”,我们将得到如下的效果。

制作简洁音乐播放器图标的PS教程

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多