Photoshop制作简单音乐播放器

Photoshop制作简单音Tulaoshi.Com乐播放器

教程的效果图制作的非常小巧，很适合用到一些可以播放音乐的网页中。制作方法也比较简单，播放器的每一个部件基本上都是用图层样式来表现立体及浮雕效果，只要注意好图形的层次关系，我们就可以分层来完成效果图。
最终效果

1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层，添加一个如下所示的渐变图层样式。
2、用圆角矩形工具（设置一个半径为20像素）创建一个该设备的主要元素，表现设备的形状图层（点击菜单上的第一选择）。

Photoshop制作简单音乐播放器(2)

Photoshop制作简单音乐播放器(3)

Photoshop制作简单音乐播放器(4)

10、利用锥与浮雕风格，我们在这条(m.tulaoshi.com)线的上部区域添加光效果。现在物品看上去像是从上面打光，下面变得更暗的挤压效果。

11、现在在这个图层上添加柔柔的，轻轻的内阴影效果，让播放器的前面更显突出。

12、通过复制和编辑前面的斜面层，我们创造更多的代表不同的控制按钮的斜面。

Photoshop制作简单音乐播放器(5)

14、像下面这样在步骤13中创建的形状中应用软3像素面具。

15、为了使面具隐藏对象和它的图层样式，在图层样式窗口单击选项图层蒙版隐藏效果。如果我们不选择此选项，这个面具只能隐藏形状，但是会把效果显示出来，而我们就是想要把它隐藏。

16、相同的面具也将用于其他斜面，我们可以从之前的图层屏蔽掉。用鼠标右键点击图层里面的遮罩层的图标，选择从选择减去层面膜。这将创建一个和以前相同的选择。

Photoshop制作简单(m.tulaoshi.com)音乐播放器(6)

18、我们已经有了设置主按钮的斜面。现在我们需要给播放器创建一个显示器：黑色亚克力屏幕，在那里可以显示歌曲名字和播放时间。

19、首先，我们使用阴影来创建一个光从上面射向底部的斜面。使用图片显示配置的风格，可以使图片显得锐利和清晰，而不是黑暗和模糊。

20、现在，我们需要建立一个径向渐变。把黑色和白色两种颜色尽量靠近中心附近，那样没有这么多两色的柔软性。黑色占49％，白色占50％。

Photoshop制作简单音乐播放器(7)

22、他出示您的镜面效果，使用两个类似于tulaoshi我们创建按钮那一步的斜面来做一个形状。使用一个一致行程内的黑色1像素中风。使用内部发光，2像素的大小设置为屏幕上的混合模式。

23、现在我们已经完成了我们的MP3播放器的前面。现在我们需要添加一些显示按钮和文本的图标。

24、现在，让我们在显示屏上模拟显示滚动文本。使用像素化的字体，我们需要添加将播放的翻译名称和歌曲名称。你可以使用这个免费的字体。记得把走样移出菜单上的文字工具窗口，以保持文本尖锐。

Photoshop制作简单音乐播放器(8)

26、使用通用的显示图标和音频或视频播放器符号的字体。你可以使用这一个。一旦它被安装用来创建播放器不同的按钮，在这种情况下，播放/暂停控制（随着播放器的发展，您将需要创建两个国家的按钮时，当按钮被按下时，播放按钮变成暂停按钮，反之亦然）。

27、对于这个符号，我们使用和前表面相同的颜色。用颜色选择工具，我们可以绘制图老师文本。

28、现在，我们可以包括各种不同的款式，让播放器外观看起来像浅浮雕标一样。使用内阴影下的相应值。

Photoshop制作简单音乐播放器(9)

30、使用柔软的宽度和坡度小的表面，让播放器看起来不是很枯燥。

31、现在创建音量控制按钮。画出一个小的金属表面抛光旋钮按钮。启动一个圆形图层。

32、tuLaoShi.com使用阴影效果，制作一个大挤压效果的错觉。

Photoshop制作简单音乐播放器(10)

 Tulaoshi.Com34、最后，添加一个渐变填充中风这将添加在斜面外围。按照图片中的步骤细心操作。

35、现在我们已经完成了音量控制按钮，但还想添加一个静音按钮。你可以使用层样式做到这一点。

36、用2个像素阴影软化圆形工具给播放器阴影处上色（见工具菜单上的价值）。