用photoshop将打造出一个黑色风格系网站按钮效果
用photoshop将打造出一个黑色风格系网站按钮效果
发布时间:2016-12-30 来源:查字典编辑
摘要:本教程学习如何用photoshop的圆角矩形工具和图层样式打造一款黑色风格的网站按钮,先看效果图。新建文档1200x800像素,背景白色,建...

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

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

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

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

效果如下。

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

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

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

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

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

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

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

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

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

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

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

同样的方法。

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

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

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

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

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类