Photoshop 超酷的金属质感播放器
新勺网 发布时间：2010-01-16 18:19:03 作者：KELA翻译 
我要评论
我要评论播放器的都是由一些细小的元素构成，而且每个元素又有水晶及金属质感，制作的时候需要细心。除了这些颜色的搭配也很重要，制作的每个元素都要融入到主体里面，这样整体效果就美观很多。
19、接下来要制作好多按钮。创建一个新组，命名为“Buttons”。首先制作播放器基本按钮，如暂停键等。建一个新图层，命名“Button base”。用半径为5px的圆角矩形工具画出外框，然后描边（弧线可重复使用圆角工具完成）。选择图层样式-投影：角度90（使用全局光），距离1，大小0；再勾选内阴影：混合模式为正常，颜色白色，角度90（不使用全局光），距离1，大小0；选择渐变叠加：#4d5c6a-#1c2329-#303a43.
20、用1px铅笔画四条直线，擦去直线的末端，注意透明度变化。看截图自己想象该怎么细致就怎么整。
21、制作播放、暂停、停止、前进和后退按钮。用矩形和三角形工具简单的画出，在这个图层添加渐变叠加效果，颜色分别为#b7d9ed-#458fb2-#b7d9ed。
22、现在做最后四个按钮：重复、随机、播放单和均衡器。制作每一个按钮的步骤都差不多，用圆角工具画出大致形状，添加图层样式：投影-透明度26%，扩展100%，大小1；内阴影-模式选正常，颜色白色，透明度40%，角度90，距离1，阻塞100%，大小0；渐变叠加-#3d4a59-#1c2329-#303a44。复制按钮并如图放置。
23、现在添加文字。选择Arial字体，再进行图层样式处理：投影-透明度42%，角度90，距离1，大小0.渐变叠加- #4c5a69-#8495a7。
24、再用铅笔工具进行一些细节处理，主要是高光处理。
25、最后就是音量控制了。用1px铅笔画出喇叭图标，接着进行渐变处理，颜色设置为#b7d9ed-#458fb2-#b7d9ed。
26、用半径5px的圆角矩形工具画音量条，用渐变工具填充颜色，设置与进度条一致。
27、画10个小圆圈。激活的小圆用与喇叭一样的渐变填充，其他的填充简单的黑灰渐变。
28、现在音频播放器的制作基本完成。合并所有图层（除了背景层），复制这个合并层进行2px高斯模糊，选择垂直翻转，再用橡皮擦轻轻擦去底部（注意画笔，不透明度和流量的使用）。这样一步一步地，漂亮的音频播放器在你的手中诞生了。
20、用1px铅笔画四条直线，擦去直线的末端，注意透明度变化。看截图自己想象该怎么细致就怎么整。 
21、制作播放、暂停、停止、前进和后退按钮。用矩形和三角形工具简单的画出，在这个图层添加渐变叠加效果，颜色分别为#b7d9ed-#458fb2-#b7d9ed。
22、现在做最后四个按钮：重复、随机、播放单和均衡器。制作每一个按钮的步骤都差不多，用圆角工具画出大致形状，添加图层样式：投影-透明度26%，扩展100%，大小1；内阴影-模式选正常，颜色白色，透明度40%，角度90，距离1，阻塞100%，大小0；渐变叠加-#3d4a59-#1c2329-#303a44。复制按钮并如图放置。
23、现在添加文字。选择Arial字体，再进行图层样式处理：投影-透明度42%，角度90，距离1，大小0.渐变叠加- #4c5a69-#8495a7。
24、再用铅笔工具进行一些细节处理，主要是高光处理。
25、最后就是音量控制了。用1px铅笔画出喇叭图标，接着进行渐变处理，颜色设置为#b7d9ed-#458fb2-#b7d9ed。 
26、用半径5px的圆角矩形工具画音量条，用渐变工具填充颜色，设置与进度条一致。
27、画10个小圆圈。激活的小圆用与喇叭一样的渐变填充，其他的填充简单的黑灰渐变。
28、现在音频播放器的制作基本完成。合并所有图层（除了背景层），复制这个合并层进行2px高斯模糊，选择垂直翻转，再用橡皮擦轻轻擦去底部（注意画笔，不透明度和流量的使用）。这样一步一步地，漂亮的音频播放器在你的手中诞生了。
相关文章
ps如何把一张长图切成几张小图片? ps把长图切成短图的技巧
有时候，我们希望能把一张图片均匀地分成几张图片，就像拼图一般的效果，需要某一部分随时可以拿出来使用，该怎么操作呢？详细请看下文介绍2024-09-10- PS调整字体大小是一个非常基础的操作，但也是非常实用的技能，在Photoshop中，调整字体大小的方式有多种，详细请看下文介绍2024-02-02
- 但最近有用户在使用photoshop时发现窗口界面的字体比较小，使用起来非常的不方便，因此有不少用户想将其大小进行调节，具体该如何操作呢？详细请看下文介绍2024-02-02
ps中图层被父图层锁定怎么办? 图层被父图层锁定的解锁技巧ps
ps中图层被父图层锁定怎么办？ps中图层解锁失败，提示图层被父图层锁定该怎么办呢？下面我们就来看看详细的解决办法2023-12-19ps描边最大只有288怎么办? Photoshop描边只能调到288像素的解决办法
ps描边最大只有288怎么办？ps描边在使用的过程中，发现只能调到288像素，该怎么操作呢？下面我们就来看看Photoshop描边只能调到288像素的解决办法2023-11-30PS工具栏中的工具有缺失怎么办? Photoshop工具栏不全的多种解决办法
PS工具栏中的工具有缺失怎么办？ps工具栏中有很多工具，但是发现有些工具不见了，该怎么办呢？下面我们就来看看Photoshop工具栏不全的多种解决办法2023-11-30
Photoshop2024怎么下载安装? ps2024安装图文教程
Photoshop2024怎么下载安装？ps2024发布以后，很多朋友想要尝试信工鞥，该怎么下载安装呢？下面我们就来看看ps2024安装图文教程2023-11-30ps此图层的内容不能直接编辑怎么办? ps图层无法编辑的解决办法
ps此图层的内容不能直接编辑怎么办？PS处理图片无法完成请求，提示此图层的内容不能直接编辑，该怎么办呢？详细请看下文介绍2023-10-26- Photoshop使用的过程中经常会遇到这种那种的问题，今天我们就来看看10个常见的Photoshop错误以及如何在五分钟内修复，详细请看下文介绍2023-10-23
ps的色彩平衡调节怎么弄 ps色彩平衡给图片调特定颜色的技巧
ps的色彩平衡调节怎么弄？ps中想要使用色彩平衡给图片添加颜色，该怎么操作呢？下面我们就来看看ps色彩平衡给图片调特定颜色的技巧2023-10-20
最新评论