fireworks课件教案第4章文本处理
fireworks教案课件第四章文字的使用
第四章 文 字 的 使 用
4.1 文本对象
4.1.1 输入/导入文本 输入文本的操作如下： 打开Fireworks编辑器，新建一个画布。选择文本输入工具。 在文本起始处单击左键，此时弹出一个小文本框，或者拖动鼠标绘制
一个宽度固定的文本框。 在其中输入字符串。 单击文本框外的任何地方，或在工文本附加到路径 文本附加到路径后仍保留了可编辑性。使用文本工具双击文本即可在属
性设置面板上设置文本属性。此外，在Fireworks 8中还可以编辑路径 的形状。在编辑路径上的点时，文本将自动沿着路径排列。 4.2.2 文本与路径分离 选中附加到路径的文本，选择【文本】/【从路径分离】命令，即可将 文本与路径分离。分离后的路径将恢复原来的属性。 4.2.3 将文本转换为路径 选中文本，执行【文本】/【转换为路径】命令，即可将文本转换为路 径。转化为路径的文本只能作为路径编辑。可以将已转换的文本作为一 组进行编辑，或者单独编辑已转换的字符。例如编辑路径点、整形等。
复制那些字符，并粘贴至Fireworks文档中。具体操作步骤如下： 在文本块内部要插入特殊字符的位置单击。 选择【窗口】/【特殊字符】。 在〖特殊字符〗面板中，选择要插入的字符。
3．修改文本属性 选中文本，即可看到其属性设置面板。设置属性的一般步骤如下： 单击右侧下拉列表按钮，在下拉列表中选择需要的字体。 单击右侧下拉列表按钮，选择需要的字体大小，或直接输入字体大小。 单击设置字体颜色。 单击设置文本的排列方式，共有4种。 根据需要设置字体样式、字距、行距、对齐方式和边缘效果。
【Esc】键来完成文本的输入。 Fireworks 8具有自动命名文本功能。输入文本后，Fireworks 8自动以
与文本内容匹配的名称保存文本对象。如果想为该文本对象选择另一 个名称，可以重命名文本对象。 如果所有的文本都要在Fireworks 8中手动输入，那将是一件很麻烦的 事情。实际上，Fireworks允许从外部导入文本，然后在其中进行编辑。 Fireworks中可以导入多种形式的文本，例如，纯文本的ASCII码文件、 复文本格式的RTF文件，还可以直接从Photoshop的文档中导入文本
FIREWORKS8标准实例教程教程配套全册教学课件
1.2.3 色彩模式 合理地运用色彩，会使网页的视觉效果更加舒适，同时还能够激发浏览者的想象与情感，让
网页作品先声夺人。下面介绍几种网络上常见的色彩模式。 1．RGB色彩模式 该模式俗称三基色。这种模式是以红、绿、蓝三种基本色为基础，进行不同程度的叠加，从
而产生丰富而广泛的颜色。RGB模式大约可反映出1680多万种颜色，是应用最为广泛的色 彩模式，所有的电影、电视、显示器等视频设备都依赖于这种模式。 2．CMY色彩模式 CMY模式是减色模型，通常在印刷行业中使用。它以青色、品红、黄色、黑色为基色，因 此又叫CMYK模型。CMY模型的数值以十进制表示，同时色谱图上显示的是全彩图。 3．HSB色彩模式 该模式将色彩分为色调、饱和度和亮度三个要素。色调是指光经过折射或反射后产生的单色 光谱，即纯色；饱和度用于描述色彩的浓淡程度，各种颜色的最高饱和度为该颜色的纯色， 最低饱和度为灰色；亮度用于描述色彩的明亮程度。 4．灰度色彩模式 灰度色彩模式是用0~255种灰度值来表现图像中像素颜色的一种色彩模式，该模式可以使图 像的过渡更加平滑细腻，也是一种能让彩色模式转换为位图和双调图的过渡模式。彩色模式 转换为灰度模式后，彩色将丢失，且不可恢复。 5．网页安全色 在网页中，能够被正常显示的颜色只有256色。由于目前的浏览器使用了256色中的40种颜 色，所以这40种颜色不再用于网页设计，剩余的216种颜色被称为网页安全色。使用网页安 全色来设计网页，可以保证网页在各种浏览器和计算机平台上表现出一致的外观。
用户也可以直接在文档编辑窗口中单击鼠标，图片也能被导入。单击 的位置即为图片左上角的位置，图片的大小不变，保持原尺寸。
1.3.8 辅助设计工具的使用
Fireworks 8为我们编辑网页图像提供了极为方便的辅助工具，例如： 标尺、辅助线、网格等，使用它们可以使操作更加精确，大大提高工 作效率。
fireworks教案课件第4章
7．连接路径 与切割路径相对应，也可以将两个路径连接起来，这是通过连接路径
点实现的。
4.2.6 联合、交集、打孔、裁切
1．联合 2．交集 3．打孔
4．裁切
4.2.7 建立路径
在Fireworks CS5中，所有的矢量图形都具有中心点。中心点不仅精 确地确定了矢量图形的位置，同时在对矢量图形进行操作时，是其基 准点。一般情况下其中心点是不可见的，而开放路径的中心点就位于 路径上。闭合路径的中心点则位于路径对象内部中心。
另外，所有的矢量路径曲线都是有方向的。路径的方向就是路径建立 时的顺序，也就是说路径上的节点是有先后次序的，有起点和终点的 区别。
4.2.8 矢量图形的绘制
1．抽象标志效果
2．直线型分割条
3．曲线型分割条
4.3 位图的操作
4.3.1 位图编辑模式
Fireworks CS5提供了分别应用矢量图形对象编辑方式和位图图形编辑方式的 两种不同的编辑模式。不同的编辑模式都有自己的一套命令和工具。同一命 令或相同的工具在不同的编辑模式下功能可能完全不同。
位图图像是对区域中每个像素点的信息进行描述，一个位图图像实际 上记录了所有像素点的位置和颜色信息，这种方式是“一对一”的， 可以如实地反应需要的任何画面。
4.2 矢量对象
矢量对象的绘制和操作是Fireworks CS5工作的重点。和位图图形不 同的是，矢量图形对象具有一些特殊的概念 。
4.2.1 基本矢量对象
在Fireworks CS5中，共有13种笔触类型可供选择。
4.2.4 填充
对象的填充效果也是在属性设置面板中设置的，如图所示。
4.2.5 编辑路径
绘制完路径后，有时还需进行编辑，这可以通过调节路径点或使用自 由路径工具实现。
Fireworks课程教学大纲
《Fireworks网页设计制作》课程教学大纲课程性质：专业课学时分配：总计72学时，其中讲课36学时，实验36学时适用专业：教学目的和要求：本课程是软件高职专业必修课。
基本内容以数字媒体系的专业技术课--《 Adobe Fireworks CS3 标准培训教材》的内容为主，根据软件高职专业的特点，在内容和难度上有所取舍。
主要内容有：根据学习Adobe Fireworks CS3 的使用方法、应用技巧，使学生可以在边学习边练习的过程中熟悉软件的基本操作方法，在Fireworks 中对图像进行优化和导出等内容。
通过教学达到以下目的：1．熟悉Adobe FireworksCS3 软件；2．掌握网页设计制作的方法；考核方式：认证使用教材：Adobe公司北京代表处主编，《Adobe FireworksCS3 标准培训教材》，人民邮电出版社主要参考书：Adobe公司北京代表处主编，《Adobe Fireworks CS3 经典教材》，人民邮电出版社教学基本内容和学时分配：第1章概述1.1 关于Adobe Fireworks CS31.2 安装Fireworks CS31.2.1 系统要求1.2.2 安装步骤1.3 Fireworks CS3的新功能1.3.1 Fireworks CS3 新特性1.3.2 图解Fireworks CS3第2章Fireworks基础知识2.1 Fireworks的基本操作2.1.1 创建新文档2.1.2 打开和导入文件2.1.3 保存Fireworks文件2.2 认识Fireworks的工作环境2.2.1 开始页2.2.2 工具面板2.2.3 “属性”检查器2.2.4 面板2.3 查看和切换文档2.4 画布的更改和设置2.5 操作的撤销和重复第3章图形设计及图像处理3.1 选择对象和修改对象3.1.1 选择对象3.1.2 选择像素3.1.3 编辑所选对象3.1.4 对所选对象和选区进行变形和扭曲处理3.1.5 组织对象3.2 位图的使用操作3.2.1 关于矢量图形3.2.2 关于位图图形3.2.3 位图工具的使用3.2.4 创建位图对象3.2.5 绘制、绘画和编辑位图对象3.2.6 修饰位图3.2.7 调整位图颜色和色调3.2.8 模糊和锐化位图3.2.9 向图像中添加杂点3.3 矢量对象的使用3.3.1 绘制矢量对象3.3.2 编辑路径3.4 使用文本3.4.1 输入文本3.4.2 将笔触、填充和滤镜效果应用到文本3.4.3 将文本附加到路径3.4.4 使文本变形3.4.5 将文本转换为路径3.4.6 导入文本3.4.7 检查拼写3.4.8 文本编辑器的使用3.5 颜色、笔触和填充的应用3.5.1 使用“工具”面板的“颜色”部分3.5.2 组织样本组和颜色模式3.5.3 使用颜色框和颜色弹出窗口3.5.4 使用笔触3.5.5 使用填充3.5.6 应用渐变和图案填充3.5.7 向笔触和填充中添加纹理第4章动态滤镜的使用4.1 应用动态滤镜4.1.1 应用斜角4.1.2 应用浮雕4.1.3 应用阴影和光晕4.1.4 Eye Candy 4000 LE动态滤镜的应用4.1.5 Alien Shin Splat LE动态滤镜的应用4.1.6 Photoshop动态效果的应用4.1.7 对组合对象应用滤镜4.2 编辑动态滤镜4.2.1 重新排列动态滤镜4.2.2 删除动态滤镜4.2.3 创建自定义动态滤镜4.2.4 将动态滤镜保存为命令第5章页面、层、蒙版和混合5.1 使用层5.1.1 具有层次结构的层5.1.2 对层的添加、删除和复制5.1.3 查看层内容5.1.4 组织层5.1.5 锁定层和对象5.1.6 显示和隐藏层及对象5.1.7 在“层”面板中合并对象5.1.8 共享层5.1.9 网页层5.1.10 使用Photoshop文件5.2 使用页面5.2.1 添加和删除页面5.2.2 编辑页面5.2.3 使用主页5.2.4 将页面导出为HTML5.2.5 将页面导出为图像文件5.3 用蒙版遮罩图像5.3.1 蒙版5.3.2 利用现有对象创建蒙版5.3.3 将文本用作蒙版5.3.4 使用“层”面板遮罩对象5.3.5 利用显示和隐藏掩盖对象5.3.6 组合对象以构成蒙版5.3.7 导入和导出Photoshop层蒙版5.3.8 编辑蒙版5.4 混合和透明度5.4.1 关于混合模式5.4.2 调整不透明度并应用混合模式第6章样式、元件和URL6.1 样式6.1.1 应用样式6.1.2 创建和删除样式6.1.3 编辑样式6.1.4 导出和导入样式6.1.5 使用默认样式6.1.6 使用其他对象的样式属性6.2 元件6.2.1 创建元件6.2.2 元件的编辑6.2.3 关于导入和导出元件6.3 URL6.3.1 使用页面6.3.2 将URL指定给网页对象6.3.3 创建URL库6.3.4 编辑URL6.3.5 绝对URL和相对URL的使用6.3.6 导入和导出URL第7章切片、变换图像和热点7.1 切片7.1.1 创建切片7.1.2 查看并显示切片和切片辅助线7.1.3 编辑切片7.2 使切片交互7.2.1 使切片具有简单的交互效果7.2.2 使用“行为”面板向切片添加交互效果7.3 将切片导出7.3.1 指定URL7.3.2 输入替换文本7.3.3 指定目标7.3.4 导出设置7.3.5 命名切片7.3.6 定义导出HTML表的方式7.4 使用热点和图像映射7.4.1 创建热点7.4.2 编辑热点7.4.3 用热点创建图像映射7.4.4 用热点创建变换图像7.4.5 在切片上使用热点第8章按钮和弹出菜单8.1 按钮元件8.1.1 按钮状态8.1.2 创建具有两种状态的简单按钮8.1.3 创建具有3种或4种状态的按钮8.1.4 使用斜角滤镜绘制按钮状态8.1.5 将Fireworks变换图像转换为按钮8.1.6 将按钮插入到文档中8.1.7 导入按钮元件8.1.8 编辑按钮元件8.2 创建导航栏8.3 创建弹出菜单8.3.1 关于弹出菜单编辑器8.3.2 创建基本弹出菜单8.3.3 创建弹出菜单内的子菜单8.3.4 设计弹出菜单的外观8.3.5 添加弹出菜单样式8.3.6 设置高级弹出菜单属性8.3.7 控制弹出菜单和子菜单的位置8.3.8 导出弹出菜单第9章创建动画9.1 创建动画9.1.1 用动画元件创建动画9.1.2 使用帧创建动画9.1.3 创建补间动画9.2 浏览动画9.3 导出动画9.3.1 设置动画循环9.3.2 优化动画9.3.3 动画导出格式9.4 编辑现有动画9.5 将多个文件用作一个动画第10章优化和导出10.1 优化10.2 图像的优化10.2.1 使用“导出向导”优化图像10.2.2 在工作区中优化图像10.3 从 Fireworks导出10.4 以电子邮件附件的方式发送Fireworks文档10.5 “文件管理”按钮的使用第11章使重复性任务自动执行11.1 查找和替换11.2 批处理11.3 扩展Fireworks CS311.3.1 使用Macromedia功能扩展管理器11.3.2 使用“历史记录”面板撰写脚本第12章创建幻灯片12.1 创建幻灯片命令12.2 创建或编辑幻灯片放映12.3 幻灯片放映属性12.3.1 “相册簿属性”面板12.3.2 “相册属性”面板12.3.3 “题注”面板12.3.4 “滤镜”面板12.3.5 “幻灯片放映属性”面板12.3.6 “导出选项”面板12.4 创建自定义Fireworks相册播放器对节点的定义第13章首选参数和快捷键13.1 设置首选参数13.1.1 常规13.1.2 编辑首选参数13.1.3 启动并编辑首选参数13.1.4 文件夹首选参数13.1.5 Photoshop“导入”首选参数13.1.6 恢复首选参数13.2 更改快捷键设置13.2.1 创建自定义和辅助快捷键13.2.2 对自定义快捷键和自定义快捷键设置进行删除13.2.3 创建当前快捷键设置的参考表13.3 使用配置文件重新安装Fireworks第14章在Fireworks中应用其他程序14.1 与Dreamweaver一起使用14.1.1 在Dreamweaver文件中放置Fireworks图像14.1.2 将Fireworks HTML代码放入Dreamweaver14.1.3 在Dreamweaver中编辑Fireworks文件14.1.4 对Dreamweaver中的Fireworks图像和动画进行优化14.1.5 设置“启动并编辑”选项14.2 与Flash一起使用14.2.1 将Fireworks图形放入Flash14.3 与Photoshop一起使用14.3.1 将Photoshop图形放入Fireworks中14.3.2 使用Photoshop滤镜和插件14.3.3 将Fireworks图形放入Photoshop中14.4 与Illustrator一起使用14.5 与HTML编辑器一起使用14.6 Adobe Bridge14.7 对Internet应用程序布局的Flex集成本课程是理论性与实践性并重的课程，每节内容除附适当的思考习题外，还配备了基本的上机实验。
Fireworks_04绘制图像和使用文本
41
3．编辑路径
用户除了可通过编辑锚点和方向线来修改路 径之外，还可利用“自由变形”工具、“更 改区域形状”工具、“刀子”工具等来变形 路径。
42
（1）“自由变形”工具
可以直接对矢量对象执行弯曲和变形操作，而不 是对各个点执行操作。
当指针变为形状 伸路径。
时单击并拖动鼠标，可以拉
当指针变为形状 时单击并推动鼠标靠近矢量 路径，鼠标指针将以圆圈状推动矢量路径变形。
2
笔触颜色：用于绘制线条、描边的颜色。
填充颜色：用于填充区域颜色。
设置默认笔触/填充色：使笔触颜色和填充颜色 恢复到默认颜色（笔触：黑色，填充：白色）。
没有描边或填充：用于设置笔触或填充为无色透 明的效果。 交换笔触/填充色：可以交换笔触和填充颜色。
3
1．使用颜色样本设置颜色
单击
输入如“#c8c8c8”的颜 色值，设置精确的颜色
22
23
24
6.“涂抹”工具
使图像的颜色互相调和，
色彩变得柔和。
操作方法：
①
②
先单击“涂抹”工具。
在属性面板设定笔尖大 小、形状、边缘、压力、 涂抹色等。 在图像上按住鼠标左键， 拖动鼠标涂抹。
25
③
4.3 绘制与编辑矢量图形
矢量图形是以路径定义形状的图形。 矢量图形最大的优点是和分辨率无关，无论 放大、缩小或旋转都不会失真。 绘制矢量对象的工具，包括“直线”工具、 “钢笔”工具、基本形状工具等。
35
4．基本形状工具
包括“矩形、椭圆、多边形、星形、箭头、螺 旋形” 等基本形状。
例：星形工具的使用
半径1、2：星形的外顶点、内顶点 所在圆的半径
使用文本-Fireworks教案
分析 总结
熟悉 "Stroke"、"Fill"、"Effect"、"Styles"等相关面板的使用。
【教学目的】 本章主要介绍 Fireworks 中文本处理， 掌握对文本的创建与 编辑，文本的操作以及文本的修饰 文字的编辑 对文本文件的修饰、在文本上应用各种效果。 文本的操作 重点与难点： 文本修饰、文本特效、文本附加于路径上、文本路径化和图像 化 Text Editor、文本效果、附加于路径，文本操作 【教学程过程】
图（1）
图（3）
图（2）
使用填充 1. 选定一个需要描边的文本，如图（1）所示。 2. 打开填充控制面板，在控制面板上选取一种效果，本例中 选取 "Linear"类型，改变颜色，设置为"Blue Red Yellow"，如图 （2）所示。 3. 此时选中文本应用这一类型的填充，产生一种奇特的文本 效果，如图（3） 。
将文本路径化与图像化 Fireworks 中文本可以转换为路径，但这种转换是不可逆的。 转换后的文本文件已经变成了路径，不能再当作文本编辑了。 一、文本转换为路径 1. 选择所需文本； 2. 单击【Text】菜单中的【Convert to Path】命令，则文本 就转换为路径了。 二、文本转换为图像 1. 选择所需文本； 2. 单击【Modify】菜单中的【Merge Images】命令，则文本 就转换为图像了。
文本文件在转换后，原来的设置不变。 小结 本章主要介绍 Fireworks 中文本处理， 要求掌握对文本的创建 与编辑，文本的操作以及文本的修饰，重点掌握文本特效的制作、 在路径上使用文本、文本的路径化和图像化，熟悉 "Stroke"、 "Fill"、"Effect"、"Styles"等相关面板的使用。
fireworks教案课件第4章文字的使用
4.2 文本与路径
4.2.4 文本与路径实例——特殊造型文字
4.3 文本Байду номын сангаас效
空心文字
4.3 文本特效
图案文字
4.3 文本特效
玻璃文字
4.1.2 编辑文本
变换文本 插入特殊字符 修改文本属性
4.1 文本对象
4.1.3 编辑文本实例——透视文字
4.2 文本与路径
4.2.1 将文本附加到路径
同时选中文本和路径，选择【文本】/【附加到路径】命令。 注意：如果将含有硬回车或软回车的文本附加到路径，可能产生意外 结果。 选择【文本】/【方向】子菜单中的命令可以改变文本在路径上的方向， 共有4种方向设置，效果如图所示。
4.2 文本与路径
4.2.2 文本与路径分离
选中附加到路径的文本，选择【文本】/【从路径分离】命令，即可 将文本与路径分离。分离后的路径将恢复原来的属性。
4.2.3 将文本转换为路径
选中文本，执行【文本】/【转换为路径】命令，即可将文本转换 为路径。如左图所示。
转化为路径的文本只能作为路径编辑。可以将已转换的文本作为 一组进行编辑，或者单独编辑已转换的字符。如右图所示。
第4章 文字的使用
本章重点 文字作为传播信息最便捷的载体，在Web中处于主导地位。本章
主要介绍文本的基本操作方法，包括输入文本、导入文本、编辑文本 以及文本与路径的关系。
学习目的 通过本章的学习，您可以掌握：
创建文本对象 变形文本 文本特效
4.1 文本对象
4.1.1 输入/导入文本
注意：不能通过复制和粘贴操作导入RTF文本，也不能通过拖放 的方法导入RTF文本。
Fireworks全套课件
用空间至少60 MB 4. 只读光驱CD-ROM 5. 800× 600像素分辨率，256色或更高的显示模式 6. Adobe Type Manager 4或更高版本，以便处理Type1字体。
《网页设计与制作》
——《Fireworks》
主要内容
• Fireworks简介 • 用Fireworks切割图形 • 用Firework制作有动态效果的切图 • 用Fireworks制作动画 • 用Fireworks的绘图工具的使用 • 文字工具及文字特效
一、Fireworks简介
Fireworks是一个创建、编辑和优化网页图形的多功能应用程序，可以创 建和编辑位图及矢量图形，设计网页效果、如变换图像和弹出菜单、修剪 和优化图像，以压缩其大小 特点： 活效果：在对象的效果改变后，仍然保存着路径的可编辑性 自动应用纹理和填充效果 完整的文本控制组件
一、合并图像形成动画 文件—打开，在打开图片对话框中，勾选“以动画打开”
第四节、用Fireworks制作动画
二、使用元件生成动画 • 创建一个动画元件：编辑—插入—新建元件，类型选择为“动画” • 编辑元件，在元件中插入文字或图片，完成后，使用“属性检查器输入动
画元件的设置，如角度、方向、缩放等 • 查看“帧”面板，通过调整“帧延时”来设置速度 • 将文档优化为GIF动画：窗口—优化，设置参数即可 • 也可以到处为SWF文件
谢谢同学们！
第四节、用Fireworks制作动画
Fireworks.ppt
选择“滤镜”＞“颜色调整”＞“亮度/对比度”，参数设置如下：亮度 = -16； 对比度 = 100。这个效果是为了得了一个纯黑白对象。
实例一环绕文字
新建宽和高都是300像素的文件，背景设为白色。 点选“工具”面板中的“文本”工具，在工作区输入文本
“/fuguotao/，字体选择“Arial Black”，字号 为20像素大小，颜色为黑色。 点选“工具”面板“矢量”部分的“椭圆”工具。按住 “Shift”键，在工作区画一个圆。在“属性”检查器中输入 新的宽度 (w) 或高度 (h) 值，这里都是130。 单击“填充颜色框”图标。在颜色弹出窗口中选择“透明按 钮” （无填充） 选中“描边”工具。在“描边种类”中选择“铅笔”>“一像 素柔化”。按住Shift键，使用“指针”工具同时选择圆和文 字。打开菜单栏的“文本”菜单，单击“附加到路径”。 如果想旋转文字，选择“工具”面板中的“缩放工具”。出 现圆形箭头，就可以旋转文字。 如果希望文本沿路径的内侧排列，选择“文本”菜单中的 “倒转方向”。
一 文件窗口
fireworks 的文件窗口上有四个标签，可以同 时编辑和预览图象，你可以同时预览四种不 同的优化设定所产生的效果，选择最理想的 一种选 择、创建、编辑图象 的工具,有的工具按钮 的右下角有一个小三 角，说明这个工具包 含有几种不同的形式， 按住这个工具不放就 能显示其他的形式。
实例二 羽化图片
打开一个图片。点击 “工具”面板“位图” 部分的“选取框”工具。 也可以选择“椭圆选取 框”工具，选择部分图 象。
Fireworks教案
Fireworks教案第一章一、概述1、简介：adobe公司旗下的集图像处理与动画制作为一体的制作软件2、特点：丰富的位图处理功能强大的优化输出功能（可根据需要更改图片格式）可导入各种文件格式制作网页动画制作兼容性增强3、网页制作概述网页元素组成网页制作过程前台美工应用4、网页四剑客（比对fw和ps）二、图形简介1、位图2、矢量图3、网络图形（jpeg，gif，png简介和特点）Jpg：支持颜色多，文件容量大。
Gif：支持256色，支持透明背景和动画Png：兼并了jpg和gif的特点，支持直接编辑，逐渐流行。
三、安装与进入Install.exe（安装在非系统盘）sn.txt（keygen。
exe）为注册码绿化软件的安装。
四、基础知识1、界面简介2、快捷键工具（ctrl+f2）属性（ctrl+f3）克隆（ctrl+shift+d）数值变形（ctrl+shift+t）对齐（没有）层面板（f2）优化（f6）混色器（shift+f9）帧（shift+f2）历史纪录（shift+f10）行为（shift+f3）3、辅助工具首选参数（ctrl+u）标尺（ctrl+alt+r）网格（ctrl+alt+g）网格以及辅助线的编辑4、界面设置三种界面切换（f）创建以及画布设置第二章工具（一）一、选择区域1、选取工具组（v）后方选择工具：先选中前面的物体，后单击后方物体，进行后面物体的选中。
2、任意变形工具组（q）缩放倾斜扭曲注意：ctrl+t只可以调用缩放工具3、裁减工具组（c）导出区域：除了进行图片的裁减以外，可以对所选中的部分直接进行导出二、位图区域1、选取框工具（m）椭圆选取框工具用于对位图进行选择，选择区域以外的物体将不会被更改。
2、套索工具（L）分为普通套索和多边形套索，用于制作不规则选区3、魔术棒工具（W）用于选取相似颜色的区域注：讲解所有位图选取工具时要配合选择菜单以及属性面板的介绍三、实例：图片修饰第三章工具（二）一、位图工具1、笔刷和铅笔工具（B、Y）用于绘制软线条和硬线条使用属性面板操作（特别是画笔样式以及如何使用其它画笔样式）2、橡皮工具（E）用于擦除图片区域注：透明度设置以及应用3、位图修饰工具组模糊工具锐化工具减淡工具加深工具涂抹工具4、图章工具组仿制图章工具替换颜色工具去除红眼工具二、钢笔工具和部分选区工具工笔工具用于绘制路径使用注：使用钢笔工具时如何绘制直线不封闭路径，以及绘制完曲线路径后如何绘制直线路径。
Fireworks 全套教学课件
北京工商大学 计算机与信息工程学院
毛典辉 maodianhui@
一、Fireworks的工作环境
启动Fireworks Fireworks的人机交互界面
Fireworks的启动
FireWorks的工作环境
Fireworks的工作模式
矢量绘图模式 位图编辑模式
算，选区会扩大； 按住Alt键再选取则两个区域作差运算，
选区会缩小； 同时按住Shift和Alt再选取则两个区域
作乘积运算；
选区的反转
执行[反选]命令
选区边缘范围的调整
扩展或收缩选区 对选区扩边 对选区平滑处理 扩大选取与选取
相似
扩展或收缩选区
对选区扩边
对选区平滑处理
扩大选取与选取相似
一、设置绘图颜色
颜色是创作的重要组成部分，使用绘图工 具进行创作时必须选择一种颜色；
颜色包含前景色和背景色两种； 颜色的设置通过调色板或拾色器来完成。
前景色和背景色
前景色是指当前绘画工具所使用的颜色； 背景色是指图像的底色。
1、使用“拾色器”
是最基本的颜色设置工具； 可以直接在颜色区取色（单击前景色按钮，
五、位图图片的处理
导入位图图片 使用选区工具 位图图片的效果处理 使用图层 使用蒙板
六、创建图片动画
图片动画的概念 帧的种类及其作用 元件和实例 动画的创建
七、网页图片的输出
关于Web图片的切片 图片格式的选择与优化 图片的输出
设计举例
设计一个北京工商大学的宣传图片
2、学习内容
创建选区的工具介绍 选区的编辑 柔化选区边缘
3、创建选区的工具
[选框]工具
[矩形]选框工具； [椭圆]选框工具；
高级主题(一)-Fireworks教案
教学内容高级主题（一）课时4课型理论+实践教学目标掌握Dreamweaver与Fireworks相互整合应用教学方法实践教学法案例教学法作业布置制作一个网站草图分析总结掌握Dreamweaver与Fireworks相互整合应用与Dreamweaver的整合教学目的：掌握Dreamweaver与Fireworks相互整合应用教学重点、难点：使用Dreamweaver将Fireworks制作的图片放到网页上教学过程:2学时 Macromedia的Dreamweaver是一个很强大的网页编辑工具，将Dreamweaver和Fireworks结合使用会使网页制作的过程更加简单。
在Dreamweaver中使用Fireworks的图片通常在Dreamweaver中使用Fireworks的图片的方法是，在Fireworks中生成web图片及相关的HTML代码，然后将它们添加到Dreamweaver的网页中。
Fireworks支持层叠样式表CSS (Cascading Style Sheet)和教学过Dreamweaver的库文件输出。
对于网站维护人员来说，每天都要更新网页是一件很麻烦的事，使用Dreamweaver中的库可以简化这种工作。
库文件必须有".LBI" 作为扩展名，并且必须放在网站根目录下的Library目录中。
对于经常重复使用内容比如页头、页脚或其它内容，可以使用库文件的方式保存，在编辑时只要从库中拖放到网页中就可以。
如果对库内容修改后也可以对所有使用过这些内容的网页进行更新。
使用Dreamweaver将Fireworks制作的图片放到网页上。
使用Fireworks将图像输出成网页支持的格式，比如 GIF或JPEG。
将用Fireworks制作的图片文件复制到Dreamweaver管理的网站本地文件夹内。
虽然文件可以放在硬盘的任何地方，但放在Dreamweaver下固定的目录内会方便你寻找及上传文件。
《Fireworks应用》课件
工具栏
提供常用工具的快速访问，如选择工具、画 笔工具等。
工作区
显示和编辑图像的区域。
创建和编辑图像
01
02
03
创建新图像
通过选择“文件”>“新 建”命令，可以创建一个 新的空白图像。
导入图像
通过选择“文件”>“导 入”命令，可以将其他图 像或图片导入到当前工作 区。
编辑图像
使用各种工具和命令对图 像进行编辑，如裁剪、调 整亮度/对比度、应用滤镜 等。
件时。这得益于Fireworks的优化和专为网页设计的功能。
与Illustrator的比较
设计目的
Fireworks和Illustrator都是矢量图形设计工具，但 Fireworks更专注于网页设计和原型设计，而Illustrator则 更适合印刷品设计和图形设计。
操作方式
Fireworks的操作方式更直观，容易上手。而Illustrator的 操作方式则更为专业，需要更多的学习和实践。
详细描述
Fireworks支持多种移动设备尺寸和分辨率，提供了丰富的移动界面设计工具和 资源，如矢量图形、图标、按钮等。通过实例展示，可以深入了解Fireworks在 移动应用界面设计方面的应用和技巧，提高设计师的设计水平和效率。
游戏界面设计实例
总结词
游戏界面设计实例展示了Fireworks在游戏界面设计方面的应 用，包括游戏图标、菜单、界面布局等方面的设计技巧。
Fireworks的未来展望
更加高效的设计工具
Fireworks将不断优化性能，提高设计和制作效率，满足用户快速 迭代和高效工作的需求。
更加丰富的素材和模板
Fireworks将提供更加丰富和多样的素材和模板，降低用户寻找和 制作素材的时间成本。
Fireworks教案
第一部分 Fireworks基础知识1、了解Fireworks的作用、特点2、熟悉Fireworks窗口内容3、掌握常用工具的打开：常用工具栏/修改工具栏/工具箱/属性面板/层面板/帧面板/历史记录面板/样式面板/URL面板/库面板/行为面板等4、掌握文档的基本操作新建/打开/保存/导出/导入/页面设置/设置文件属性/打印第二部分图形的绘制1、掌握绘制图形的方法：包括基本几何图形/自由路径/直线线段和曲线线段2、掌握如何调整颜色与填充效果3、了解辅助绘图工具的使用标尺/网格/引导线第三部分编辑、修改图像掌握基本操作方法选择/撤消与恢复/对象的显示与隐藏/对齐/排序/复制/删除/组合与取消组合/旋转、缩放与变形第四部分位图文件的处理1、掌握创建位图的方法导入/利用特定工具创建（选区与填充）2、编辑、修改位图：掌握“橡皮擦”/ “裁剪”/ “橡皮图章”/ “模糊”/“锐化”/“减淡”/“加深”/“涂抹”等工具的使用第五部分编辑文本1、掌握文本的创建方法（文本工具）2、文本的编辑与格式设置3、特殊编辑（文本附加路径）第六部分图层与蒙版1、掌握图层的基本操作创建/复制/重命名/删除/显示与隐藏/锁定与解锁/叠放次序等2、掌握创建与编辑蒙版的具体操作第七部分特效、样式1、应用特效面板设置特效斜角/浮雕/阴影/发光等2、利用样式面板应用、编辑和管理样式第八部分滤镜的应用（滤镜菜单）1、利用Fireworks中的内置滤镜完成常见图像的处理操作2、Fireworks中的第三方滤镜的使用3、安装使用Photoshop滤镜第九部分高级辅助工具掌握查找与替换、批处理、脚本的具体操作方法第十部分制作动画1、利用帧面板创建动画并完成对动画帧的管理2、动画的优化和控制第十一部分图像的优化1、掌握优化图像的各种基本操作2、选择图像文件格式进行优化设置3、优化调色板第十二部分热点、切片和行为面板的使用1、掌握热点的创建与编辑操作2、掌握切片的作用、创建及编辑操作3、利用行为面板为切片或热点添加行为第十三部分文件的导入与导出1、掌握文本文件、图形文件的导入方法2、将优化和修改后的图像导出包括动画、图像映射、切片等。
印章制作-Fireworks教案
教学过程印章的制作教学目的：本节我们主要学习了及描边设定相关的一些常识，通过描边选项各个具体类型的设定就能产生出许多绚烂多采的效果教学重点：学习描边教学过程：2学时【印章效果图】第一步：打开FW，新建文件，宽高均为100像素，背景色采用白色。
第二步：选取工具箱的矩形绘制工具，配合Shift键，在编辑区绘制一个正方形，用来做为印章的边缘部分。
正方形的各项相关设置为：Fill（填充）选项选择“None”；Stroke（描边）选项为设置的重点所在，描边类型选择“Unnatural”，描边的具体形状为“Fluid Splatter”，描边的Tip选择默认的形状，描边宽度为2像素，Texture（纹理）选项可以选择一种你认为比较适合，也可以不选择，Stroke（描边）选项的具体设置如图01所示。
图01 Stroke描边选项具体设定第三步：此时编辑区的矩形应该如图02所示。
图02 矩形形状[暂停]通过第二步的详细设定，想必后面的步骤各位已经能够想出来了，建议你现在自己去试着做一个印章效果，然后回头来看看后面的解说时候和你的步骤类似。
:)第四步：输入文字。
这一步的关键在于文字字体的选择上，为了体现古印章的效果，我们最好采用一些古体繁体字，比如本例所采用的“文鼎古印体繁”，或者采用“汉鼎繁印篆”等等，这样效果会更逼真些。
其余各项设定如图03所示。
[注意]字号的大小要参考刚刚所画的正方形的大小来设定，最好能够恰恰容纳进正方形内。
图03 字体设定第五步：选定编辑区的文本对象，执行菜单命令“Text--Convert to Paht”，将文本对象转化为路径对象，然后执行快捷键“Ctrl+Shift+G”或者点击快捷工具栏的按钮，解散转化为路径对象文字的群组关系。
此时层面板会如图04所示。
图04 解散群组关系的文字对象第六步：好了，使用鼠标将各个文字拖放到相应的位置，这个就不必多讲了吧？接着可以分别选定水平或者垂直方向的两个对象，使用快捷工具栏的对齐按钮选项来对齐各个文本对象，如图05。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
通过本章的学习，您可以： 掌握静态文本和动态文本的创建方法。 掌握文本属性的设置。 掌握如何分散文字。
Flash CS5针对设计师增加了新的Flash文本布局框架 （TLF），包含在文本布局面板中。TLF 支持更多丰富的 文本布局功能和对文本属性的精细控制。与以前的文本引 擎（即Flash CS5中的“传统文本”）相比，TLF 文本可 加强对文本的控制。通过新的文本布局框架，用户可以借 助印刷质量的排版全面控制文本内容。
行间距表示两行文本之间的距离，当数值为正时，表示两行文本处于 相离状态，当数值为负时，表示两行文本处于相交状态。
点击绘图工具箱里的文本输入工具，调出属性设置面板，单击属性设 置面板上的“间距”和“边距”右侧的文本字段，可以设置间距和边 距，如图所示。
4.4 使用文本布局框架 (TLF) 文本
在
下拉列表框中选择“输入文本”选项时的属性设置面板如图
所示。它与动态文本框用法一样，但是它可以作为一个输入文本框来
使用，在Flash动画播放时，可以通过这种输入文本框输入文本，实
现用户与动画的交互。
4.2 传统文本的属性设置
Flash提供的文本工具位于绘图工具箱中，当用户用鼠标单击选择绘 图工具箱中“ ”文本工具后，在舞台中单击，就会出现一个空白 的字符输入框，此时用户可以在输入框中输入文字。在输入文本之前， 常常需要设置文本的不同属性，或在输入文本之后修改文本的属性。 文本的属性包括文字的字体、字号、颜色和样式等。
4.2.2 设置文本的颜色及样式
1．设置文本颜色
在属性设置面板中，单击颜色选择框会打开颜色选择器，用户可以为 当前选择的文字设置新的颜色。如果用户对颜色选择器内显示的颜色 不满意，还可以选择自定义的颜色。
2．设置文本的样式
在属性设置面板中的“样式”下拉列表中可以设置文本的样式。或选 择“文本”菜单下的“样式”命令，则会弹出子菜单，如图所示。使 用该菜单命令也可以设置不同的样式。 该菜单中各个菜单命令的意义如下： “粗体”：设置文本为粗体。 “斜体”：设置文本为斜体。 “仿粗体”：仿粗体样式。 “仿斜体”：仿斜体样式。
4.2.1 设置字体与字号
字体与字号是文本属性中最基本的两个属性，在Flash CS5中，用户 可以通过菜单命令或属性面板来进行设置。
1．设置字体 选择“文本”菜单里的“字体”命令，则会弹出字体子菜单命令。
2．设置字号 选择“文本”窗口里的“大小”命令，则会弹出字号子菜单命令。
用户可以从中选择一种字号。也可以调出属性设置面板，然后通过拖 动滑块设置字号的大小，它的范围是8~96之间的任意一个整数。当然， 用户还可以在其前面的文本输入框中输入数值，它的范围是0~2500 之间的任意一个整数。
的前面加上路径。这个变量的值会显示在文本框中。通过程序，可以 动态地改变文本框所显示的内容。在Flash动画播放时，其文本内容 可通过事件的激发来改变。
4.1.3 输入文本
输入文本就是在动画播放过程中，提供用户输入文本，产生交互。它 允许用户在空的文本区域中输入文字，用于填充表格，回答调查的问 题或者输入密码等。
第4章 Flash CS5来对文本进行处理，内容 包括：文本的类型介绍、文本的属性设置、段落的属性设置与文本的 创建和编辑方法。其中文本的创建又包括横向文本的输入与垂直文本 的输入；文本的属性设置又包括字体与字号、颜色与样式的设置，这 些内容将是本章学习的重点。
4.3 设置段落属性
4.3.1 设置段落的对齐方式
选择“文本”菜单里的“对齐”命令，会弹出一个子菜单，如图所 示。该菜单中各个命令的功能如下。 “左对齐”：表示以左边对齐。 “居中对齐”：表示以中间对齐。 “右对齐”：表示以右边对齐。 “两端对齐”：表示以两端对齐。 点击绘图工具箱里的文本输入工具，调出属性设置面板，可以看到 该面板中有4个设置段落对齐方式的图标按钮。它们分别是： “ ”、“ ”、“ ”、“ ”。它们的意义分别是左对齐、 中间对齐、右对齐、两端对齐。
例如，现在在Flash CS5中可以使用InDesign或Illustrator 用户熟悉的链接式文本了。在Flash CS5中，垂直文本、 外国字符集、间距、缩进、列及优质打印等文本布局方面 都有所提升，用户可以轻松控制打印质量及排版文本。
4.1 传统文本及其类型
Flash CS5可以按多种方式在文档中添加传统文本，通常一个Flash CS5文档中会包含几种不同的文本类型，每种类型适用于特定的文字 内容。在Flash CS5中，文本类型可分为3种：静态文本、动态文本、 输入文本。
4.1.2 动态文本
动态文本就是可编辑的文本，在动画播放过程中，文本区域的文本内
容可通过事件的激发来改变。在
下拉列表框中选择“动态文
本”选项时的属性设置面板如图所示。
选择“动态文本”，表示在舞台上创建可以随时更新的信息，它提供 了一种实时跟踪和显示分数的方法。可以在“动态文本”文本框中为
该文本命名，文本框将接收这个变量的值，如果需要，还可以在变量
4.1.1 静态文本
静态文本在动画播放过程中，文本区域的文本是不可编辑和改 变的。但是可以对静态文本块进行缩放，旋转，转移或者扭曲，可 以在保持单个可编辑字符不变的情况下为他们指定不同的颜色和透 明度效果。和Flash中的其他图形元素一样，静态文本也可以动画 或者分层。Flash会把静态文字中使用的任何字体的轮廓都嵌入文 件中，以便在其他机器上显示文字，但是用户可以选择特定的设备 字体以减小最终的输出文件大小，还可以消除对小文字的抗锯齿或 是平滑功能。
4.3.2 设置间距和边距
边距就是文本内容距离文本框或文本区域边缘的距离。左边距就是文 本内容距离文本框或文本区域左边缘的距离。
首行缩进就是第一行文本距离文本框或文本区域左边缘的距离，当数 值为正时，表示文本在文本框或文本区域左边缘的右边，当数值为负 时，表示文本在文本框或文本区域左边缘的左边。