制作网页按钮.pptx

文档介绍：第8章制作网页按钮

以文字为主的按钮,主要是用来完成一个明确的功能,例如链接到一个新的页面等。下面是一个使用文字按钮的示例,其显示效果如图所示。
第8章制作网页按钮

以图案为主的按钮较为生动活泼,但是使用得不好可能产生理解上的困难,无法达到预期的目的。下面是一个使用图案Logo的示例,其显示效果如图所示。
第8章制作网页按钮

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