网页设计与制作 高等教育应用型本科计算机类课程规划教材 胡一波 教学课件 第5章 Fireworks基本操作.pptVIP

尚辅网 尚辅网 第五章 Fireworks基本操作 本章内容提要： 1.fireworks的工作界面 2.文字特效制作 3.样式面板的使用 4.基本图像绘制 5.编辑位图图像 6.图像的模糊、锐化和羽化 7.图层和蒙板 8.添加动态滤镜 9.热区 本章目标任务： 1.掌握fireworks的基本操作方法； 2.熟悉利用fireworks进行文字特效制作、绘图和图像处理的方法。 Fireworks 中最常用的文件类型 使用 Fireworks，您可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。 PNG，即可移植网络图形，是 Fireworks 的本身文件格式。PNG 是一种通用的网页图形格式，可支持多达 32 位的颜色，包含透明度或 alpha 通道，并且是连续的。 GIF，即图形交换格式，是一种很流行的网页图形格式，可用于卡通、徽标、包含透明区域的图形以及动画。GIF 中最多包含 256 种颜色。 JPEG，是由 Joint Photographic Experts Group（联合图像专家组）专门为照片或增强色图像开发的图像格式。JPEG 格式最适合于数字或扫描的照片、使用纹理的图像、具有渐变颜色过渡的图像和任何需要 256 种以上颜色的图像。 Fireworks的工作界面 样式面板的使用 通过创建样式，可以保存并重新应用一组预定义的填充、笔触、滤镜和文本属性。将样式应用于对象后，该对象即具备了该样式的特性。Fireworks 提供了许多预定义的样式。可以添加、更改和删除样式。还可将样式导出以便与其他 Fireworks 用户共享，或者从其它 Fireworks 文档导入样式。 输入文本的方法 1.单击工具面板上的文本工具。 2.在图片上需要添加文字的位置单击一下，就会出现一个文字插入框，供输入文本。若要输入分段符，请按 Enter 键。 3.需要编辑文字时，可使用指针工具或部分选定工具单击文本块，从而将其全部选中；或者选择文本工具，然后在文本框内拖动鼠标选中文本，然后在属性面板中进行设置格式。 【例5.1】使用样式面板制作特效文字 （1）执行“文件”→“新建”菜单命令，新建一个图片文件。 （2）单击工具面板上的【文本】工具按钮。 （3）在图片上需要添加文字的位置单击一下，就会出现一个文字插入框，此时输入文字“fireworks学习”。 （4）执行“窗口”→ “样式”菜单命令，打开样式面板，选择样式“style 56”。 （5）刚才输入的文字就变成如上图的效果了。而在属性面板中，该样式所对应的属性也被自动设置好了，如下图所示。 【例5.1】使用样式面板制作特效文字 重复步骤2-4，应用其他样式可以做出如图所示的更多文字效果。 基本图像绘制 Fireworks 有许多矢量对象绘制工具。使用这些工具可以通过逐点绘制来绘制基本形状、自由变形路径和复杂形状。 绘制直线、矩形或椭圆的方法： 从“工具”面板中选择“直线”工具、“矩形”工具或“椭圆”工具。 如果需要，在“属性”面板中设置笔触和填充属性。 在画布上拖动以绘制形状： 【例5.2】绘制五角星 （1）执行“文件”→“新建”菜单命令，在打开的“新建文档”对话框中，宽度和高度均设置为200像素，画布颜色设置为白色，点击确定。 （2）在“工具”面板上，按住“矩形”工具按钮，会弹出工具按钮，选择“多边形”工具。 （3）如图设置“属性”面板中的属性，将填充颜色设为绿色，形状设为“星形”，边设为“5”，角度设为“63”。 （4）在画布上按住鼠标并拖动，即可绘制星形。 （5）执行“编辑”→“克隆”菜单命令，克隆一个一样的星形。 【例5.2】绘制五角星 （6）执行“修改”→“变形”→“数值变形”菜单命令，打开“数值变形”对话框，将宽、高均设定为“50%”。 （7）在“属性”面板中，把填充色修改为白色。 （8）执行“效果”→“高斯模糊”菜单命令，在弹出的“高斯模糊”对话框中单击【确定】按钮。即完成如图所示效果。 使用 “铅笔”工具和“刷子”工具 若要用“铅笔”工具绘制对象，步骤如下： 选择“铅笔”工具。 在“属性”面板中设置工具选项： “消除锯齿”对您绘制的直线的边缘进行平滑处理。 “自动擦除”当“铅笔”工具在笔触颜色上单击时使用填充颜色。 “保持透明度”将“铅笔”工具限制为只能在现有像素中绘制，而不能在图形的透明区域中绘制。 拖动以进行绘制。按住 Shift 键并拖动可以将路径限制为水平、竖直或倾斜线。 若要用“刷子”工具绘制对象，步骤如下： 选择“刷子”工具。 在“属性”面板中设置笔触属性。 拖动以进行绘画。 选择位图区域 “选取框”工具在图像中选择一个矩形像素区域。 “椭圆选取框”工具在图像中选择一个椭圆