实例3 圆角按钮
素材:\无
源文件:\实例3\圆角按钮.psd
包含知识
■ 矩形选框工具
■ 图层样式
■ 复制图层
■ 缩放效果命令
■ 收缩选区命令
重点难点
■ 缩放效果命令
■ 收缩选区命令
制作思路
绘制选区
制作圆角矩形
制作圆角按钮
最终效果
1 新建“圆角按钮.psd”文件。
2 设置前景色为灰色(R:192, G:192, B:192),按Alt+Delete组合键将“背景”图层填充为前景色。
3 单击“图层”面板下方的“创建新图层”按钮,新建“图层1”。在工具箱中选择矩形选框工具,在窗口中绘制矩形选区。
4 按D键复位前景色和背景色,按Alt+Delete组合键填充前景色,按Ctrl+D组合键取消选区。
1 单击“样式”面板右上方的按钮,在弹出的菜单中,分别选择“Web样式”和“按钮”命令,在打开的对话框中单击“追加”按钮。选择“样式”面板中新载入的“铆钉”样式,为“图层1”添加该样式效果。
2 在“图层”面板的“效果”栏处单击鼠标右键,在弹出的快捷菜单中选择“缩放效果”命令,打开对话框,设置缩放为40%,单击“确定”按钮。
3 选择矩形选框工具,在窗口中绘制矩形选区。
1 选择“选择-修改-平滑”命令,打开“平滑选区”对话框,设置取样半径为20像素,单击“确定”按钮。
2 新建“图层2”。按Alt+Delete组合键将选区填充为前景色。按Ctrl+D组合键取消选区。
3 选择“样式”面板中的“圆凹槽”样式,为“图层4”添加该样式。在“效果”栏处单击鼠标右键,在弹出的快捷菜单中选择“缩放效果”命令,在打开的对话框中设置缩放为25%,单击“确定”按钮。
1 按住Ctrl键不放,单击“图层2”前面的缩略图,载入“图层2”的外轮廓选区。
2 选择“选择-修改-收缩”命令,在打开的对话框中设置收缩量为5像素,单击“确定”按钮。
3 新建“图层3”,按Alt+Delete组合键将选区填充为前景色,按Ctrl+D组合键取消选区。
1 选择“样式”面板中的“蓝色胶体”样式,为“图层3”添加该样式效果。
2 同时选择“图层2”和“图层3”,拖动这两个图层到“图层”面板下方的“创建新图层”按钮上,复制生成“图层2副本”和“图层3副本”。
1 在工具箱中选择移动工具,将复制生成的新图形垂直移动到窗口下方。
2 双击“图层3副本”下效果栏中的“颜色叠加”效果,打开“图层样式”对话框,设置叠加颜色为红色(R:255, G:0, B:0),单击“确定”按钮。