PS设计教程网欢迎你!

Photoshop中创建一个时髦音频播放器界面(3)

文章来源于 新勺网,感谢作者 KELA翻译 给我们带来经精彩的文章!
设计教程/PS教程/鼠绘教程2010-01-05
之后创建,最小化和最大化及关闭按钮。创建新层,命名为按钮。再使用圆角矩形工具,设置半径为2px,画一个小按钮,它填充白色。图层渐变的颜色为:#8799ab-#485664-#8799ab 描边颜色为#384251。 步骤 12 创建一个新

之后创建,最小化和最大化及关闭按钮。创建新层,命名为“按钮”。再使用圆角矩形工具,设置半径为2px,画一个小按钮,它填充白色。图层渐变的颜色为:#8799ab-#485664-#8799ab 描边颜色为#384251。

步骤 12

Photoshop中创建一个时髦音频播放器界面

创建一个新层,命名为“X”。为了让X更好看,你可以使用你喜欢的字体或用铅笔绘制工具,之后再添加一个渐变(暗灰色,浅灰色)和1px阴影得到这个效果。

步骤 13

Photoshop中创建一个时髦音频播放器界面

同样的方法创建另外两个按钮。

步骤 14

Photoshop中创建一个时髦音频播放器界面

创建新层,画一个像图片中的矩形,填充渐变颜色为#303a44—— #4a5968

步骤 15

Photoshop中创建一个时髦音频播放器界面

创建一个新层。将它命名为“光泽”。再绘制一个小矩形,填充白色透明度降低到10%。

步骤 16

Photoshop中创建一个时髦音频播放器界面

按照之前的方法绘制高光,透明度大家根据自己的感觉设置即可以。

步骤 17

Photoshop中创建一个时髦音频播放器界面

文字添加,大家可以根据自己的想法修改,我使用的字体是Digital-7,大家可以在DaFont下载到,而细节的处理,还是使用前面常用的方法,用铅笔工具画1px线条来添加细节高光。

步骤 18

Photoshop中创建一个时髦音频播放器界面

创建一个新层。将它命名为“进度条”。再使用圆角矩形工具,半径设置为5px,绘制一个细长的矩形,黑色填充并添加图层样式:渐变叠加颜色设置为#303a44-#1c2329;添加描边1px,颜色为#afbbc6,不透明度为16%。再创建一个新图层,命名为“进度条旋钮”。画出一个小矩形,并填充黑色。图层样式选项为:内阴影:混合模式正常,颜色-白色,距离0,大小1,渐变叠加:#5c6977 -#212a30 -#5c6977; 外描边:1px,颜色#222b31。

步骤 19

Photoshop中创建一个时髦音频播放器界面

接下来要制作好多按钮。创建一个新组,命名为“Buttons”。首先制作播放器基本按钮,如暂停键等。建一个新图层,命名“Button base”。用半径为5px的圆角矩形工具画出外框,然后描边(弧线可重复使用圆角工具完成)。选择图层样式-投影:角度90(使用全局光),距离1,大小0;再勾选内阴影:混合模式为正常,颜色白色,角度90(不使用全局光),距离1,大小0;选择渐变叠加:#4d5c6a-#1c2329-#303a43.

步骤 20

Photoshop中创建一个时髦音频播放器界面

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa