查看: 44|回复: 0

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

[复制链接]

3

主题

0

回帖

0

积分

积极分子

金币
0
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2011-9-1
发表于 2011-5-19 09:48:53 | 显示全部楼层 |阅读模式

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

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

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

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

效果如下。

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

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

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

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

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

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

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

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

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

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

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

同样的方法。

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

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

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

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

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

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部