第8章制作页按钮_第1页
第8章制作页按钮_第2页
第8章制作页按钮_第3页
第8章制作页按钮_第4页
第8章制作页按钮_第5页
已阅读5页，还剩9页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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

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

3、按钮文字l制作按钮文字，首先添加文字内容，然后定义描边样式，具体操作如下所示。8.2 制作图案为主的按钮l本实例中制作的按钮为黑色水晶效果的按钮，在按钮的中间显示白色的标志图案，具体的制作过程包括制作页面背景，制作圆形按钮的背景，制作圆形水晶效果，制作按钮中的图案等几个步骤。其具体显示效果和相关内容如下所示。8.2.1 新建文档并制作背景l制作按钮背景，首先要定义渐变颜色，然后使用渐变颜色进行填充，具体操作如下所示。8.2.2 制作圆形按钮的背景l制作圆形按钮的背景，首先要新建两个图层，然后在图层中制作圆形图案，最后为图层添加样式，具体操作如下所示。8.2.3 制作圆形水晶效果l制作圆形水晶效果，首先要制作出椭圆区域，然后分别使用三个图层制作出水晶效果，具体操作如下所示。8.2.4 制作按钮中的图案l制作按钮中的图案，首先要将选取的图案添加到文档中，然后为图案添加图层样式，具体操作如下所示。8.3 专家总结l由于按钮部分是页面中的修饰内容，所以注意显示效果要醒目，但又不过于突出。在制作的时候，如果按钮的显示面积很小，最好使用对比度较大的鲜亮的颜色；反之如果使用较大

人人文库> 全部分类> 行业资料 > 农林牧渔

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论