3.1.6 开关按钮

3.1.6 开关按钮

滑块按钮用于滑动设置相应的选项，通常向左或向右滑动来设置两个不同的选项，与ON/OFF按钮效果相同。

设计思路

本实例制作的是滑块按钮。通过设计突出的滑块，吸引用户去点击滑动。向左或向右滑动后显示为颜色和文字变化，制作流程如图3‑101所示。

图3‑101 制作流程

08 复制一个图层，将复制的图层重命名为“滑块”，将其向上移动12像素，并清除图层样式，如图3‑111所示。

09 双击图层，在打开的对话框中选择“渐变叠加”选项，设置相关参数，如图3‑112所示。

图3‑111 复制并移动

图3‑112 添加“渐变叠加”图层样式

10 确定操作后的图像效果如图3‑113所示。复制一层，将复制的图层重命名为“滑块投影”。执行“滤镜”|“模糊”|“方框模糊”命令，如图3‑114所示。

图3‑113 图像效果

11 弹出提示对话框，单击“确定”按钮如图3‑115所示。

12 在弹出的对话框中设置相关参数如图3‑116所示。

图3‑115 单击“确定”按钮

图3‑114 执行“方框模糊”命令

图3‑116 设置相关参数

21

为文字图层添加的图层样式为“投影”，具体参数设置如图3‑74所示。使用“矩形工具”绘制矩形，并填充渐变色，如图3‑75所示。

图3‑74 “投影”图层样式参数设置

图3‑75 绘制矩形并填充渐变色

22 将图层重命名为“投影”，将图层向下移动几层，完成制作，如图3‑76所示。

图3‑76 完成制作