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

.,第9章Fireworks8图像处理,Fireworks8是一个完全为网页制作者设计的图像处理软件。它在绘图方面结合了位图以及矢量图处理的特点，不仅具备复杂的图像处理功能，能够自由地导入各种图像，并且还能轻松地把图像输出到Flash、Dreamweaver以及第三方的应用程序,.,9.1Fireworks8工作界面,.,9.2编辑区,编辑区位于应用程序的中心，在编辑区中不仅可以绘制矢量图，也可以直接处理位图。在编辑区有四个选项卡，分别是“原始”、“预览”、“2幅”和“4幅”。,.,9.3绘图工具,Fireworks8的图像处理工具主要都集中在“工具”面板上。Fireworks8的“工具”面板分成了多个区域，包括选择、位图、矢量、Web、颜色和视图等区域，每个区域都提供了实现不同功能的常用工具。本节主要介绍“工具”面板中涉及的常用绘图工具，有效利用这些工具可以绘制出各种图形，并可为其设置相应的属性，如颜色、大小、位置等。,.,9.3.1“选择”区域,1“指针”工具2“选择后方对象”工具3“部分选定”工具4.“缩放”工具、“倾斜”工具和“扭曲”工具5“裁剪”工具6“导出区域”工具,.,.,9.3.2“位图”区域,1“选取框”工具和“椭圆选取框”工具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-2,.,9.5蒙版的应用,蒙版又称为遮罩，是一项很有用的图形处理方法，使用蒙版可以为各个对象制作出自己想要达到的光影明暗效果。可以轻易地把一张彩色的位图图片中的颜色改为同一色系的颜色，还可以在文字内部填充上不同的图案颜色。Fireworks中的蒙版分为矢量蒙版和位图蒙版。将矢量对象用作蒙版会产生矢量蒙版，将位图对象用作蒙版会产生位图蒙版。,.,9.5.1创建矢量蒙版,矢量蒙版也称为剪贴路径。矢量蒙版对象将下方的对象裁剪或剪贴为其路径的形状，从而产生不同的效果。创建矢量蒙版的前提是必须具有具有矢量对象，并至少有两层不同的对象。例9-3例9-3-1,.,9.5.2创建位图蒙版,位图蒙版创建方法和矢量蒙版完全相同，不同的是位图蒙版不是以外形来遮罩，而是根据蒙版的颜色来遮罩。位图蒙版还可以使用“层”面板来创建。例9-4例9-4-1,.,4对象的排列同一层的不同对象在编辑区中是有上下的排列顺序的，对于对象的上下排列顺序，可以使用菜单栏中【修改】|【排列】下的相应命令进行调整5对象的对齐6对象相互结合路径的接合功能用于将多个路径合并成单个路径对象。可连接两个断开路径的端点以创建单个封闭路径，或者可结合多个路径来创建一个复合路径,.,9.6滤镜的应用,Fireworks中的滤镜功能能够为文本或图像等对象添加特色效果，例如，调整图像色调，为对象添加阴影，以及设置对象的模糊效果等。在Fireworks中主要通过“属性”面板中的“滤镜”选项来实现，使用这种方法得到的滤镜效果是没有破坏性的，不会永久地改变像素，并且可以随时删除或者编辑。,.,例9-5,.,9.7网页元素的应用,网页中最常见的元素是图像元素、超链接与按钮。图像元素可以通过Fireworks中的切片得到，超链接（热点）与按钮既可以在Dreamweaver中创建，也可以在Fireworks中创建。切片和热点是网页对象，即它们不是以图像的形式存在，而是一段HTML代码。可以通过“层”面板中的“网页层”查看、选择和重命名它们,.,9.7.1切片工具,1创建切片2显示或者隐藏切片,.,9.7.2热点工具,热点工具共有三种：“矩形热点”工具、“圆形热点”工具和“多边形热点”工具，它们分别创建矩形、圆形和任意多边形的热点。例9-6例9-7,.,9.7.3动画按钮,按钮是网页中常用的元素，在Fireworks中创建具有交互行为的按钮非常简单，利用按钮编辑器就可以完成按钮的创建过程。将多个按钮组合起来，就可以构建导航栏。所谓导航栏，是指一组分别指向不同链接地址的按钮，用于一系列具有相同级别的网页间进行跳转。例9-8,.,9.7.4弹出菜单,弹出菜单主要用于导航栏中的栏目存在分栏的情况，当鼠标指针指向导航栏某个栏目的按钮或热点时，会出现相应的弹出菜单显示分栏目的内容；在弹出菜单中，单击相应的分栏目，即可链接到分栏目所在的页面。使用Fireworks8的弹出菜单编辑器，能自动生成网页中的弹出菜单效果。另外，在导入到Dreamweaver后，无须再手工修改代码，直接就能准确地进行定位。例9-9,.,9.8GIF动画,GIF动画是网页中常用的一种动画文件格式。它的体积较小，因而利于网络传输。使用GIF动画可以在不影响浏览速度的同时给网站带来很强的动感，使网页看起来非常活波。很多网站的Logo和广告条都是使用的GI