Photoshop绘制蓝色磁带音乐播放器UI设计
Photoshop绘制蓝色磁带音乐播放器UI设计-移动阅读二维码

在网上看到了这样一个蓝色播放器界面设计,他的形状像一个磁带的样子,很有趣就临摹了一下,效果不是很好还望见谅啊,这个教程呢还是用的分解发来展示做法的步骤的这样便于理解,也更加节省时间。
最终效果:

Photoshop绘制蓝色磁带音乐播放器UI设计

第一步:由于是临摹的还是将原来的作品展示一下,还有一个磁带在下图,我们将要做成的造型就是磁带的造型。

Photoshop绘制磁带外形的蓝色音乐播放器UI设计 02

第二步:绘制底板;用内阴影和描边来区分背景,(内阴影的发光这里用的是白色)然后适当的做点受光部分和背光部分的关系。

Photoshop绘制磁带外形的蓝色音乐播放器UI设计 03

第三步:上一步的绘制就已经有了点立体效果了。接下来就是绘制小部件的基本轮廓和大体位置了!

Photoshop绘制磁带外形的蓝色音乐播放器UI设计 04

第四步:给小部件做点浮雕效果,看上去有点凹陷的样子,然后做对象的控制按钮,和鼠标移上移开的两种状态。

Photoshop绘制磁带外形的蓝色音乐播放器UI设计 05

第五步:播放窗口的绘制:背景色、渐变光和纹理素材的叠加,以及还有两个齿轮。

Photoshop绘制磁带外形的蓝色音乐播放器UI设计 06

第六步:做出播放器正在播放的样式,我是做了这些元素,你们自己看着办吧。

Photoshop绘制磁带外形的蓝色音乐播放器UI设计 07

第七步:播放精度条和拖动控制按钮的绘制方法。

Photoshop绘制磁带外形的蓝色音乐播放器UI设计 08

第八步:音乐播放控制按钮的绘制,图层样式很简单,都列出来了只是做一个叠加就可以了,希望你们可以看懂。最后合理拼合就OK了!

Photoshop绘制磁带外形的蓝色音乐播放器UI设计 09
Photoshop绘制磁带外形的蓝色音乐播放器UI设计 10
Photoshop绘制磁带外形的蓝色音乐播放器UI设计 11
本文链接:http://www.mobileui.cn/photoshop-draw-tape-music-player.html
本文标签: , , , , ,