制作网页按钮.pptVIP

第8章 制作网页按钮 1．文字为主的按钮 以文字为主的按钮，主要是用来完成一个明确的功能，例如链接到一个新的页面等。下面是一个使用文字按钮的示例，其显示效果如图所示。 第1页/共13页 第8章 制作网页按钮 2．图案为主的按钮 以图案为主的按钮较为生动活泼，但是使用得不好可能产生理解上的困难，无法达到预期的目的。下面是一个使用图案Logo的示例，其显示效果如图所示。 第2页/共13页 第8章 制作网页按钮 3．图文结合的按钮 使用图文结合的按钮中，一般使用文字来指示按钮的作用，使用图案作为美化和修饰。下面是一个使用图文结合按钮的示例，其显示效果如图所示。 第3页/共13页 8.1 制作文字为主的按钮 本实例中制作的按钮为发光的圆角背景上显示黑色文本的效果，具体制作过程包括制作背景图案、制作发光效果、制作按钮文字等几个步骤，其具体显示效果和相关内容如下所示。 第4页/共13页 8.1.1 新建文档并制作背景图案 制作背景图案，首先要使用“圆角矩形”工具制作背景图案，然后添加渐变叠加和描边的图层样式，具体操作如下所示。 第5页/共13页 8.1.2 制作发光效果 制作发光效果，首先要为图层添加蒙版，然后在图层蒙版中使用渐变颜色进行填充，具体操作如下所示。 第6页/共13页 8.1.3 制作按钮文字 制作按钮文字，首先添加文字内容，然后定义描边样式，具体操作如下所示。 第7页/共13页 8.2 制作图案为主的按钮 本实例中制作的按钮为黑色水晶效果的按钮，在按钮的中间显示白色的标志图案，具体的制作过程包括制作页面背景，制作圆形按钮的背景，制作圆形水晶效果，制作按钮中的图案等几个步骤。其具体显示效果和相关内容如下所示。 第8页/共13页 8.2.1 新建文档并制作背景 制作按钮背景，首先要定义渐变颜色，然后使用渐变颜色进行填充，具体操作如下所示。 第9页/共13页 8.2.2 制作圆形按钮的背景 制作圆形按钮的背景，首先要新建两个图层，然后在图层中制作圆形图案，最后为图层添加样式，具体操作如下所示。 第10页/共13页 8.2.3 制作圆形水晶效果 制作圆形水晶效果，首先要制作出椭圆区域，然后分别使用三个图层制作出水晶效果，具体操作如下所示。 第11页/共13页 8.2.4 制作按钮中的图案 制作按钮中的图案，首先要将选取的图案添加到文档中，然后为图案添加图层样式，具体操作如下所示。 第12页/共13页 8.3 专家总结 由于按钮部分是页面中的修饰内容，所以注意显示效果要醒目，但又不过于突出。在制作的时候，如果按钮的显示面积很小，最好使用对比度较大的鲜亮的颜色；反之如果使用较大的按钮，最好不要制作得过于突出，同时要注意按钮的位置和作用，如果按钮部分不能表达任何信息，最好使用辅助文本来说明。 第13页/共13页