Photoshop教程:简单制作光感网页按钮
Photoshop教程:简单制作光感网页按钮
发布时间:2017-01-03 来源:查字典编辑
摘要:本教程介绍使用图层样式来制作水晶按钮,教程中用到的是矩形的按钮重点是学习简便色的使用和光感的调节。明白了做其他形状的按钮也就迎刃而解了!最终...

本教程介绍使用图层样式来制作水晶按钮,教程中用到的是矩形的按钮重点是学习简便色的使用和光感的调节。明白了做其他形状的按钮也就迎刃而解了!

最终效果

Photoshop教程:简单制作光感网页按钮1

1.新建一个500 * 300像素的文件,背景填充为白色,新建一个图层命名为“按钮”,用矩形选框工具画一个长条的矩形填充为黑色。

Photoshop教程:简单制作光感网页按钮2

2.双击“按钮”层,弹出图层样式对话框,选择渐变叠加参数设置如下图

Photoshop教程:简单制作光感网页按钮3

3.设置渐变颜色

Photoshop教程:简单制作光感网页按钮4

Photoshop教程:简单制作光感网页按钮5

4.继续添加图层样式选择外发光

Photoshop教程:简单制作光感网页按钮6

5.继续添加图层样式选择描边确定后完成最终效果。其它颜色的按钮只要设置渐变的色彩就可以了。

Photoshop教程:简单制作光感网页按钮7

Photoshop教程:简单制作光感网页按钮1

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