ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 6332|回复: 35
收起左侧

[网页图片] ps设计音乐播放器详细教程

[复制链接]
发表于 2014-2-16 00:48:02 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
      之前就有人做过这个教程但好多新手都看不明白,所以我在这里又重新整理一下希望新手可以完全看懂! 与原教程的思路有所不同希望你可以找到自己的灵感同时希望大家批评,但不要骂人啊
先看看效果:









具体的制作步骤如下:
提示:教程详细步骤在二楼,不用回复也能看到!
想下载该教程的可以回复获取下载网址:
游客,如果您要查看本帖隐藏内容请回复
教程编号:132705 作者:admin 出处:不详
 楼主| 发表于 2014-2-16 00:48:04 | 显示全部楼层

ps设计音乐播放器详细教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-2-16 00:48:05 | 显示全部楼层

ps设计音乐播放器详细教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-2-16 00:48:06 | 显示全部楼层

ps设计音乐播放器详细教程


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








        
回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-2-16 00:48:07 | 显示全部楼层

ps设计音乐播放器详细教程


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

回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-2-16 00:48:08 | 显示全部楼层

ps设计音乐播放器详细教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-2-16 00:48:09 | 显示全部楼层

ps设计音乐播放器详细教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-2-16 00:48:10 | 显示全部楼层

ps设计音乐播放器详细教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-2-16 00:48:11 | 显示全部楼层

ps设计音乐播放器详细教程


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

回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-2-16 00:48:12 | 显示全部楼层

ps设计音乐播放器详细教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-2-16 00:48:13 | 显示全部楼层

ps设计音乐播放器详细教程


【2】滤镜-添加杂色


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-2-16 00:48:14 | 显示全部楼层

ps设计音乐播放器详细教程


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


        
回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-2-16 00:48:15 | 显示全部楼层

ps设计音乐播放器详细教程


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

回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-2-16 00:48:16 | 显示全部楼层

ps设计音乐播放器详细教程


7,得到此效果:


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-2-16 00:48:17 | 显示全部楼层

ps设计音乐播放器详细教程


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

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-4-28 04:52 , Processed in 0.054596 second(s), 9 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表