PS设计一款时尚的音乐播放器教程

所属栏目:PS其它设计 时间:2014-02-19 来源:网络 作者:不详 点击:


150017a28zro6r81zyhu8e 使用PS制作一款时尚的音乐播放器

150049polofbozijz4ifz8 使用PS制作一款时尚的音乐播放器

具体的制作步骤如下:

1,新建一个650×450 px的图层,分辨率为300,背景颜色为白色,颜色模式为RGB。

150146yd7pvpmmndrsd62r 使用PS制作一款时尚的音乐播放器

2、使用径向渐变填充背景,颜色设置为#5e6c78 ——#20282e

150146yteciij3e3ll5cui 使用PS制作一款时尚的音乐播放器

3、复制背景图层,之后进行滤镜-杂色-添加杂色,设置如下:数量:1%;选择单色。下降图片透明度到50%

3 使用PS制作一款时尚的音乐播放器

4 使用PS制作一款时尚的音乐播放器

5 使用PS制作一款时尚的音乐播放器


4、制作主界面,创建一个新图层,(按Ctrl + Shift + N)并命名为”主界面”,再使用圆角矩形工具,设置半径5px, 画出画面中一样的矩形,并使用这些混合选项。设置参数按照图片所示。颜色渐变参数为: #3d4a59;#1c2329;#303a44,描边颜色为#191919。

6 使用PS制作一款时尚的音乐播放器

【1】创建一个如下参数的矩形要记得设置半径5PX,【先找到圆角矩形,然后点击画布就弹出对话框了】

7 使用PS制作一款时尚的音乐播放器

【2】内阴影看清参数哦!参数不对到时候你就一塌糊涂了

8 使用PS制作一款时尚的音乐播放器

【3】设置渐变颜色,记得像我的那样你懂得!

9 使用PS制作一款时尚的音乐播放器

【4】然后再来个描边1PX.

10 使用PS制作一款时尚的音乐播放器

5、再次新建一个文档,宽高700 × 600px。 充填50%灰色。 然后,添加杂色,参数设置:80%;高斯分布,单色。 然后再选择滤镜模糊-径向模糊:旋转参数为100。 之后可以根据自己的感觉,在执行。【我一遍就好了】 【1】图层面板下面有一个黑白小图标【点击就可以填颜色了】

11 使用PS制作一款时尚的音乐播放器

【2】滤镜-添加杂色

12 使用PS制作一款时尚的音乐播放器

【3】滤镜-模糊-径向模糊【要最好】确定回到第一个文档。

13 使用PS制作一款时尚的音乐播放器

6、 按Ctrl 点击”主界面缩略图”图层,会出现选区,这是我们将刚才做好第二个文档拖进来,然后按Ctrl + Shift +I反选, 再按Ctrl+X键删除,更改混合模式为柔光,不透明度为30%。图层命名为 “主界面背景”.

14 使用PS制作一款时尚的音乐播放器


7,得到此效果:

15 使用PS制作一款时尚的音乐播放器

8、创建新图层。将它命名为”上下高光”,再用直线工具画两条线,分别放置在主界面图层的视频界面顶端和底部。 执行模糊-动感模糊 -这里参数你自己看好就行。你可以更改不透明度的参数来装修。

16 使用PS制作一款时尚的音乐播放器

9、再创建新图层。将它命名为”端头布景”。然后选择矩形工具,#3a3a3a填充它。然后在进入混合模式设置参数!

17 使用PS制作一款时尚的音乐播放器


【1】注意参数哦

18 使用PS制作一款时尚的音乐播放器


【2】点击小齿轮,找到艺术表面。

19 使用PS制作一款时尚的音乐播放器


【3】缩放设为15.完成后复制一个到另一端即可。

20 使用PS制作一款时尚的音乐播放器


10、创建一个新层,命名为”突出”,使用直线工具画一条短线,大概是主界面的一般即可,滤镜-模糊-动感模糊。 完成后复制一次到另一端。 然后创建一个新图层,命名为”影子”。使用椭圆工具,画一个椭圆,填黑色。模糊-高斯模糊,降低透明度50%既可以 使用选区工具将不要的删除 ,复制一个到另一端。大家可以适当的根据感觉调整。

21 使用PS制作一款时尚的音乐播放器


22 使用PS制作一款时尚的音乐播放器


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

23 使用PS制作一款时尚的音乐播放器


24 使用PS制作一款时尚的音乐播放器 25 使用PS制作一款时尚的音乐播放器 26 使用PS制作一款时尚的音乐播放器 27 使用PS制作一款时尚的音乐播放器


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

28 使用PS制作一款时尚的音乐播放器


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

29 使用PS制作一款时尚的音乐播放器


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

30 使用PS制作一款时尚的音乐播放器


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

31 使用PS制作一款时尚的音乐播放器


16、文字添加,大家可以根据自己的想法修改,而细节的处理,还是使用前面常用的方法,动感模糊添加细节高光。

32 使用PS制作一款时尚的音乐播放器


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

33 使用PS制作一款时尚的音乐播放器


34 使用PS制作一款时尚的音乐播放器

35 使用PS制作一款时尚的音乐播放器


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

36 使用PS制作一款时尚的音乐播放器


19、用1px铅笔画四条直线,【记住铅笔画直线要按shift】擦去直线的末端,注意透明度变化。看截图自己想象该怎么细致就怎么整。

37 使用PS制作一款时尚的音乐播放器


20、制作播放、暂停、停止、前进和后退按钮。用矩形和三角形工具简单的画出,在这个图层添加渐变叠加效果, 颜色分别为#b7d9ed-#458fb2-#b7d9ed。

38 使用PS制作一款时尚的音乐播放器


21、现在做最后四个按钮:重复、随机、播放单和均衡器。制作每一个按钮的步骤都差不多,用圆角工具画出大致形状,添加图层样式:投影-透明度26%,扩展100%,大小1;内阴影-模式选正常,颜色白色,透明度40%,角度90,距离1,阻塞100% ,大小0;渐变叠加-#3d4a59-#1c2329-#303a44。复制按钮并如图放置。

39 使用PS制作一款时尚的音乐播放器


22、现在添加文字。选择Arial字体,再进行图层样式处理:投影-透明度42%,角度90,距离1,大小0.渐变叠加- #4c5a69-#8495a7。

40 使用PS制作一款时尚的音乐播放器


23、最后就是音量控制了。用1px铅笔画出喇叭图标【选择放大镜工具,放大图层,再用铅笔去点,接着进行渐变处理, 颜色设置为#b7d9ed-#458fb2-#b7d9ed。 【这里告示大家一个秘密,你可将图层刚才播放键组里的那个混合效果直接拖到小喇叭上。 记住先按住alt然后找到播放键组后有【FX】拖到你想去的地方!

41 使用PS制作一款时尚的音乐播放器


24、用半径5px的圆角矩形工具画音量条,用渐变工具填充颜色,设置与进度条一致。 画10个小圆圈。激活的小圆用与喇叭一样的渐变填充,其他的填充简单的黑灰渐变。 再用铅笔工具进行一些细节处理,主要是高光处理。

42 使用PS制作一款时尚的音乐播放器


27、最后我们合并图层【背景除外啊】如果你想做个特效或是倒影什么的,那看你自己了。最后希望大家可以理解。 不明白的大家想我提问,有时间我就回复大家。 感谢你的阅读!

43 使用PS制作一款时尚的音乐播放器


请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

共有 0 条评论

给个评价吧

验证码: