Fireworks的基本应用.ppt

第7章 Fireworks的基本应用 主要内容 是一款用于WEB图形图像处理的专业软件，它集图形描绘、编辑、处理、压缩、输出于一体。可以同时对矢量和位图进行编辑。 一、动画的基础知识 二、Fireworks 8基础 三、位图、矢量图和文本的操作 一、动画和图像的基础知识 1、位图图像：使用像素来定义的图像，每个像素都有一个特定的位置和颜色。 编辑位图图像时修改的是像素。 位图图像与分辨率有关，它包含固定数量的像素。 如果在屏幕上以较大的倍率显示，或以过低的分辨率打印，位图图像会出现锯齿边缘，而且会遗漏细节，降低图像的质量。 2、矢量图像：用包含颜色和位置属性的直线或曲线来描述图像属性的图像表示方法，也称向量图像。 矢量图像的颜色取决于图像轮廓曲线的颜色及其轮廓封闭的区域颜色，与轮廓内单独的点无关。 可以通过修改描述图像轮廓的直线或曲线来更改图像的性质，也可以移动、缩放、变形图像或者改变图像的颜色，这都不会降低图像的品质。 3、帧和关键帧 帧：动画中的计时单位，多一帧即多一段动画的播放时间 关键帧：动画表演过程中，内容和其它帧有很大不同的帧，表现为关键性的动作和内容变化 4、逐帧动画和关键帧动画（即GIF和Flash的区别） 逐帧动画每一帧都必需记录下来 关键帧动画仅记录关键帧的动画内容，其余由软件自动生成。 二、Fireworks 8基础 1、 Fireworks认知 2、工作界面 工作区 面板组（浮动面板） 属性面板 工具箱 Fireworks认知 Fireworks认知 Fireworks是世界上第一个针对网页而开发的专业图像设计软件。 Fireworks将矢量图像处理和位图图像处理合二为一，可以直接在矢量图像和位图图像间进行切换，避免了图像在多个应用程序之间来回迁移。 作为网页设计的图像处理软件，Fireworks能任意切图、生成鼠标翻转图像。 它还具有强大的动画和网络图像生成功能。 可以把绘制的图像通过更改导出设置优化图像格式，使之更适合网上或影视传输； 可以使用动画生成工具来制作动态图像及其链接； 可以导出为带有HTML或者JavaScript代码的图片及文件，其中的HTML或JavaScript代码能直接用于网页上。 1、工作界面 工具箱 有的工具按钮右下角有一个小三角 用鼠标按住工具组图标1秒后，其隐含的组员图标便会自动弹出，按住鼠标不放并向右拖动，选择需要的组员工具并释放鼠标，此工具成员图标便出现在工具箱中，替代了原来的工具组图标。 注意： 通过“窗口”菜单中的“工具”命令，可以打开或关闭工具箱 快捷键： Ctrl+F2 2、工作界面 面板组 1. 混色器面板 “窗口”|“颜色混合器” 2. 样本面板 显示样本色彩 3. 层面板 其功能为：组织文档的结构，并且包含用于创建、删除和操作层的选项。 2、工作界面—面板组 4．优化面板 对需要在Web页上发布的图像，作针对性的优化处理。 2、工作界面—面板组 5．信息面板 提供所选对象的尺寸和指针在画布上移动时的精确坐标。 6．查找面板 用于在一个或多个文档中查找和替换元素，如文本、URL、字体和颜色等。 7．帧面板 在GIF动画制作时用于动画帧的编辑。 动画中每一幅图像就是一帧，连续播放一帧一帧的画面，就产生了动画效果。 8．样式面板 向用户提供个性化的图案样式。 在对象的创建编辑过程中，可以将样式面板中提供的图案样式，直接应用到对象中。反之也可以将自己设计的样式，添加到样式面板中。 9．图库面板 其功能为：存放绘图过程中要使用的各种符号。其中包含符号的创建、编辑、删除等功能。 10．URL面板 其功能为：为对象设置链接目标。可以在URL面板的URL列表框中，为对象设置链接目标，也可以在文本输入框中输入链接目标地址，为对象设置链接目标。 二、Fireworks 8基础 2、基本操作 （1）新建文档 ctrl＋N （2）打开和导入文档 允许打开和导入的文档类型：可以导入和编辑JPG、GIF、PNG、PSD 和其它格式的文件 打开Adobe Photoshop文档 打开矢量图文档 在当前文档中导入图像和文本 从HTML文件创建Fireworks PNG文件 二、Fireworks MX 2004基础 （3）文档的基本操作 设置文档的属性 画布的调整 修改画布大小和颜色：修改—画布—…… 修改文档的图像大小：修改—画布—图像大小 根据文档内容调整画布大小：修改—画布（ctrl+alt+F） 旋转画布：修改—画布—…… 使用文档的布局工具 标尺：视图—标尺 （ctrl+alt+R） 网格：视图—网格 辅助线：视图—辅助线 （3）文档的基本操作 浏览和查看图片 使用文档选项卡显示多文档 使用视图模式管理工作区 缩放和移动图片:放大 ctrl+=