第7章网页设计7.4.1网页按钮制作(723KB).pptVIP

7.4网页设计案例7.4.1 网页按钮制作 夸张的说，网页离不开按钮，几乎任何一个网页中，都能找到按钮第一步：新建一个文档，设置前景色为#797676，选择圆角矩形工具，在圆角矩形属性栏设置圆角矩形选项，选固定大小，宽180px*高45px,半径为10px,然后在画布中画圆角矩形形状，在图层面板中名称为形状1。 第二步：复制图层“形状1”，新图层为“形状1副本”，向上移动“形状1副本”5px。 第三步：在图层面板“形状1”图层双击鼠标左键打开图层样式，勾选颜色叠加，混合模式正常，颜色值为#0472c0,然后勾选投影，混合模式为正常，颜色为黑色，角度180度，距离1像素，扩展5%，大小5像素，杂色为0%。 第四步：图层“形状1副本”打开图层样式，勾选颜色渐变，混合模式正常，样式为线性，角度90度，点击渐变条打开渐变编辑器，增加色标定义渐变效果。 第五步：勾选内阴影，混合模式选择线性减淡（添加），不透明度25%，角度120度，距离1像素，阻塞和大小为0，勾选描边，大小1像素，颜色值为#078ec1。 第六步：选择直线工具，粗细为1像素，画一竖线，打开图层样式，勾选内阴影，混合模式为柔光。 第七步：选择椭圆工具，在按钮右边绘制一个圆形，打开图层样式，勾选渐变叠加，同第四步操作选择一个渐变效果，在按钮上打上文字，制作完成