Fireworks全套课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一、合并图像形成动画 文件—打开，在打开图片对话框中，勾选“以动画打开”
第四节、用Fireworks制作动画
二、使用元件生成动画 • 创建一个动画元件：编辑—插入—新建元件，类型选择为“动画” • 编辑元件，在元件中插入文字或图片，完成后，使用“属性检查器输入动
画元件的设置，如角度、方向、缩放等 • 查看“帧”面板，通过调整“帧延时”来设置速度 • 将文档优化为GIF动画：窗口—优化，设置参数即可 • 也可以到处为SWF文件
第三节、用Fireworks制作具有动态效果的切图
1、新建一个画布，点击 “文件” -“新建（N）”命令
第三节、用Fireworks制作具有动态效果的切图
2、选择画布的大小，宽度：500像素、高度：500像素， 颜色：蓝色。
第三节、用Fireworks制作具有动态效果的切图
3、打开一个需要的图片，复制然后粘贴到画布中
第四节、用Fireworks制作动画
三、手工绘制（洋葱皮功能） • 洋葱皮：一种半透明的描图纸来查看动画序列，使用它可以查看当前选帧
之前或之后的内容，可以很流畅的是对象变为动画 • 操作步骤：单击“帧”面板的“洋葱皮按钮 • 选择显示选项 • 无洋葱皮即关闭洋葱皮，只显示当前帧 • 自定义：设置洋葱皮的不透明度 • 多帧编辑：可以选择和编辑所有可见对象
1. 操作系统为 Windows 98 SE/Me/NT 4 (Service Pack 6) /2000/Xp； 2. 300 MHz Intel Pentium∥以上的处理器 3. 64 MB可用内存(建议使用128 MB)外加80 MB可用磁盘空间，硬盘可
用空间至少60 MB 4. 只读光驱CD-ROM 5. 800× 600像素分辨率，256色或更高的显示模式 6. Adobe Type Manager 4或更高版本，以便处理Type1字体。
四、Fireworks的工作界面与工具
3、工具箱
四、Fireworks的工作界面与工具
3、工具箱
四、Fireworks的工作界面与工具
3、工具箱
第二节、用Fireworks切割图形
1、选择文件--打开命令，将一张图片放入到工作区中，如图所示
第二节、用Fireworks切割图形
2、然后打开左侧工具下方的切片工具，快捷键K
第六节、文字工具及其文字特效
五、文字环绕路径 选择文本—附加到路径，就可以将文字结合到特殊的路径上 六、查找和替换功能 不仅支持普通的文字查找替换，还可以修改文件中使用的颜色、字体和URL
第六节、文字工具及其文字特效
五、文字环绕路径 选择文本—附加到路径，就可以将文字结合到特殊的路径上 六、查找和替换功能 不仅支持普通的文字查找替换，还可以修改文件中使用的颜色、字体和URL
第三节、用Fireworks制作具有动态效果的切图
4、新增帧，一帧就是一个画面。在 “帧和历史纪录” 右下角有三个小图 标，点击第二个“新增/重制帧”。
第三节、用Fireworks制作具有动态效果的切图
5、分别在新增的帧上导入需要的图片的。保证每帧需要 的图片有变化。
第三节、用Fireworks制作具有动态效果的切图
第二节、用Fireworks切割图形
3、使用鼠标左键在图片上绘制形状，如 图，添加了切片处理的图片上面会显示 一个浅色的选框区
第二节、用Fireworks切割图形
4、将图片切成几个部分，中间要紧密切好，如果想 要删除切片，直接选中删除即可
第二节、用Fireworks切割图形
5、切片切好后，打开文件中的导出命令
一、Fireworks简介
特点： • 活效果：在对象的效果改变后，仍然保存着路径的可编辑性 • 自动应用纹理和填充效果 • 完整的文本控制组件 • 批处理过程 • 文件导出预览 • 图像映射 • 实例级按钮元件编辑 • 制取切片 • 与Dreamweaver的兼容性
二、Fireworks系统要求及安装：
四、Fireworks的工作界面与工具
工作界面包括工具面板、属性面 板、文档窗口、菜单栏和其他一 些浮动面板
文档窗口
四、Fireworks的工作界面与工具
工具面板分为六个模块
四、Fireworks的工作界面与工具
2、菜单的组成 文件：图像文件操作的基本项目，如新建、打开、保存等 编辑：对象操作的命令，如剪切、复制、粘贴等 视图：工作界面的设置，如缩放、网络、标尺 选择：全选、选取相似、羽化等对象选择操作 修改：对画布、动画、元件等进行修改 文本：设置文本格式，如大小、字体、样式 命令：管理扩展功能、运行脚本、创意等 滤镜：对图像对象进行特殊效果处理的命令，如模糊、锐化、调整颜色 窗口：所有面板、检查器和窗口的显示和隐藏 帮助
6、设置每一帧的显示时间。选中帧之 后，右上角有一个小图标，滑动时候会 显示“选项”，单击小图标，选择“属 性”，设置显示时间。如下图绿圈内的 内容
第三节、用Fireworks制作具有动态效果的切图
7、导出图片。选择：菜单栏“文件”下拉菜单中的 “导出向导”，并根据提示一步步进行操作。
第四节、用Fireworks制作动画
第五节、Fireworks绘图工具的使用
绘图工具包括： • 线形工具、矩形工具、钢笔、矢量路径、重绘路径 • 线形工具按住shift可画出水平或垂直线条；按住alt • 画出45度直线 • 矩形：按住shift绘制出正方形；按住alt绘制的图形 • 从中心向四周发展
第六节、文字工具及其文字特效
一、文字格式化功能 • 在工具栏的矢量区域，A形状的工具，即文本工具 • Fireworks可以定义单个文字的属性 • 可以随时随地修改文字内容
谢谢同学们！
《网页设计与制作》
——《Fireworks》
主要内容
• Fireworks简介 • 用Fireworks切割图形 • 用Firework制作有动态效果的切图 • 用Fireworks制作动画 • 用Fireworks的绘图工具的使用 • 文字工具及文字特效
一、Fireworks简介
Fireworks是一个创建、编辑和优化网页图形的多功能应用程序，可以创 建和编辑位图及矢量图形，设计网页效果、如变换图像和弹出菜单、修剪 和优化图像，以压缩其大小 特点： 活效果：在对象的效果改变后，仍然保存着路径的可编辑性 自动应用纹理和填充效果 完整的文本控制组件
Leabharlann Baidu六节、文字工具及其文字特效
二、文字色彩填充功能 • Fireworks将文字作为一种特殊的物件，能让文本工具识别，可以对文字
像普通路径一样更改颜色和描边，即使变形后也可以改颜色 三、文字对齐选项 • 左对齐、右对齐、水平居中、左右扩展、左右拉伸、顶端对齐、竖直居中、
底对齐、上下扩展、上下拉伸 四、文字的特色效果 • 提供了300多种内值的路径填充和描边效果
第四节、用Fireworks制作动画
二、使用元件生成动画 • 创建一个动画元件：编辑—插入—新建元件，类型选择为“动画” • 编辑元件，在元件中插入文字或图片，完成后，使用“属性检查器输入动
画元件的设置，如角度、方向、缩放等 • 查看“帧”面板，通过调整“帧延时”来设置速度 • 将文档优化为GIF动画：窗口—优化，设置参数即可 • 也可以到处为SWF文件
第三节、用Fireworks制作具有动态效果的切图
1、新建一个画布，点击 “文件” -“新建（N）”命令
第三节、用Fireworks制作具有动态效果的切图
2、选择画布的大小，宽度：500像素、高度：500像素， 颜色：蓝色。
第三节、用Fireworks制作具有动态效果的切图
3、打开一个需要的图片，复制然后粘贴到画布中
第四节、用Fireworks制作动画
三、手工绘制（洋葱皮功能） • 洋葱皮：一种半透明的描图纸来查看动画序列，使用它可以查看当前选帧
之前或之后的内容，可以很流畅的是对象变为动画 • 操作步骤：单击“帧”面板的“洋葱皮按钮 • 选择显示选项 • 无洋葱皮即关闭洋葱皮，只显示当前帧 • 自定义：设置洋葱皮的不透明度 • 多帧编辑：可以选择和编辑所有可见对象
1. 操作系统为 Windows 98 SE/Me/NT 4 (Service Pack 6) /2000/Xp； 2. 300 MHz Intel Pentium∥以上的处理器 3. 64 MB可用内存(建议使用128 MB)外加80 MB可用磁盘空间，硬盘可
用空间至少60 MB 4. 只读光驱CD-ROM 5. 800× 600像素分辨率，256色或更高的显示模式 6. Adobe Type Manager 4或更高版本，以便处理Type1字体。
四、Fireworks的工作界面与工具
3、工具箱
四、Fireworks的工作界面与工具
3、工具箱
四、Fireworks的工作界面与工具
3、工具箱
第二节、用Fireworks切割图形
1、选择文件--打开命令，将一张图片放入到工作区中，如图所示
第二节、用Fireworks切割图形
2、然后打开左侧工具下方的切片工具，快捷键K
第六节、文字工具及其文字特效
五、文字环绕路径 选择文本—附加到路径，就可以将文字结合到特殊的路径上 六、查找和替换功能 不仅支持普通的文字查找替换，还可以修改文件中使用的颜色、字体和URL
第六节、文字工具及其文字特效
五、文字环绕路径 选择文本—附加到路径，就可以将文字结合到特殊的路径上 六、查找和替换功能 不仅支持普通的文字查找替换，还可以修改文件中使用的颜色、字体和URL
第三节、用Fireworks制作具有动态效果的切图
4、新增帧，一帧就是一个画面。在 “帧和历史纪录” 右下角有三个小图 标，点击第二个“新增/重制帧”。
第三节、用Fireworks制作具有动态效果的切图
5、分别在新增的帧上导入需要的图片的。保证每帧需要 的图片有变化。
第三节、用Fireworks制作具有动态效果的切图
第二节、用Fireworks切割图形
3、使用鼠标左键在图片上绘制形状，如 图，添加了切片处理的图片上面会显示 一个浅色的选框区
第二节、用Fireworks切割图形
4、将图片切成几个部分，中间要紧密切好，如果想 要删除切片，直接选中删除即可
第二节、用Fireworks切割图形
5、切片切好后，打开文件中的导出命令
一、Fireworks简介
特点： • 活效果：在对象的效果改变后，仍然保存着路径的可编辑性 • 自动应用纹理和填充效果 • 完整的文本控制组件 • 批处理过程 • 文件导出预览 • 图像映射 • 实例级按钮元件编辑 • 制取切片 • 与Dreamweaver的兼容性
二、Fireworks系统要求及安装：
四、Fireworks的工作界面与工具
工作界面包括工具面板、属性面 板、文档窗口、菜单栏和其他一 些浮动面板
文档窗口
四、Fireworks的工作界面与工具
工具面板分为六个模块
四、Fireworks的工作界面与工具
2、菜单的组成 文件：图像文件操作的基本项目，如新建、打开、保存等 编辑：对象操作的命令，如剪切、复制、粘贴等 视图：工作界面的设置，如缩放、网络、标尺 选择：全选、选取相似、羽化等对象选择操作 修改：对画布、动画、元件等进行修改 文本：设置文本格式，如大小、字体、样式 命令：管理扩展功能、运行脚本、创意等 滤镜：对图像对象进行特殊效果处理的命令，如模糊、锐化、调整颜色 窗口：所有面板、检查器和窗口的显示和隐藏 帮助
6、设置每一帧的显示时间。选中帧之 后，右上角有一个小图标，滑动时候会 显示“选项”，单击小图标，选择“属 性”，设置显示时间。如下图绿圈内的 内容
第三节、用Fireworks制作具有动态效果的切图
7、导出图片。选择：菜单栏“文件”下拉菜单中的 “导出向导”，并根据提示一步步进行操作。
第四节、用Fireworks制作动画
第五节、Fireworks绘图工具的使用
绘图工具包括： • 线形工具、矩形工具、钢笔、矢量路径、重绘路径 • 线形工具按住shift可画出水平或垂直线条；按住alt • 画出45度直线 • 矩形：按住shift绘制出正方形；按住alt绘制的图形 • 从中心向四周发展
第六节、文字工具及其文字特效
一、文字格式化功能 • 在工具栏的矢量区域，A形状的工具，即文本工具 • Fireworks可以定义单个文字的属性 • 可以随时随地修改文字内容
谢谢同学们！
《网页设计与制作》
——《Fireworks》
主要内容
• Fireworks简介 • 用Fireworks切割图形 • 用Firework制作有动态效果的切图 • 用Fireworks制作动画 • 用Fireworks的绘图工具的使用 • 文字工具及文字特效
一、Fireworks简介
Fireworks是一个创建、编辑和优化网页图形的多功能应用程序，可以创 建和编辑位图及矢量图形，设计网页效果、如变换图像和弹出菜单、修剪 和优化图像，以压缩其大小 特点： 活效果：在对象的效果改变后，仍然保存着路径的可编辑性 自动应用纹理和填充效果 完整的文本控制组件
Leabharlann Baidu六节、文字工具及其文字特效
二、文字色彩填充功能 • Fireworks将文字作为一种特殊的物件，能让文本工具识别，可以对文字
像普通路径一样更改颜色和描边，即使变形后也可以改颜色 三、文字对齐选项 • 左对齐、右对齐、水平居中、左右扩展、左右拉伸、顶端对齐、竖直居中、
底对齐、上下扩展、上下拉伸 四、文字的特色效果 • 提供了300多种内值的路径填充和描边效果