当前位置 : IT培训网 > ui设计 > photoshop > Photoshop如何制作播放器

Photoshop如何制作播放器

时间:2016-11-02 16:59:05  来源:IT资讯网  作者:IT培训网  已有:名学员访问该课程
以前在网上看到过一个蓝色播放器的界面设计,外形就像磁带一样,于是就保存了下来,如果觉得不满意不要见怪呀!那么就带大家看一下用Photoshop怎么做这样的播放器

以前在网上看到过一个蓝色播放器的界面设计,外形就像磁带一样,于是就保存了下来,如果觉得不满意不要见怪呀!那么就带大家看一下用Photoshop怎么做这样的播放器

最终效果:

Photoshop如何制作播放器_www.itpxw.cn

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

Photoshop如何制作播放器_www.itpxw.cn

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

Photoshop如何制作播放器_www.itpxw.cn

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

Photoshop如何制作播放器_www.itpxw.cn

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

Photoshop如何制作播放器_www.itpxw.cn

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

Photoshop如何制作播放器_www.itpxw.cn

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

Photoshop如何制作播放器_www.itpxw.cn

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

Photoshop如何制作播放器_www.itpxw.cn

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

Photoshop如何制作播放器_www.itpxw.cn

Photoshop如何制作播放器_www.itpxw.cn

Photoshop如何制作播放器_www.itpxw.cn

大家都掌握了么,那么就勤加练习,这样才能进步的更快。

IT培训网依托中国互联网行业蓬勃发展优势,为中国的软件开发学习者和IT从业人员提供培训学校、编程学习、经验交流、咨询解答等服务,帮助更多喜爱编程的人员实现自己的IT梦想。

顶一下
(0)
0%
踩一下
(0)
0%

IT培训0元试听 每期开班座位有限.0元试听抢座开始! IT培训0元试听

  • 姓名 : *
  • 电话 : *
  • QQ : *
  • 留言 :
  • 验证码 : 看不清?点击更换请输入正确的验证码

在线咨询在线咨询

温馨提示 : 请保持手机畅通,咨询老师为您
提供专属一对一报名服务。

------分隔线----------------------------
------分隔线----------------------------

推荐内容