Photoshop设计制作出一个黑色的炫酷按钮
![Photoshop制作一个黑色的炫酷按钮 三联](https://file.psd.cn/p/20220927/5lexhuhsxrd.jpg)
下面开始。
1.先在PS里建立一个1024*768PX的画布。用渐变工具填充一个#333333到纯黑色的径向渐变。
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/tjisis5ewij.jpg)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/zourn1upeoq.jpg)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/pniropf1joh.jpg)
4.把这个主按钮的图层复制一份。缩小。再平滑。填充更深色的灰。得到一个主按钮上的小按钮。基本上就是下图这样。
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/4wke2yjs5ab.jpg)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/junpi5vzckp.jpg)
5B5B5B 0%
CCCCCC 45%
2C2C2C 50%
949494 100%
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/qxlkqexdezp.jpg)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/wbrtanmynhn.jpg)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/p1mnlxegzlm.jpg)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/qwqylhwvmcz.png)
到目前为止。我们得到效果如下。
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/wh5gh3y2shv.png)
下面是我做的效果。
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/yuawfkhaxan.png)
好。选定小按钮图层。进行如下图层样式设置。
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/tmw0lo0woy5.png)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/wjoefowsifb.png)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/swwnzrtmlxg.png)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/zxndqebgnds.png)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/xjax21flb5u.png)
然后最这个ICON层也运用一些图层样式。比如投影啦。渐变叠加啦。斜面浮雕等等吧。具体设置我就略过了。大家自己来吧。下图是我所做的效果。
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/rhgnhxtyrgq.png)
我们在主按钮图层下面新建一层。画一个蓝色的圆形。大小和位置如下图所示。
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/pguvrnajixc.png)
接下来我们给蓝色圆这一层设置图层样式。
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/zsizvt4c24y.png)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/kuztcn2rlrp.png)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/3gn0wbke24y.png)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/p5hi3f4lgfn.png)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/l0r4eqqwewv.png)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/51gksjxje5k.png)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/eag2amy4r4i.png)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/uatajzvoyjx.png)
进行到这里。我发现背景层拉的渐变似乎看不见了。于是我在背景层上方新建了一层。画了一个灰色的圆上去。效果如下。
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/nxt3k05uqny.png)
![Photoshop制作一个黑色的炫酷按钮](https://file.psd.cn/p/20220927/jqnqhpohdz2.jpg)
-
教你用photoshop制作一个浅蓝色高光按钮
2022-10-09 7
-
Photoshop制作有阴影的水晶导航按钮
2022-10-09 8
-
如何用Photoshop制作一个蓝色的圆形水晶球按钮
2022-10-09 7
-
教你用Photoshop制作蓝色方形水晶按钮
2022-10-09 6
-
教你用Photoshop制作漂亮的蓝色透明玻璃按钮
2022-10-09 9
-
教你如何用Photoshop制作透明的玻璃质感按钮
2022-10-09 9
-
教你用PS简单制作蓝色圆形内有音符的水晶按钮
2022-10-09 7
-
PS绘制不同状态下的蓝色网页按钮
2022-10-09 6
-
photoshop中短信icon图标按钮制作教程
2022-10-09 4
-
Photoshop设计白色立体效果的开关按钮
2022-10-09 6
-
photoshop设计制作圆形纽扣式按钮
2022-10-09 7
-
Photoshop超酷现代战争按钮制作图文教程
2022-10-09 7
-
PS绘制一枚质感卡通游戏开始按钮
2022-10-09 9
-
用PS绘制扁平化长投影按钮
2022-10-09 2
-
photoshop利用图层样式制作清爽的播放器按钮
2022-10-09 5
-
photoshop绘制出超强质感蓝色按钮
2022-10-09 8
-
用Photoshop绘制红色复古质感按钮
2022-10-09 8
-
photoshop设计制作精致的黄色按钮
2022-10-09 6
-
Photoshop使用图形渐变及图层样式制作精致大气的绿色按钮
2022-10-09 7
-
Photoshop设计制作颓废风格的游戏按钮
2022-10-09 4
-
photoshop设计制作出高级会员升级橘黄色按钮
2022-10-09 7