使用Fireworks编辑网页图像.pptVIP

网页设计与制作 第一章 HTML语言基础 2 第二章 初识Dreamweaver 4 第三章 创建与应用表格 3 第四章 使用层和框架布局页面 3 第五章 CSS样式与模板的使用 3 第六章 行为、库和资源管理 3 第七章 建立动态网站 3 第八章 Flash动画基础知识 3 第九章 创建动画 3 第十章 使用Fireworks编辑网页图像 3 1 第十章 使用Fireworks编辑网页图像 一、 Fireworks工作环境 Fireworks MX 2019的工作界面由4部分组成：文件视图、功能面板、工具箱和属性面板。 1、工具栏 2、视图方式 1）原始视图 创建图形或对图像进行编辑操作 2）预览视图 可通过优化面板对图像进行优化操作 3）2幅视图 可以预览原图像与优化图像后的对比效果 第十章 使用Fireworks编辑网页图像 4）4幅视图 除了左上角的原图像外，可以单击选择任意一幅图像，在优化面板中设置不同的优化参数，然后从中选择一种显示效果好而文件大小又适宜网络传输的优化方案。 3、面板组 二、绘制图形 1、绘图工具 2、选择对象和像素（P364） 三、编辑图像 Fireworks可以进行两种图像模式的编辑操作，一种是对基于路径的矢量对象（简称对象模式）的操作，另一种是对基于像素的图形对象（简称图像模式）的操作。 第十章 使用Fireworks编辑网页图像 1、修饰图像（P365） 2、填充图像 通过属性窗口进行填充修饰 3、应用样式 样式主要用于图形及文字对样式的直接套用。 窗口/样式 第十章 使用Fireworks编辑网页图像 4、创建热点区域 1）使用热点工具 矩形热点 椭圆形热点 多边形热点 2）热点区域的创建和编辑 通过属性面板修改热点区域的参数 5、应用切片 切片就是将图形分割成一个个的小区域，在Internet上浏览信息时，将要加载的较大图片分割成小图片后，可实现图片的快速加载。 使用切片工具 第十章 使用Fireworks编辑网页图像 四、层与蒙版 1、层的基本操作 层把一个Fireworks文档分成不连续的平面，一个文档可以包含很多层，而每一个层又可以包含很多对象。在Fireworks中，层面板列出层以及每一层包含的对象。利用层面板不仅可以合并位图以及合并位图蒙版，还可以命名、隐藏、显示和改变层及对象的层叠顺序，利用层面板还可以添加和删除层。 示例：制作网页文字动画效果（P377） 2、蒙版的基本操作 蒙版能够隐藏或显示对象的某些部分，可以使用任何一种蒙版技术使对象具有创造性效果。 示例：制作蒙版遮罩效果（P379） 第十章 使用Fireworks编辑网页图像 五、制作与优化动画 在Fireworks中制作动画的一种方法是通过创建元件并不停地改变它们的属性来造成运动的错觉。一个元件就像是一个演员，其动作是由用户设计的。每个元件的动作储存在一个帧中。当按顺序播放所有帧时，就成了动画。 1、制作GIF动画 GIF动画是网页中常用的一种动画文件格式。它的体积小，利于网络传输。 GIF动画能够输出透明背景的图片，可以应用于各种颜色背景的网页。 2、优化与导出动画 文件/导出向导 示例：制作字体遮罩动画（P384）