平面设计 
首页 > 平面设计 > 浏览文章

用photoshop将打造出一个黑色风格系网站按钮效果

(编辑:jimmy 日期: 2025/6/19 浏览:3 次 )

本教程学习如何用photoshop的圆角矩形工具和图层样式打造一款黑色风格的网站按钮,先看效果图。

用photoshop将打造出一个黑色风格系网站按钮效果

新建文档1200x800像素,背景白色,建新层,图层黑色,添加图层样式。

用photoshop将打造出一个黑色风格系网站按钮效果

效果如下。

用photoshop将打造出一个黑色风格系网站按钮效果

建新层,画一黑色圆角矩形。

用photoshop将打造出一个黑色风格系网站按钮效果

建新层,画一个小点的白色圆角矩形。

用photoshop将打造出一个黑色风格系网站按钮效果

添加蒙版黑白直线渐变,效果如下。

用photoshop将打造出一个黑色风格系网站按钮效果

建新层,画出下图所示白色形状。

用photoshop将打造出一个黑色风格系网站按钮效果

添加图层样式,效果如下。

用photoshop将打造出一个黑色风格系网站按钮效果

同样的方法。

用photoshop将打造出一个黑色风格系网站按钮效果

建新层,画出用钢笔左上角形状,填充白色,输入白色文字,添加渐变叠加样式,具体设置不截图了,很容易,相信大家的智慧。

用photoshop将打造出一个黑色风格系网站按钮效果

添加一个倒影,具体步骤参考本站按钮类教程,最终效果如下。

用photoshop将打造出一个黑色风格系网站按钮效果

上一篇:Photoshop打造质感的彩色金属按钮
下一篇:Photoshop制作精致的灰色圆形质感按钮
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。