网页设计与制作——第9章.ppt

《网页设计与制作——第9章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第9章Fireworks8图像处理Fireworks8是一个完全为网页制作者设计的图像处理软件。它在绘图方面结合了位图以及矢量图处理的特点，不仅具备复杂的图像处理功能，能够自由地导入各种图像，并且还能轻松地把图像输出到Flash、Dreamweaver以及第三方的应用程序9.1Fireworks8工作界面9.2编辑区编辑区位于应用程序的中心，在编辑区中不仅可以绘制矢量图，也可以直接处理位图。在编辑区有四个选项卡，分别是“原始”、“预览”、“2幅”和“4幅”。9.3绘图工具Fireworks8的图像处

2、理工具主要都集中在“工具”面板上。Fireworks8的“工具”面板分成了多个区域，包括选择、位图、矢量、Web、颜色和视图等区域，每个区域都提供了实现不同功能的常用工具。本节主要介绍“工具”面板中涉及的常用绘图工具，有效利用这些工具可以绘制出各种图形，并可为其设置相应的属性，如颜色、大小、位置等。9.3.1“选择”区域1．“指针”工具2．“选择后方对象”工具3．“部分选定”工具4.“缩放”工具、“倾斜”工具和“扭曲”工具5．“裁剪”工具6．“导出区域”工具9.3.2“位图”区域1．“选取框”工具和

3、“椭圆选取框”工具2．“套索”工具和“多边形套索”工具3.“铅笔”工具4．“刷子”工具5．“橡皮擦”工具6．“橡皮图章”工具9.3.3“颜色”区域1．“滴管”工具2.“油漆桶”工具和“渐变”工具9.3.4“矢量”区域1.“直线”工具2.钢笔工具3．“矢量路径”工具和“重绘路径”工具4.绘图工具5.“自由变形”工具6．“更改区域形状”工具7.“路径洗刷”工具8.“刀子”工具9.4文本工具9.4.1文本的编辑1.输入文本2．编辑文本9.4.2文本与路径1．将文本附加到路径2．将文本转换为路径例9-1例9

4、-29.5蒙版的应用蒙版又称为遮罩，是一项很有用的图形处理方法，使用蒙版可以为各个对象制作出自己想要达到的光影明暗效果。可以轻易地把一张彩色的位图图片中的颜色改为同一色系的颜色，还可以在文字内部填充上不同的图案颜色。Fireworks中的蒙版分为矢量蒙版和位图蒙版。将矢量对象用作蒙版会产生矢量蒙版，将位图对象用作蒙版会产生位图蒙版。9.5.1创建矢量蒙版矢量蒙版也称为剪贴路径。矢量蒙版对象将下方的对象裁剪或剪贴为其路径的形状，从而产生不同的效果。创建矢量蒙版的前提是必须具有具有矢量对象，并至少有两层

5、不同的对象。例9-3例9-3-19.5.2创建位图蒙版位图蒙版创建方法和矢量蒙版完全相同，不同的是位图蒙版不是以外形来遮罩，而是根据蒙版的颜色来遮罩。位图蒙版还可以使用“层”面板来创建。例9-4例9-4-14．对象的排列同一层的不同对象在编辑区中是有上下的排列顺序的，对于对象的上下排列顺序，可以使用菜单栏中【修改】

6、【排列】下的相应命令进行调整5．对象的对齐6．对象相互结合路径的接合功能用于将多个路径合并成单个路径对象。可连接两个断开路径的端点以创建单个封闭路径，或者可结合多个路径来创建一个复合路径

7、9.6滤镜的应用Fireworks中的滤镜功能能够为文本或图像等对象添加特色效果，例如，调整图像色调，为对象添加阴影，以及设置对象的模糊效果等。在Fireworks中主要通过“属性”面板中的“滤镜”选项来实现，使用这种方法得到的滤镜效果是没有破坏性的，不会永久地改变像素，并且可以随时删除或者编辑。例9-59.7网页元素的应用网页中最常见的元素是图像元素、超链接与按钮。图像元素可以通过Fireworks中的切片得到，超链接（热点）与按钮既可以在Dreamweaver中创建，也可以在Fireworks中

8、创建。切片和热点是网页对象，即它们不是以图像的形式存在，而是一段HTML代码。可以通过“层”面板中的“网页层”查看、选择和重命名它们9.7.1切片工具1．创建切片2．显示或者隐藏切片9.7.2热点工具热点工具共有三种：“矩形热点”工具、“圆形热点”工具和“多边形热点”工具，它们分别创建矩形、圆形和任意多边形的热点。例9-6例9-79.7.3动画按钮按钮是网页中常用的元素，在Fireworks中创建具有交互行为的按钮非常简单，利用按钮编辑器就可以完成按钮的创建过程。将多个按钮组合起来，就可以构建导航栏

9、。所谓导航栏，是指一组分别指向不同链接地址的按钮，用于一系列具有相同级别的网页间进行跳转。例9-89.7.4弹出菜单弹出菜单主要用于导航栏中的栏目存在分栏的情况，当鼠标指针指向导航栏某个栏目的按钮或热点时，会出现相应的弹出菜单显示分栏目的内容；在弹出菜单中，单击相应的分栏目，即可链接到分栏目所在的页面。使用Fireworks8的弹出菜单编辑器，能自动生成网页中的弹出菜单效果。另外，在导入到Dreamweaver后，无须再手工修改代码，直接就能准确地进行定位。例9-99