photoshop网页设计: 圆形水晶按钮
- 2022-12-24 23:47:03
- 来源/作者：互联网/佚名
- 己被围观次
最终效果1、新建一 个600 * 600像素的文件，背景填充颜色：#056338，新建一个图层在画布的中心位置用椭圆选框工 具绘制一个正圆，填充颜色：#FAE4B3，效果如图1。图1 2、以 正圆的中心为参考点拉出两条垂直的参考线，用参考线中点为圆心，用椭圆选框工具按住Alt + Shift
最终效果
1、新建一 个600 * 600像素的文件，背景填充颜色：#056338，新建一个图层在画布的中心位置用椭圆选框工 具绘制一个正圆，填充颜色：#FAE4B3，效果如图1。
图1 2、以 正圆的中心为参考点拉出两条垂直的参考线，用参考线中点为圆心，用椭圆选框工具按住Alt + Shift画出图2所示的选区，按Delete删除，得到一个圆环。
图2
3 、双击图层调出圆环的图层样式，参数设置如图3-5，效果如图6。
图3
图4
图5
图6 4、在圆环的下面新建一个图层，用椭圆选框工具画出 图7所示的选区，然后选择渐变工具颜色设置如图8，拉出图9所示的渐变。
图7
图8
图9 5、新建一个图层，用椭圆选框工具拉一个比圆环稍小的正圆， 如图10，然后选择渐变工具，颜色设置如图11，绘制图12所示的径向渐变。
图7
图8
图9
1、新建一 个600 * 600像素的文件，背景填充颜色：#056338，新建一个图层在画布的中心位置用椭圆选框工 具绘制一个正圆，填充颜色：#FAE4B3，效果如图1。
图1 2、以 正圆的中心为参考点拉出两条垂直的参考线，用参考线中点为圆心，用椭圆选框工具按住Alt + Shift画出图2所示的选区，按Delete删除，得到一个圆环。
图2
3 、双击图层调出圆环的图层样式，参数设置如图3-5，效果如图6。
图3
图4
图5
图6 4、在圆环的下面新建一个图层，用椭圆选框工具画出 图7所示的选区，然后选择渐变工具颜色设置如图8，拉出图9所示的渐变。
图7
图8
图9 5、新建一个图层，用椭圆选框工具拉一个比圆环稍小的正圆， 如图10，然后选择渐变工具，颜色设置如图11，绘制图12所示的径向渐变。
图7
图8
图9
*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）
标签(TAG) 按钮图标
上一篇：ps设计小鸟UI图标教程
下一篇：简单的晶格化ICON教程
更多精彩内容
-
APP展示图，教你怎么用PS制作APP的界面图片 -
用ps制作大拇指胜利手势logo -
用ps制作金属质感徽章 -
用ps制作绿色环保Logo -
用ps制作放大缩小logo -
ps cs6设计火箭UI图标 -
教你用PS打造网页效果图全过程 -
进度条，设计一个彩色进度条