欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-23 12:02:48
...

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

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

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

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

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

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

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

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

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

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

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

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