ps设计音乐播放器教程图片(ps设计音乐播放器教程下载)-东辰网

ps设计音乐播放器教程图片(ps设计音乐播放器教程下载)

本文主要介绍ps设计音乐播放器教程图片(ps设计音乐播放器教程)，下面跟着东辰网详细了解一下吧。

通过本教程，你将学习如何使用PS图层样式添加平滑精致的纹理；如何营造细腻的渐变让组件看起来栩栩如生；如何设计交互性好的组件按钮？在PS中用矢量形状和图层样式创建精致的音乐播放器组件。界面设计一定要保持简洁，保证原创内容，操作一目了然。

01.创建容器层

半径为6px的圆角矩形。图层样式渐变叠加线性90度从#f9fa到##EFEFEF)，添加白色内阴影，距离2px。

02.添加投影

给容器层添加4px黑色投影，距离1px，不透明度10%。添加1px笔画，填充类型简单，由浅入深的渐变，顶部颜色为#C8C8C8，底部颜色可自行调整。

03.划分按钮栏

复制层，选择路径选择工具)，并选择矩形路径。使用矩形工具画出如上图的形状，记得按住shift，然后选择与形状区域相交。

04.创建按钮形状

去掉笔画和投影，渐变叠加稍微柔和一些。顶部设置为#F0EFEF，底部设置为#F9FAFA。使用线条工具，用#DFDFDF在容器上画一条线，然后画两条垂直线。不透明度设置为6%。

05.播放图标

自定义形状工具，画一个尖尖的三角形，用#BABABA填充。通过自由变换旋转90度。设置黑色内阴影大小为1px，距离为1px，不透明度为40%。

白色投影距离1px

06.快进图标

复制播放图标。使用自由变换，缩放到75%，然后使用路径选择工具选择路径。复制粘贴，然后按住shift，用键盘右键复制一个小三角形。

07.倒带图标

使用线条工具，按住shift并在快进图标上添加一条1px的垂直线。按cmdh隐藏路径。选择移动工具，按住optcmd，然后按住键盘左键复制图层。然后cmdt，右键，垂直翻转。

08.添加文本

10.播放进度条

选择半径为100px的圆角矩形工具，在合适的位置画一个进度条。应该有很深的凹槽纹理，用较深的颜色填充。

11.进度条的图层样式

画带图层样式:白色投影，距离1px，黑色内阴影，距离1px，不透明度10%。渐变描边#8C8C8C到#DFDEDE。渐变叠加##CCCCCC到#E8E8E8

12.当前正在播放进度条

复制进度条层，使用直接选择工具选择三个最右边的锚点。按住shift的同时按住键盘的左键可以缩小进度条的右边缘。

13.当前播放进度条的图层样式。

复制一个图层的图层样式，然后粘贴到当前播放进度条的图层上，去掉图层样式中的投影选项。

14.进度球

选择椭圆工具，按住Shift，并绘制一个进度球。图层样式与当前进度条相同，从开始个容器图层复制而来。(不过这次保留投影)

小心调整

复制进度球图层，缩小到20%。图层样式可以从整个进度条图层中复制。然后，您可以适当地调整冲程。