| ||||
简介：用PS中的矢量形状以及图层样式打造精致的音乐播放器组件�
界面设计一定要保持简约，保证原汁原味的内容，一眼即知的操作方式�
音乐组件
通过本文，你将学习到：如何使用PS图层样式添加流畅精致的质感；如何打造细腻的渐变，让组件看起来栩栩如生；如何设计交互性优秀的组件按钮�
教程中完成的组件是灰度图像，可以�这里下载源文�
效果图：
01.创建一个容�图层
圆角矩形，半�6px�
图层样式 渐变叠加 线� 90� �#F9F9FA（顶部）�#EFEFEF(底部），
添加白色的内阴影，距�2px
02.添加投影
给容�图层添加4px 黑色投影，距�1px，不透明�10%.
添加1px描边，填充类型为简便，从浅到深的渐变，顶部颜色�#C8C8C8，底部颜色自行调节�
03.划分出按钮栏
(A)，选择矩形路径。使用矩�工具画出如上�形状，记住要按住 shift，然后选择�形状区域相交�
04. 创建按钮形状
移除掉描边和投影，渐变叠加稍微柔和一点顶部设�#F0EFEF,底部设置�#F9FAFA，使用直�工具�
画一个条#DFDFDF的线横跨容器，再画两条垂直线，不透明度设置为6%�
05. 播放图标
自定�形状工具，画一个尖锐的三角形，填充�#BABABA。通过自由变换旋转90度�
设置黑色内阴影大�1px 距离1px，不透明�40%�
白色投影 距离1px
06. 快进图标
复制播放图标。使用自�变换，比例缩放为75%，然后使�路径选择工具选择路径。复制粘贴，然后按住shift，利用键盘的向右键再复制一个小三角型�
07. 倒回图标
使用直线工具，按住shift,为快进图标添�1px的垂直线�
|
|
|
| ||||||||||||||||
≡★ 免 责 声 明 ★≡
除本站原创外，本站所提供的所有教程均收集整理自网络，其版权归该教程直原始作者或原始出处所有！
除特别声明外，您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程；但是，不可以盗链本站的图片！
除特别声明外，在未经许可的情况下您不得将本站所提供的任何教�(包括资源)用于商业用途；
如果确有需要，请自行与该教程的原始所有权者（即：原始作者或出处）联系，本站不提供相关服务；否则，由此而引发的一切后果由您自负！
