《制作网页按钮》ppt课件

《《制作网页按钮》ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第8章制作网页按钮网页按钮在页面中一般起强调或者修饰作用。合适的按钮可以使页面更加生动丰富。网页按钮分为几种：一种是使用文本内容为主的按钮；一种是以图案内容为主的按钮；另外还有综合使用图案和文字的按钮。下面进行详细介绍。第8章制作网页按钮1．文字为主的按钮以文字为主的按钮，主要是用来完成一个明确的功能，例如链接到一个新的页面等。下面是一个使用文字按钮的示例，其显示效果如图所示。第8章制作网页按钮2．图案为主的按钮以图案为主的按钮较为生动活泼，但是使用得不好可能产生理解上的困难，无法达到预期的目的。下面是一个使用图案Logo的示例，其显示效果如

2、图所示。第8章制作网页按钮3．图文结合的按钮使用图文结合的按钮中，一般使用文字来指示按钮的作用，使用图案作为美化和修饰。下面是一个使用图文结合按钮的示例，其显示效果如图所示。8.1制作文字为主的按钮本实例中制作的按钮为发光的圆角背景上显示黑色文本的效果，具体制作过程包括制作背景图案、制作发光效果、制作按钮文字等几个步骤，其具体显示效果和相关内容如下所示。8.1.1新建文档并制作背景图案制作背景图案，首先要使用“圆角矩形”工具制作背景图案，然后添加渐变叠加和描边的图层样式，具体操作如下所示。8.1.2制作发光效果制作发光效果，首先要为图层添加蒙

3、版，然后在图层蒙版中使用渐变颜色进行填充，具体操作如下所示。8.1.3制作按钮文字制作按钮文字，首先添加文字内容，然后定义描边样式，具体操作如下所示。8.2制作图案为主的按钮本实例中制作的按钮为黑色水晶效果的按钮，在按钮的中间显示白色的标志图案，具体的制作过程包括制作页面背景，制作圆形按钮的背景，制作圆形水晶效果，制作按钮中的图案等几个步骤。其具体显示效果和相关内容如下所示。8.2.1新建文档并制作背景制作按钮背景，首先要定义渐变颜色，然后使用渐变颜色进行填充，具体操作如下所示。8.2.2制作圆形按钮的背景制作圆形按钮的背景，首先要新建两个图

4、层，然后在图层中制作圆形图案，最后为图层添加样式，具体操作如下所示。8.2.3制作圆形水晶效果制作圆形水晶效果，首先要制作出椭圆区域，然后分别使用三个图层制作出水晶效果，具体操作如下所示。8.2.4制作按钮中的图案制作按钮中的图案，首先要将选取的图案添加到文档中，然后为图案添加图层样式，具体操作如下所示。8.3专家总结由于按钮部分是页面中的修饰内容，所以注意显示效果要醒目，但又不过于突出。在制作的时候，如果按钮的显示面积很小，最好使用对比度较大的鲜亮的颜色；反之如果使用较大的按钮，最好不要制作得过于突出，同时要注意按钮的位置和作用，如果按钮部

5、分不能表达任何信息，最好使用辅助文本来说明。