新网页制作及应用（第二版） 潘明寒 电子教案 网页 二版 第3章.PPTVIP

3.1 Fireworks 8简介 1. Fireworks 8 的工作窗口  3.2 Fireworks 8的基本操作 3.4 矢量图操作 3.5 文本操作 3.6 创建GIF动画 * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 网页制作及应用 第三章 用Fireworks8 制作网页图形 本章学习目标 1. 使用各种Fireworks面板。 2. 用位图工具制作和编辑位图图形。 3. 用矢量工具制作和编辑矢量图形。 4. 制作简单的GIF动画。 Fireworks 8由Macromedia公司推出，是目前最优秀的Web图像的制作编辑软件，它将矢量图和位图编辑工具相结合，并能赋予图像动态特性。Fireworks 8的默认图像格式为PNG，还可以将文档另存为JPEG、GIF或其他格式的文件匹配的文档。 (1)工具箱：位于窗口左侧，分六大类：选择、位图、矢量、网页、颜色、视图。 (2)工作区：位于窗口中央，是窗口中区域最大的部分，显示和编辑图像在工作区中进行。 (3)状态栏：位于工作区下方，显示当前画布尺寸和显示比例，如果图像有多个帧，状态栏中还给出用来查看各帧的导航按钮。 (4)属性面板：位于状态栏下方，属性面板通常与工具箱一起使用。当选中工具箱的某个工具时，在属性面板中对该工具进行相应属性设置。 (5)面板组：位于工作区右边，面板是非常重要的辅助作图工具，按各自功能分成几组，每组有若干个面板。面板有“浮动”和“可停靠”特性，每个面板都可以拖出来成为独立的浮动面板，相反，把若干面板拖放在一起就成为组合面板。 1．创建画布 “文件”菜单→“新建”，出现“新建文档”对话框，在“画布大小”区域中有宽度、高度和分辨率三个选项。如图所示. 2. 辅助工具的使用 1．网格 “视图”菜单→“网格”→“显示网格”，设置网格的显示或隐藏。网格在画布上显示为由横线和竖线构成的网状体系，只在工作环境中可见，图像输出时不可见。利用网格可以给对象进行精确定位。 2．标尺 “视图”菜单→“标尺”，设置标尺的显示或隐藏。标尺用来测量、组织和计划作品的布局。Fireworks中的标尺以像素为单位。 3．辅助线 辅助线是从标尺拖到画布上的线条，帮助精确对齐目标。要显示辅助线首先要显示标尺，然后“视图”菜单→“辅助线”→“显示辅助线”，设置以后在水平标尺或垂直标尺上按住鼠标向文档视图中拖动，就可以产生一条辅助线。 3.3 位图操作 位图是由被称为像素的彩色小正方形组成的图形，这些小正方形就像马赛克中的瓷片那样拼合在一起形成图形。编辑位图图形时修改的是像素，而不是线条和曲线。位图图形与分辨率有关。照片、扫描的图像以及用绘画程序创建的图形都属于位图图形。 1.位图工具(如图所示) 工具箱中有的工具右下方带有黑色小三角，说明这是工具组，单击工具组后不松开鼠标，会显示所包含的工具。如图所示. 矢量图由称为矢量的线条和曲线描述图形，用算术方法生成。它的基本元素是节点和路径，一个路径至少有两个节点，节点上包含的控制点负责相邻路径的形状和长度。编辑矢量图形时，修改的是描述其形状的线条和曲线的属性。矢量图形与分辨率无关。 1.矢量绘图工具 (如图所示) 自由变形工具 (如右图所示) 1.文本的属性面板 (如图所示) 2.将文本附加于路径 (1)按下Shift键同时选取文本和路径 . (2) “文本”菜单→“附加到路径” . 效果如右图所示. 网页中看到的颜色简单动作也简单的横幅广告和卡通动画通常是GIF格式，用Fireworks 8可以制作这样的动画 。 动画原理与电影原理类似，由一系列静态图像（每幅称为一帧）合成，图像按顺序播放。为每个画面分配一个帧，按顺序播放所有帧就成了动画。 “关键帧”和“补间”是动画中常用术语，关键帧是画面发生重大变化的帧，补间是关键帧之间的过渡帧。补间由计算机生成，动画设计者仅需要制作关键帧。