前言： 1.渐变背景 文件新建 ，尺寸为 800X600像素 ， 72分辨率 的文件在颜色面板，设置 前景色值#eceff6 ， 背景色值#bec1cc 图
1.渐变背景
文件>新建，尺寸为800X600像素，72分辨率的文件 在颜色面板，设置前景色值#eceff6，背景色值#bec1cc
图像>新建填充图层>渐变（确定）>下拉找到刚才设置的颜色>勾上(反向-仿色-与图层对齐)
2.创建和调整圆
用形状工具画3个圆，选择3个圆的图层，回到选择工具然后如下图点击红色部分对齐
3.样式 回到图层面板双击其中一个圆设置图层样式如下： ·斜面浮雕·内阴影·渐变叠加·外发光·阴影
窗口>样式>新建样式>确定
设置另外2个圆的只要点击保存的刚才保存的样式就可以了（如上图）。
4.创建真实阴影
复制一个圆，删除样式（拉到垃圾桶），CTRL+T缩小，填充颜色如下
滤镜>模糊>动感模糊
用矩形框选工具>删除多余部分，把图层放在圆的底层，透明度设置在25%-75%
5.斜面和浮雕
这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈，重复刚才的步骤，
其中斜面浮雕和阴影设置如下。
现在你明白了图层样式的应用了，然后往里面增加播放按钮或者你喜欢图形。（附PSD下载）
来源：wenjunliao
=========================关于起航学习网=========================
qh.itpxw.cn 起航学习网发布高质量ui设计教程和设计分享经验，希望打造一个最好的ui学习教程平台！
起航学习网：qh.itpxw.cn 海量APP截图，让你灵感爆发！
转载请注明：起航学习网 » Photoshop教程-Buttons UI（附PSD原文件)
文章出自：http://qh.itpxw.cn/peixun/ui/201613300.html
文章标题：Photoshop教程-Buttons UI（附PSD原文件)
免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉
