fireworks.ppt

1、通常计算机图形要么是矢量图形，要么是位图图像。在Macromedia FreeHand中创建的是矢量图形，而在Photoshop等软件中创建的是位图图形。 Fireworks模糊了二者的差别，在Fireworks中绘制的图形具有可编辑的矢量路径，而放大这个路径，又会显示出的像素的性质，虽然它可以在编辑时像矢量一样进行重画。在Fireworks中用钢笔工具可以绘制可编辑的位图图像，就像在FreeHand或Photoshop中绘制图形一样。,矢量图片的创建及特效,1运用绘图工具 Fireworks的绘图工具给我们提供了创建任何类型对象的手段，可用绘图工具来自由绘图或制直线和几何图形，还可以绘制路径

2、，并对其进行修改操作。 1.1 运用拖动方法绘制路径 运用拖动方法绘制路径的工具有：直线工具、椭圆工具、多边形工具 。 1.2 绘制任意路径 喷涂或绘制任意形状的路径时，可以使用铅笔工具和画笔工具，这样生成的路径是可编辑的，画笔工具可以绘制任意带有刷形描边的路径，而铅笔工具可绘制一个像素宽的描边路径。,1.3 由测绘点绘制任意路径 在Fireworks中，由测绘点来一小段一小段地生成路径的方法也是常用的，这些小段路径既可以是直线也可以是曲线，这时就要使用钢笔工具。 钢笔工具是用来逐点描画路径的工具。【钢笔】和【铅笔】不一样，在Fireworks中，使用铅笔工具时，鼠标一旦放开，再按下时，所画的

3、就是另一条路径了，但是钢笔工具却需要不断地放开再按下鼠标来工作。,2选择对象和编辑路径 用Fireworks中的绘图工具绘制矢量路径只是创建Web图形的第一步。绘出一条路径后，首先要细致地修整它的形状。这时可以通过调整路径上的关键点使路径变形，也可以推拉路径上的线段，或者重画两点之间的线段。 12.1 运用工具选择对象 要编辑一个对象，首先要选中它，矢量对象的选择工具包括箭头工具、选择被遮对象工具和直接选择工具。其中箭头工具、选择被遮对象工具又放在同一个工具组中。,2.2 编辑路径上的点来改变路径的形状 点是构成Fireworks路径对象的基本元素，在对象模式中，路径的最终效果是由点决定的。

4、点有曲点和角点之分，曲点指由这个点所连接的相邻两条线段是平滑过渡的曲线，而角点指由这个点连接的两条线段至少有一条是直线 。 2.3 运用工具使路径变形 下面来介绍一下直接使路径变形的工具：自由格式工具、更改区域形状工具、路径重画工具等。,3使用与编辑描边 在Fireworks中，描边效果的可选范围非常大，可以从非常细的铅笔变化到很粗的喷漆，甚至于像被泼出去的那种宽泛的效果。描边效果中材质纹理的加入更扩大了创作的领域。使用【描边】调板可以详细控制每种刷型的细微差别，包括：墨水的多少、大小和形状、描边、边缘效果、角度等。还有一些敏感参数可以调节压力敏感型笔的描边效果，还可以把这些设置保存起来，以便

5、以后应用。,4使用与编辑填充 编辑填充主要是对颜色的编辑。通过单色，图案，或者渐变特征色等编辑可以生成各种各样的效果 。,图10-20 填充面板,1编辑【实心】填充 2应用及编辑渐变填充 3使用及编辑图案填充 4向填充效果中加入纹理 5使用和编辑【网页抖动】填充 6设置填充边缘,5使用与编辑效果 单击【效果】调板上的第一栏下拉列表框，弹出效果类别选项： 无效果 使用默认值 颜色调整 倒角和浮雕 模糊 阴影和晕光 锐化 EyeCdny 4000 LE（插件） Alien Skin Splat LE 如图10-31所示为效果类别中的几种效果。,图10-31 Fireworks提供的几种效果,6使用

6、与编辑样式 样式是填充，描边，效果和文本属性等多种调板参数的综合。保存一种样式后可无限次地使用。,7 习题 1选择题 （1）按_键，再用该工具画两段不相连的路径，则两路径可以自动连接。 A. Shift B. Ctrl C.Alt D.Tab （2）以下哪个不属于直接使路径变形的工具？ A.自由格式工具 B. 更改区域形状工具 C. 直接选择工具 D. 路径重画工具 2填空题 （1）在Macromedia FreeHand中创建的是_图形，而在Photoshop等软件中创建的是_图形。 （2）使用_工具和_工具可以喷涂或绘制任意形状的路径。 3简答题 （1）什么是曲点和角点？ （2）如何编辑【

7、实心】填充？,Fireworks有许多可以在台式计算机的排版程序中使用的典型的文本属性。比如：通过调整字的大小、字体、字距、行间距、颜色等生成各种类型的文本，把Fireworks的文本编辑属性同广泛的描边、填充、效果风格相结合，就可以使文本成为个人主页中一个生动的组成部分。 Fireworks还提供了全面的格式化选项，在创建文本以后，它仍保留可被编辑的性能，另一个和文本有关的Fireworks选项是【查找和替换】，它不仅能查找文本而且还能寻找特殊的字体和颜色。,文本的创建及使用特效,1 创建文本 选择工具栏中的铅笔工具，然后在工作区内单击一下，选择【文本】|【编辑器】命令，打开【文本编辑器】面

8、板，在文本输入框输入需要的文本 。 1输入文本 2对已经输入的文本进行修改 3移动文本 4改变文本框的大小,2 编辑文本 对于文本的编辑可以通过【文本编辑器】来设置，可通过查找和替换来修改文本，并且运用纹理，文本及路径组合可以制作出一个出人意料的图形效果。 2.1 通过【文本编辑器】编辑文本 对文本的编辑主要通过在【文本编辑器】中对文本的字体、字号、字距、颜色等进行个修改。,2.2运用查找和替换修改文本 Fireworks具有查找和替换功能，它的用处仅仅改变文本内容，适用范围从一个特定的选区到整个文档。 如果你想查找某个文本并替换它，选择【窗口】|【查找和替换】命令，打开【查找和替换】对话框，

9、单击第一个下拉列表框中的选项来确定查找范围，单击第二个下拉列表框选择【查找文本】选项，并在【查找】文本框输入要查找的文本。如果要替换查找到的文本，可以在【更改为】文本框中输入要替换成的文本。如图11-11所示。,图11-11 【查找和替换】对话框,2.3编辑文本路径和文本变形 1将文本粘贴到路径上 在Fireworks中文本是矢量图形而不是位图，我们可以把文本和路径结合起来使用，从而产生非凡的效果。 用于把选中的文本粘贴到选中的路径上，当把文本粘贴到路径上后，路径的描边属性会消失。但文本属性没有消失，还可以编辑文本。当文本与路径分离时路径会重新获取原来的描边、填充和效果等属性 。,3 导入文本

10、 文本的导入有以下几种方式： 从其他文档中拖拽过来。 从源文档中复制并粘贴到当前的文档中。 在Fireworks中也可以导入以下格式的纯文本文件： RTF（Rich Text Format） ASCII（普通文本）,4 文本的制作实例,图11-16 文本的制作实例,5 习题 1选择题 （1）对文本边沿进行光滑处理时，以下不属于防锯齿下拉列表中选项的是？ A. 不消除锯齿 B. 脆边防锯齿 C.坚边防锯齿 D.扩边防锯齿 （2）字符行间距的系统默认值为_。 A 20% B 40% C 80% D 100% 2填空题 （1）在【文本编辑器】中可以设置文本的风格为_。 （2）能查找文本而且还能寻找特

11、殊的字体和颜色的Fireworks选项是_。 3简答题 （1）如何输入文本？ （2）文本的导入有哪几种方式？,Fireworks是一个善于制作艺术性效果的位图编辑软件，可与Freehand等矢量图像绘制软件融洽地结合，在Fireworks中，既可以绘制具有任意特点的矢量图，也可以对位图图像进行处理。 1 导入与选择图像 通过导入命令将一些位图图像导入Fireworks中，再通过绘图工具拦中的选择工具对其进行选择，并对选中部分进行编辑； 1.1 导入图像 Fireworks可导入的图像的文件格式有JSF，FH，FT，JPG，PNG，BMP等 。,图像的处理及优化,1.2 运用绘图工具栏中的工具选

12、择图像区域 在图像编辑模式中进行选择时，拖拽出一个图像选择区域，用户可以将选择区域移动到自己需要的位置，然后再对选择区域中的图像进行编辑： 在绘图工具栏中有五种选择区域工具，它们是：矩形选择工具、椭圆选择工具、套索工具、多边形套索工具和魔术棒工具。这五种工具都用于对浮动的图像进行操作。,1.3 调整选择框 在位图编辑模式中用选择框或者套索工具选中一定的图像区域后，选择框仍然是可以更改的，可以向选择范围内增加或者删除图像，也可以把选择框当成一个对象，可设定选择框扩展或者压缩选择区域，选择框边缘的光滑程度以及在选择框外附加另外的区域等。,2 编辑图像 对于选择图像区域，可以使用橡皮擦工具、裁剪工具

13、、油漆捅工具、橡皮图章工具等进行编辑，还可用菜单命令羽化图像边缘等。 2.1 运用油漆桶工具编辑图像 在图像编辑模式中，油漆桶工具可以把选中的颜色更改为填充颜色列表中的颜色。,2.2运用横皮图章工具编辑图像 使用橡皮图章工具可以复制位图图像的某个区域，选择绘图工具栏中的橡皮图章工具，选择要复制的图形，这时，在该图形上有一个圆环，即源点，按住鼠标左镀不放在页面上涂抹可以将刚选择的图形复制出来。 运用橡皮图章工具可以将草稿中满意的图像复制到新文件中，从而节约了重建图像的时间。 橡皮图章工具只用于图像编辑模式。 2.3运用橡皮擦工具擦除图像 橡皮擦工具可以使用某种颜色（背景色）覆盖图像，以达到摈除多

14、余图像或颜色的作用使用橡皮镜工具之前，要在对象模式下选中一个位图图像。,2.4运用裁剪工具裁剪图像 裁剪工具可以用来裁剪或增加画布区域，单击此工具后，用鼠标左键拖动，在图像中画出一个矩形区域；双击之后，就会出现裁剪效果。 用裁剪工具在图像中拖出一个裁剪的矩形框时，可以通过矩形边框的8个控制点来放大缩小或者移动裁剪矩形。,2.5 运用菜单命令羽化图像 羽化图像并不是模糊选择区域图像，而是只模糊选择框的边缘。这对于在图片中编辑某对象非常有用。羽化可以产生一种边缘与背景相混的效果，使被分开的边缘不至于突然变化，在图像编辑模式中使用【选择】|【羽化】命令来模糊选中对象的边界。对于任何一个矢量图形，都可

15、以通过属性面板的刷型来设置羽化效果。对于位图图像，可以在图像中选择一定的区域，然后再借助于【羽化】命令对该对象应用羽化效果。【羽化】命令常用来产生一些非常美丽的朦胧效果,3 运用图层 凡是使用过Windows操作系统的【画笔】程序的用户，都有这样的切身体会：由于某种原因产生的失误，将使整个绘图工作被迫中止。如何克服上述弊端呢？下面通过实例来介绍一下Fireworks中图层的创建及应用。,4 优化图像 网页图像设计的最终目标是获得效果动人、下载迅速的图像。这就要求图片中的颜色数目要尽量少，要有一个对图像来说最合适的压缩格式，要尽可能地保持图像原来的质量，寻求这三者之间的平衡就是对图片进行优化找出

16、合适的颜色最大值、压缩比和质量。 Fireworks优化图像的操作步骤如下： （1）选择最好的图像格式 。 （2）设置格式的具体选项 。 （3）调整图像的颜色 。,5 习题 1选择题 （1）已存在的选择框中添加图像区域应该按哪个键？ A. Tab B. Ctrl C. Alt D. Shift （2）优化Fireworks图像时不可选的是以下哪个？ A.JPEG B.BMP C.GIF D.PSD 2填空题 （1）Fireworks可导入的图像的文件格式有_。 （2）绘图工具栏中的五种选择区域工具是_。 3简答题 （1）矩形选择工具的属性面板中【样式】下拉列表框可选择的类型有？ （2）如何导入

17、图像？,Fireworks为图片的颜色提供了较宽的选择范围。但一般使用默认的颜色样本，这样可以在不同的浏览器和计算机平台上保持图片的最初效果，也可以使用Windows或者Macintosh的系统颜色样本或者自定义颜色以及颜色样本组，并从中增删任何颜色。 动画为Web站点加入了无限活力，使用Fireworks可以生成变幻多姿的动画文件，如标语、标志和卡通片等等。动画其实是由快速且连续出现的一系列静止图像构成的。它给人一种动态的视觉效果。在Fireworks里创建动画，要把每个画面放入单独的帧里面。动画的所有画面都要被导入动画文件里，Fireworks还能打开和编辑已有的动画文件。,网页的颜色管理

18、及动画制作,1 颜色选择 在创建图形时，如果要选择新的颜色，可以选择【窗口】|【颜色混合器】命令，打开【颜色混合器】面板，该面板包括了绘图时可以用到的各种颜色，如图13-1所示。,图13-1 【颜色混合器】面板,2 自定义【颜色混合器】面板 在处理图片时，有时需要向【颜色混合器】面板中增加、替换或者删除颜色样本。 3 创建颜色 Fireworks提供的颜色是有限的，有时需要用到一些独特的颜色。这就需要自己在【颜色混合器】面板中创建颜色。 在该面板中可以设置各个颜色值来得到某个描边及填充色，工具箱中油漆桶的颜色变化与【颜色混合器】面板中的颜色改变是同步的。,4 制作动画 运用Fireworks可以制作出简单的动画，如：从画布的一端移动到另一端、淡入及淡出、变大变小等效果。 下面将通过制作动画实例来介绍Fireworks中的各种部件在动画制作方面的使用方法。 4.1 运用菜单命令制作动画 现在运用Fireworks动画制作中的菜单命令来设置一组文字的淡入淡出和旋转的动画效果。 4.2 一帧一帧制作动画 下面通过一帧一