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