Photoshop打造非常精致的红色水晶按钮
Linjiaboy 人气:0
最终效果
![](https://img.qb5200.com/download-x/20201019/46787.jpg)
1、制作之前先来拆分一下按钮,大致由一下几部分构成。
![](https://img.qb5200.com/download-x/20201019/46788.jpg)
2、新建大小适当的文档,新建一个图层,用椭圆选框工具拉一个正圆选区,填充黑色,如下图。
![](https://img.qb5200.com/download-x/20201019/46789.jpg)
3、给正圆添加图层样式,分别设置内阴影、斜面与浮雕、渐变叠加,参数及效果如下图。
![](https://img.qb5200.com/download-x/20201019/46790.jpg)
![](https://img.qb5200.com/download-x/20201019/46791.jpg)
![](https://img.qb5200.com/download-x/20201019/46792.jpg)
![](https://img.qb5200.com/download-x/20201019/46793.jpg)
4、接下来,我们开始做内圈,还是用椭圆工具画一个圆,比底盘稍微小一点。
![](https://img.qb5200.com/download-x/20201019/46794.jpg)
5、添加图层样式,设置投影、内阴影、斜面与浮雕、渐变叠加,参数及效果如下图。
![](https://img.qb5200.com/download-x/20201019/46795.jpg)
![](https://img.qb5200.com/download-x/20201019/46796.jpg)
![](https://img.qb5200.com/download-x/20201019/46797.jpg)
6、下面开始给内圆添加细节,这是最初效果的步骤:
新建图层“光点”,用画笔工具,用一个稍大的白色画笔,在内圆上点一下,改变图层样式为叠加模式,然后复制“光点”图层2次。注意:为了防止光溢出,使用内圆的选区做一个蒙版即可。
![](https://img.qb5200.com/download-x/20201019/46798.jpg)
7、继续添加光感:
新建图层“内圆”,用椭圆工具画一个圆,用肩膀工具填充,并设置图层混合模式为“叠加”,不透明度为:30%。
![](https://img.qb5200.com/download-x/20201019/46799.jpg)
8、添加阴影效果,如下图。
![](https://img.qb5200.com/download-x/20201019/46800.jpg)
9、再次丰富细节:添加环境光和泛光,如下图。
![](https://img.qb5200.com/download-x/20201019/46801.jpg)
10、用钢笔工具画一个圆形的路径,然后用字体工具点一下路径,在路径上打上需要的文字即可。
![](https://img.qb5200.com/download-x/20201019/46802.jpg)
11、最后新建图层,画个圆形,高斯模糊,放在图标底部作为投影。
![](https://img.qb5200.com/download-x/20201019/46803.jpg)
最后加上背景,完成最终效果。
![](https://img.qb5200.com/download-x/20201019/46787.jpg)
1、制作之前先来拆分一下按钮,大致由一下几部分构成。
![](https://img.qb5200.com/download-x/20201019/46788.jpg)
2、新建大小适当的文档,新建一个图层,用椭圆选框工具拉一个正圆选区,填充黑色,如下图。
![](https://img.qb5200.com/download-x/20201019/46789.jpg)
3、给正圆添加图层样式,分别设置内阴影、斜面与浮雕、渐变叠加,参数及效果如下图。
![](https://img.qb5200.com/download-x/20201019/46790.jpg)
![](https://img.qb5200.com/download-x/20201019/46791.jpg)
![](https://img.qb5200.com/download-x/20201019/46792.jpg)
![](https://img.qb5200.com/download-x/20201019/46793.jpg)
4、接下来,我们开始做内圈,还是用椭圆工具画一个圆,比底盘稍微小一点。
![](https://img.qb5200.com/download-x/20201019/46794.jpg)
5、添加图层样式,设置投影、内阴影、斜面与浮雕、渐变叠加,参数及效果如下图。
![](https://img.qb5200.com/download-x/20201019/46795.jpg)
![](https://img.qb5200.com/download-x/20201019/46796.jpg)
![](https://img.qb5200.com/download-x/20201019/46797.jpg)
6、下面开始给内圆添加细节,这是最初效果的步骤:
新建图层“光点”,用画笔工具,用一个稍大的白色画笔,在内圆上点一下,改变图层样式为叠加模式,然后复制“光点”图层2次。注意:为了防止光溢出,使用内圆的选区做一个蒙版即可。
![](https://img.qb5200.com/download-x/20201019/46798.jpg)
7、继续添加光感:
新建图层“内圆”,用椭圆工具画一个圆,用肩膀工具填充,并设置图层混合模式为“叠加”,不透明度为:30%。
![](https://img.qb5200.com/download-x/20201019/46799.jpg)
8、添加阴影效果,如下图。
![](https://img.qb5200.com/download-x/20201019/46800.jpg)
9、再次丰富细节:添加环境光和泛光,如下图。
![](https://img.qb5200.com/download-x/20201019/46801.jpg)
10、用钢笔工具画一个圆形的路径,然后用字体工具点一下路径,在路径上打上需要的文字即可。
![](https://img.qb5200.com/download-x/20201019/46802.jpg)
11、最后新建图层,画个圆形,高斯模糊,放在图标底部作为投影。
![](https://img.qb5200.com/download-x/20201019/46803.jpg)
最后加上背景,完成最终效果。
![](https://img.qb5200.com/download-x/20201019/46787.jpg)
加载全部内容