网页制作与设计教程（第二版） -杨长兴 第九章.pptVIP

第9章 Fireworks 4图形处理 使用Fireworks可以创建和编辑位图、矢 量图形和动画，还可以实现网页设计中常 见的交互效果，比如翻转图像，下拉菜单 等，设计完成以后，可以将它输为HTML 和JavaScript代码的网页文件，还能输出为 可以在Photoshop、Ilstrator和Flash等软件 中编辑的格式。 教学重点与难点 位图和矢量图 交互按钮的制作 图标的制作 9.1 Fireworks简介 一、操作界面 Fireworks4的整个界面里包括：菜单栏、 工具栏、工具箱、控制面板、文件窗口以 及活动窗口。 二、 工具箱 三、控制面板 1．笔触、填充、效果、信息面板 2．优化面板（Optimize）、对象面板 （Object）、行为面板（Behaviors） 3．混色面板(Mixer)、色彩样本面板 (Swatches)、面板(Table)、选项面板 4．层面板（Layers）、框架面板 （Frames）、历史面板（History） 5．样式面板（Styles）、库面板 （library）、超链接面板（URL） 四、文件窗口 Fireworks 的文件窗口是我们绘制和编 辑创作的地方，标题栏显示了文件的名字 和当前的显示放大率。 五、工具栏 主工具栏（main）、调整栏（modify）， 主工具栏主要用于打开、保存、复制、粘 贴和打印文件等。调整工具栏用于对工作 区的对象进行组合、放置、定方向和对齐 等功能。 六、工具箱矢量模式与位图模式 1．矢量图 矢量图使用线段和曲线描述图像，所以 称为矢量，同时图形也包含了色彩和位置 信息。 2．位图 位图使用称为像素的一格一格的小点来 描述图像。 9.2 Fireworks交互按钮的制作 一、文件的建立 二、制作过程 1．绘制一个矩形 2．转化为Symbols(符号) 3．编辑按钮 9.3 网站logon图标的制作 1. 新建 2. 调入标志 3. 粘贴标志 4. 标志的处理 5. 输入文字 6. 图层调整 * * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址：