当前位置：文档之家 › fireworks cs5标准实例教程 配套全册教学课件

fireworks cs5标准实例教程 配套全册教学课件

  • 格式：ppt
  • 大小：3.63 MB
  • 文档页数：20

下载文档原格式

  / 20

合集下载

fireworks cs5标准实例课件第9章 优化与导出图像(共17张PPT)

fireworks cs5标准实例课件第9章 优化与导出图像(共17张PPT)
第十一页，共17页。
9.3.4 导出CSS层
1．选择菜单【文件】/【导出】命令，翻开【导出】对话框。 2．在【保存类型】下拉列表中，选择【CSS层和图像】。 3．在【导出】对话框底部选择要导出的范围。 假设要仅导出当前状态，选择【仅限当前状态】。 假设要仅导出当前页面(yè miàn)，选择【仅限当前页面(yè miàn)】。 假设要为图像选择文件夹，那么选择【将图像放入子文件夹】，并单击 【浏览】按钮，定位到相应的文件夹。 4．单击【选项】按钮设置【HTML】页面(yè miàn)属性。 5．在【常规】选项卡的【文档属性】区域，单击【浏览】按钮指定背景 图像并设置背景图像平铺。 无重复：仅显示一次图像。 重复：横向和纵向重复或平铺图像。 横向重复：横向平铺图像。 纵向重复：纵向平铺图像。 6．在页面(yè miàn)下拉列表中选择页面(yè miàn)在浏览器中的对齐方式。 7．单击【确定】按钮关闭【HTML设置】对话框，然后单击【保存】按钮。
注意：在导出到PDF时，即使 Fireworks 文档中的页面具有透明画布， 应用了透明特性的对象也会失去其透明特性。为防止出现这种情况，请在导 出到 PDF 之前将画布设置为非透明背景。
第十三页，共17页。
9.3.6 导出矢量(shǐliàng) 对象
将矢量对象导出为FreeHand和Illustrator支持的格式的具体操作(cāozuò) 如下所示：
第十四页，共17页。
9.3.6 导出矢量(shǐliàng)对 象
将Fireworks的PNG文档中的矢量对 象导出为Flash所支持的格式的操作如下：
1．执行【文件】/【另存为】命令。 2．在保存类型下拉列表中选择 【Adobe Flash SWF】选项。 3．单击【选项】按钮，翻开【导出 选项】对话框，如以以下图。 4．【对象】区域可以设置对路径对 象的转换选项。 5．在【文本(wénběn)】区域设置文 档中文本(wénběn)对象的转换选项。 6．在【JPEG品质】区域设置导出 的JPEG图像质量。 7．在【状态】区域设置状态的导出 方式。 8．在【状态比率】文本(wénběn)框 设置状态播放的频率，单位是状态/秒。 9．设置完毕，按下【确定】按钮。

fireworks cs5标准实例课件第1章 初识Fireworks CS5

fireworks cs5标准实例课件第1章 初识Fireworks CS5
改文档属性
（1）执行【修改】/【画布】/【画布大小】命令。 （2）在【新尺寸】区域输入画布新的高度和宽度值。 （3）【锚定】区域中的按钮表示画布扩展或收缩的方向。 （4）如果只要改变当前页面的大小，则须保留选中【仅当前页面】选 项。如果要修改当前文档中所有页面的大小，则取消选中该复选框。
1.3.7 辅助工具
标尺
辅助线 使用9切片缩放辅助线可以在缩放标准对象或元件时，最好地
保留对象指定区域的几何形状，辅助线之外的部分（如对象的四个 角）在缩放时不会变形。
智能辅助线是临时的对齐辅助线，可帮助用户相对于其它对象 创建对象、对齐对象、编辑对象和使对象变形。
网格
1.1 Fireworks CS5的新功能
Fireworks CS5不仅继承了以往Fireworks的强大功能，还增添了 许多新的特性。
增强的性能和稳定性 精确到像素的渲染 支持Adobe Flash应用程序工作流程 设计模板 Adobe色板交换支持 设计完整的网站 Adobe Device Central集成 改进的可扩展性
第1章 初识Fireworks CS5
本章重点 Fireworks 可以与多种产品集成在一起，包括Adobe的其它产品
（如 Dreamweaver、Flash、FreeHand 和 Director）和其它您喜欢 的图形应用程序及 HTML 编辑器，这无疑使多个软件的功能得到了互 补与加强，尤其是使Fireworks的功能得到了无限的扩展，从而提供 了一个真正集成的 Web 解决方案。 学习目的 通过本章的学习，您可以： 了解Fireworks CS5的新功能 掌握基础知识 基本操作
1.2 基础知识
1.2.1 位图与矢量图
位图：也叫作栅格图，是由许多小栅格（即像素）组成的。处理位图 时，实际上是编辑像素。在表现图像中的阴影和色彩的细微变化方面， 或者进行一些特殊效果处理时，位图是最佳的选择。但是一定要注意， 位图的清晰度与其分辨率密切相关，缩放位图图像会改变其显示效果。 例如，在放大位图图像时会出现马赛克效果。

fireworks教案课件第1章

fireworks教案课件第1章

1.2.4 工具箱
使用视图工具可以控制文档窗口的显示效果。
1.2.5 文档编辑窗口
在文档编辑窗口顶部有4个选项卡，用于控制文档编辑窗口的显示模 式：
“原始”：显示当前编辑的PNG文档。 “预览”：预览当前编辑的文档。 “2幅”：2窗口比较。 “4幅”：4窗口比较。
在文档编辑窗口右上角有一个“文件管理”按钮，用于轻松地访问文 件传输命令。
令。 “打开”：打开一个已存在的图像文件。对应“文件”|“打开”命
令。 “导入”：导入一幅图像，对应于“文件”|“导入”命令。 “导出”：导出一幅图像，对应于“文件”|“导出”命令。 “打印”：将编辑的图像文件输出到打印设备。对应“文件”|“打
印”命令。 “撤消”：撤消以前对对象的错误操作。对应于“编辑”|“撤消”
命令。 “重作”：重复最近一次撤消的操作。对应于“编辑”|“重作”命
令。 “剪切”：复Байду номын сангаас选定的对象到剪切板中并删除原来的对象。对应
“编辑”|“剪切”命令。 “复制”：复制选定的对象到剪切板中。对应于“编辑”|“复制”
命令。 “粘贴”：将剪切板中的对象粘贴到舞台。对应于“编辑”|“粘贴”
命令。
即可将相应的浮动面板隐藏或显示。 方法二：在展开的浮动面板的页签上单击鼠标右键，在弹出的快捷菜单
中选择“关闭”命令，可以关闭浮动面板；如果选择“关闭选项卡组”， 则关闭浮动面板组。 方法三：可以利用Tab快捷键。按一次Tab快捷键，可以隐藏所有的浮动 面板，再按一次Tab快捷键，又可以将原先所有显示的浮动面板重新显示 出来。
1.2.2 菜单栏
Fireworks CS5的菜单栏包括“文件”、“编辑”、“视图”、“选 择”、“修改”、“文本”、“命令”、“滤镜”、“窗口”、“帮 助”10个菜单项。

最新fireworks cs5入门与提高课件第3章 对象的简单操作幻灯片

最新fireworks cs5入门与提高课件第3章 对象的简单操作幻灯片

17.1.2 反比例函数的图象和性质（1）
一、画反比例函数图象：
描点法：列表、描点、连线。
二、反比例函数图象的性质：
1、反比例函数的图象是双曲线； 2、k大一三减，k小二四增。
通过 9 切片缩放工具可以智能缩放矢量或位图图像中的按钮与图形元件。 缩放矢量和位图对象而不扭曲其几何形状，并且能保留关键元素（如文本或 圆角）的外观。
5．旋转对象
3.3 颜色管理
3.3.1 颜色
以红（Red）、绿（Green）、蓝（Blue）三色为基本色的颜色模型 称作RGB模型。红、绿、蓝是三原色，所有其他颜色都可以由这3种 颜色组合而成。计算机就是通过改变每个像素点上的每个基色的亮度， 将这3种颜色调成成千上万种颜色。
《反比例函数的图象和性质》
--说课
加区三中 赵波
第一部分：说教材
人教版八年级下册第十七章第一节反比例函数， 本节分为三课时，这是第二课时《反比例函数的图象 和性质》的新授课。
第二部分：说目标
知识目标：会用描点法画出反比例函数的图象； 结合图象分析反比例函数的性质。
过程方法：经历画图、观察、猜想、思考等数学活 动，渗透函数思想。
第五部分：说教法
1、采用问题情境引入新课。 2、引导学生经历“探究—讨论—交流—总结”的过程。 3、尊重学生的个体差异，因材施教。 4、充分运用现代信息技术辅助教学。
第六部分：说教学过程
1、创设情境 以旧探新 2、尝试发现 探索新知 3、以练促思 强化新知 4、反思总结 布置作业
第七部分：说板书设计
使用颜色选择板设置颜色 选择样本组合
3.3.3 混色器
在Fireworks CS5中，还可以根据需要创建自己的颜色并将其应用到 选择的对象上，这些都是通过混色器实现的。

网页图形处理工具Fireworks CS5从入门到精通PPT共34页

网页图形处理工具Fireworks CS5从入门到精通PPT共34页
网页图形处理工具Fireworks CS5从入门 到精通
1、合法而稳定的权力在使用得当时很 少遇到 抵抗。 ——塞 ·约翰 逊 2、权力会使人渐渐失去温厚善良的美 德。— —伯克
3、最大限度地行使权力总是令人反感 ；权力 不易确 定之处 始终存 在着危 险。— —塞·约翰逊 4、权力会奴化一切。——塔西佗
5、虽然权力是一头固执的熊，可是金 子可以 拉着它 的鼻子 走。— —莎士 比
1、最灵繁的人也看不见自己的背脊。——非洲 2、最困难的事情就是认识自己。——希腊 3、有勇气承担命运这才是英雄好汉5、阅读使人充实，会谈使人敏捷，写作使人精确。——培根

fireworks教案课件第1章初识FireworksCS5

fireworks教案课件第1章初识FireworksCS5

1.2 基础知识
1.2.1 ห้องสมุดไป่ตู้图与矢量图
位图：也叫作栅格图，是由许多小栅格（即像素）组成的。处理位图 时，实际上是编辑像素。在表现图像中的阴影和色彩的细微变化方面， 或者进行一些特殊效果处理时，位图是最佳的选择。但是一定要注意， 位图的清晰度与其分辨率密切相关，缩放位图图像会改变其显示效果。 例如，在放大位图图像时会出现马赛克效果。
CMY色彩模式：CMY模式是减色模型，通常在印刷行业中使用。它以 青色、品红、黄色、黑色为基色，因此又叫CMYK模型。
HSB色彩模式：该模式将色彩分为色调、饱和度和亮度三个要素。
灰度色彩模式：灰度色彩模式是用0~255种灰度值来表现图像中像素颜 色的一种色彩模式，该模式可以使图像的过渡更加平滑细腻，也是一 种能让彩色模式转换为位图和双调图的过渡模式。
1、新建文件 选择【文件】/【新建】命令，在弹出的【新建文档】对话框中设置文 档的各项参数后，即可新建一个PNG文档。
【新建文档】对话框中各项属性的含义如下： 宽度/高度：画布的宽度/高度值。 分辨率：图像的分辨率。 画布颜色：设置需要的画布颜色。
Fireworks CS5新增了设计模板，利用内置的5种不同类型的模板： 文档预设、网格系统、移动设备、网页和线框图，用户能够快速创建 相应的应用，减少二次开发，提高效率。此外，用户还可以将常用的 文档结构保存为可与设计小组共享的模板。
第1章 初识Fireworks CS5
本章重点 Fireworks 可以与多种产品集成在一起，包括Adobe的其它产品
（如 Dreamweaver、Flash、FreeHand 和 Director）和其它您喜欢 的图形应用程序及 HTML 编辑器，这无疑使多个软件的功能得到了互 补与加强，尤其是使Fireworks的功能得到了无限的扩展，从而提供 了一个真正集成的 Web 解决方案。 学习目的 通过本章的学习，您可以： 了解Fireworks CS5的新功能 掌握基础知识 基本操作
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页安全色：目前的浏览器使用了256色中的40种颜色，所以这40种颜 色不再用于网页设计，剩余的216种颜色被称为网页安全色。
1.3 基本操作
1.3.1 工作界面
1.3.2 工具箱
1.3.3 修改工具栏
1.3.4 面板的使用
分组和移动面板 Fireworks CS5中的常用面板
1.3.5 文件的操作
1、新建文件 选择【文件】/【新建】命令，在弹出的【新建文档】对话框中设置文 档的各项参数后，即可新建一个PNG文档。
【新建文档】对话框中各项属性的含义如下： 宽度/高度：画布的宽度/高度值。 分辨率：图像的分辨率。 画布颜色：设置需要的画布颜色。
Fireworks CS5新增了设计模板，利用内置的5种不同类型的模板： 文档预设、网格系统、移动设备、网页和线框图，用户能够快速创建 相应的应用，减少二次开发，提高效率。此外，用户还可以将常用的 文档结构保存为可与设计小组共享的模板。
学习的过程中多加体会，让Fireworks CS5真正成为您处理网页图像 的得力助手。 学习目的
通过本章的学习，要求掌握： 形状工具 自由路径 笔触和填充 位图选择工具
2.1 矢量对象
2.1.1 形状工具 形状工具组中有17种形状工具，即如图所示
的形状工具组和直线工具。
使用形状工具绘制图形的一般步骤如下：
1.2 基础知识
1.2.1 位图与矢量图
位图：也叫作栅格图，是由许多小栅格（即像素）组成的。处理位图 时，实际上是编辑像素。在表现图像中的阴影和色彩的细微变化方面， 或者进行一些特殊效果处理时，位图是最佳的选择。但是一定要注意， 位图的清晰度与其分辨率密切相关，缩放位图图像会改变其显示效果。 例如，在放大位图图像时会出现马赛克效果。
（5）设置完毕，单击【确定】按钮。 此外还可以使用工具栏中的裁切工具改变画布的大小。在文档中拖动
鼠标勾绘出整个文档的裁切边框后，双击鼠标即可将画布改变为裁切 框所包围的大小。
注意：在重设画布大小时，画布大小变化等同于文档大小的变化，但 是不等同于文档中图像对象的大小变化。也就是说改变画布大小仅改 变画布的大小，画布上所绘制的图像比例并不改变。
1．在工具箱中选择一种形状工具。 2．在【属性】面板中设置填充和笔触样式、合成
图像的分辨率越高，构成图像的像素数就越多，相应地，图像文件也 就越大。在处理网页图像时，一定要平衡好图像的色彩品质和网络传 输速度之间的关系。
设计处理网页图像时，一般PC机的分辨率是96 ppi，苹果机的分辨率 是72 ppi。
1.2.3 色彩模式
RGB色彩模式：该模式俗称三基色。这种模式是以红、绿、蓝三种基 本色为基础，进行不同程度的叠加，从而产生丰富而广泛的颜色。
矢量图：是用一组数学指令来描述图像的内容，这些指令定义了构成 图像的所有直线、曲线等要素的形状、位置等信息。使用矢量图任意 缩放图像，或以任意分辨率的设备输出图像，都不会影响图像的品质。 例如，Flash、FreeHand、LiveMotion等软件处理的就是矢量图。
1.2.2 分辨率
分辨率是位图特有的概念，图像的分辨率是指单位长度上的像素数， 通常用每英寸中的像素数来表示（即ppi）。
1.3.6 导入图像
1．选择【文件】/【导入】命令。 2．在导入文件对话框中选择需导入的文件，单击【打开】按钮。 3．在文档窗口拖动鼠标指针，出现一个虚线矩形框，如左图所示。松开
鼠标，图片被导入到矩形框中。导入图片大小、位置和尺寸由拖动产 生的矩形框决定，如右图所示。
也可以直接在文档编辑窗口中单击鼠标，图片也能被导入。单击的位 置即为图片左上角的位置，图片的大小不变，保持原尺寸。
1.3.7 辅助工具
在缩放标准对象或元件时，最好地
保留对象指定区域的几何形状，辅助线之外的部分（如对象的四个 角）在缩放时不会变形。
智能辅助线是临时的对齐辅助线，可帮助用户相对于其它对象 创建对象、对齐对象、编辑对象和使对象变形。
网格
第2章 绘制图像
本章重点 本章重点介绍各种绘图工具的使用方法与技巧，希望读者朋友在
在【新建文档】对话框中，单击左下角的【模板】按钮，即可打 开【通过模板新建】对话框，在弹出的对话框中可以选择需要的模板 文件。
2、打开、保存、关闭文档 3、修改文档属性
（1）执行【修改】/【画布】/【画布大小】命令。 （2）在【新尺寸】区域输入画布新的高度和宽度值。 （3）【锚定】区域中的按钮表示画布扩展或收缩的方向。 （4）如果只要改变当前页面的大小，则须保留选中【仅当前页面】选 项。如果要修改当前文档中所有页面的大小，则取消选中该复选框。
第1章 初识Fireworks CS5
本章重点 Fireworks 可以与多种产品集成在一起，包括Adobe的其它产品
（如 Dreamweaver、Flash、FreeHand 和 Director）和其它您喜欢 的图形应用程序及 HTML 编辑器，这无疑使多个软件的功能得到了互 补与加强，尤其是使Fireworks的功能得到了无限的扩展，从而提供 了一个真正集成的 Web 解决方案。 学习目的 通过本章的学习，您可以： 了解Fireworks CS5的新功能 掌握基础知识 基本操作
1.1 Fireworks CS5的新功能
Fireworks CS5不仅继承了以往Fireworks的强大功能，还增添了 许多新的特性。
增强的性能和稳定性 精确到像素的渲染 支持Adobe Flash应用程序工作流程 设计模板 Adobe色板交换支持 设计完整的网站 Adobe Device Central集成 改进的可扩展性
CMY色彩模式：CMY模式是减色模型，通常在印刷行业中使用。它以 青色、品红、黄色、黑色为基色，因此又叫CMYK模型。
HSB色彩模式：该模式将色彩分为色调、饱和度和亮度三个要素。
灰度色彩模式：灰度色彩模式是用0~255种灰度值来表现图像中像素颜 色的一种色彩模式，该模式可以使图像的过渡更加平滑细腻，也是一 种能让彩色模式转换为位图和双调图的过渡模式。