实验4 按钮的制作
- 格式：doc
- 大小：793.81 KB
- 文档页数：6
实验四按钮的制作
1、制作如下按钮
步骤1：新建画布，命名为“***（姓名）——按钮”，宽度400px，高度300像素，背景白色。
步骤2：制作按钮外框
（1）新建图层，将其重命名为“按钮外框”
（2）用圆矩形工具画出按钮外框，宽度120px，高度50px，右击该图层，在快捷菜单中选择“混合选项”，进行图层的样式设置
（3）投影：混合模式为正片叠底，颜色为#000000，不透明度为20%，角度为90度，使用全局光，距离为2px，如下图所示：
（4）内阴影：混合模式为滤色，颜色为#ffffff，不透明度为30%，角度为-90度，距离、大小为2px，如下图所示：
（5）渐变叠加：混合模式为正常，样式为线性，角度为90度，颜色从#ffffff 到#bdbdbd，勾选反向，如下图所示：
（6）描边：结构大小为1px，不透明度为60%，填充类型为渐变，样式为线性，角度为90度，颜色从#000000到#3a3a3a，如下图所示：
步骤3：制作按钮上的文字
（1）新建图层，将其重命名为“确定文字”
（2）使用文字工具在按钮上输入文字“确定”，打开字符面板，将字体设为华文中宋，大小21px，字符间距260，颜色为#ffffff，字符边缘为犀利，如下图所示：
（3）右击文字图层，在快捷菜单中选择“混合选项”，进行图层的样式设置（4）内阴影：混合模式为颜色加深，颜色为#000000，不透明度33%，角度90度，距离2px，大小2px，如下图所示
（5）颜色叠加：混合模式为正常，颜色为#3f3e41，不透明度100%，如下图所示：
（6）投影：混合模式为滤色，颜色为#ffffff，不透明度为100%，角度90度，距离2px，如下图所示：
步骤4：选择菜单“图层”->“新建”->“组”，组名设置为“确定按钮”，将步骤2和步骤3创建的“按钮外框”图层和“确定文字”图层依次拖进组中，注意
“确定文字”图层应叠放在“按钮外框”图层上，图层面板如下所示：
步骤5：新建一个组，组名设置为“取消按钮”，在改组中再制作一个样式与确
定按钮相同的取消按钮。
步骤6：保存
2、制作如下按钮：
步骤1：在“***（姓名）——按钮”画布上制作，首先创建一个新组“同意按钮”，在该组下进行该按钮的制作
步骤2：制作按钮外框阴影
（1）新建图层，将其重命名为“外框阴影”
（2）用圆矩形工具画出按钮外框，宽度145px，高度54px，右击该图层，在快捷菜单中选择“混合选项”，进行图层的样式设置
（3）投影：混合模式为正片叠底，颜色为#000000，不透明度为15%，角度为90
度，使用全局光，距离为10px，大小为13px
步骤3：制作按钮外框
（1）新建图层，将其重命名为“按钮外框”
（2）用圆矩形工具画出按钮外框，宽度145px，高度54px，右击该图层，在快捷菜单中选择“混合选项”，进行图层的样式设置
（3）投影：混合模式为颜色加深，颜色为#000000，不透明度为100%，角度为90度，使用全局光，距离为1px，大小为6px
（4）内阴影：混合模式为颜色加深，颜色为#000000，不透明为20%，角度为90度，使用全局光，大小为10px
（5）斜面和浮雕：结构样式为内斜面，方法为平滑，深度为1%，方向向上，大小7px，阴影角度为90度，使用全局光，高度为30度，光泽等高线为线性，高光模式为叠加，颜色为#ffffff，不透明度为54%，阴影模式为颜色加深，颜色为#000000，不透明度为30%
（6）等高线：等高线为线性，范围为50%
（7）渐变叠加：混合模式为正常，不透明度为100%，渐变样式为线性，角度为90度，颜色从#cc7837到#f7a25f
步骤4：制作按钮上的文字
（1）新建图层，将其重命名为“同意文字”
（2）使用文字工具在按钮上输入文字“同意”，打开字符面板，将字体设为黑体，大小21px，字符间距0，颜色为#ffffff，字符边缘为锐利
（3）右击文字图层，在快捷菜单中选择“混合选项”，进行图层的样式设置（4）颜色叠加：混合模式为正常，颜色为#ffffff，不透明度100%
（5）投影：混合模式为正片叠加，颜色为#000000，不透明度20%，不勾选全局光，角度为-90度，距离为2px
步骤5：制作按钮上的图形钩
（1）新建图层，将其重命名为“钩”
（2）选择图形工具箱中的自定义形状工具，在工具栏形状中选择钩的形状，拖动鼠标在按钮上绘制出一个合适大小的钩
（3）右击图层钩，在快捷菜单中选择“混合选项”，进行图层的样式设置
（4）颜色叠加：混合模式为正常，颜色为#ffffff，不透明度为100%
（5）投影：混合模式为正片叠底，颜色为#ffffff，不透明度为20%，不使用全局光，角度为-90度，距离为2px
步骤6：保存
3、制作如下按钮
步骤1：在“***（姓名）——按钮”画布上制作，首先创建一个新组“登录按钮”，在该组下进行该按钮的制作
步骤2：接下来请灵活运用前面学习的知识，发挥自己的想象制作该按钮吧！
4、请将“***（姓名）——按钮.psd”文件上传。
