fireworks cs5标准实例课件第1章 初识Fireworks CS5
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
Fireworks CS5新增了设计模板,利用内置的5种不同类型的模板: 文档预设、网格系统、移动设备、网页和线框图,用户能够快速创建 相应的应用,减少二次开发,提高效率。此外,用户还可以将常用的 文档结构保存为可与设计小组共享的模板。
在【新建文档】对话框中,单击左下角的【模板】按钮,即可打 开【通过模板新建】对话框,在弹出的对话框中可以选择需要的模板 文件。
2、打开、保存、关闭文档 3、修改文档属性
(1)执行【修改】/【画布】/【画布大小】命令。 (2)在【新尺寸】区域输入画布新的高度和宽度值。 (3)【锚定】区域中的按钮表示画布扩展或收缩的方向。 (4)如果只要改变当前页面的大小,则须保留选中【仅当前页面】选 项。如果要修改当前文档中所有页面的大小,则取消选中该复选框。
1.2 基础知识
1.2.1 位图与矢量图
位图:也叫作栅格图,是由许多小栅格(即像素)组成的。处理位图 时,实际上是编辑像素。在表现图像中的阴影和色彩的细微变化方面, 或者进行一些特殊效果处理时,位图是最佳的选择。但是一定要注意, 位图的清晰度与其分辨率密切相关,缩放位图图像会改变其显示效果。 例如,在放大位图图像时会出现马赛克效果。
(5)设置完毕,单击【确定】按钮。 此外还可以使用工具栏中的裁切工具改变画布的大小。在文档中拖动
鼠标勾绘出整个文档的裁切边框后,双击鼠标即可将画布改变为裁切 框所包围的大小。
注意:在重设画布大小时,画布大小变化等同于文档大小的变化,但 是不等同于文档中图像对象的大小变化。也就是说改变画布大小仅改 变画布的大小,画布上所绘制的图像比例并不改变。
1.1 Fireworks CS5的新功能
Fireworks CS5不仅继承了以往Fireworks的强大功能,还增添了 许多新的特性。
增强的性能和稳定性 精确到像素的渲染 支持Adobe Flash应用程序工作流程 设计模板 Adobe色板交换支持 设计完整的网站 Adobe Device Central集成 改进的可扩展性
1.3.7 辅助工具
标尺
辅助线 使用9切片缩放辅助线可以在缩放标准对象或元件时,最好地
保留对象指定区域的几何形状,辅助线之外的部分(如对象的四个 角)在缩放时不会变形。
智能辅助线是临时的对齐辅助线,可帮助用户相对于其它对象 创建对象、对齐对象、编辑对象和使对象变形。
网格
1.3.6 导入图像
1.选择【文件】/【导入】命令。 2.在导入文件对话框中选择需导入的文件,单击【打开】按钮。 3.在文档窗口拖动鼠标指针,出现一个虚线矩形框,如左图所示。松开
鼠标,图片被导入到矩形框中。导入图片大小、位置和尺寸由拖动产 生的矩形框决定,如右图所示。
也可以直接在文档编辑窗口中单击鼠标,图片也能被导入。单击的位 置即为图片左上角的位置,图片的大小不变,保持原尺寸。
第1章 初识Fireworks CS5
本章重点 Fireworks 可以与多种产品集成在一起,包括Adobe的其它产品
(如 Dreamweaver、Flash、FreeHand 和 Director)和其它您喜欢 的图形应用程序及 HTML 编辑器,这无疑使多个软件的功能得到了互 补与加强,尤其是使Fireworks的功能得到了无限的扩展,从而提供 了一个真正集成的 Web 解决方案。 学习目的 通过本章的学习,您可以: 了解Fireworks CS5的新功能 掌握基础知识 基本操作
1.3.2 工具箱
1.3.3 修改工具栏
1.3.4 面板的使用
分组和移动面板 Fireworks CS5中的常用面板
1.3.5 文件的操作
1、新建文件 选择【文件】/【新建】命令,在弹出的【新建文档】对话框中设置文 档的各项参数后,即可新建一个PNG文档。
【新建文档】对话框中各项属性的含义如下: 宽度/高度:画布的宽度/高度值。 分辨率:图像的分辨率。 画布颜色:设置需要的画布颜色。
矢量图:是用一组数学指令来描述图像的内容,这些指令定义了构成 图像的所有直线、曲Biblioteka Baidu等要素的形状、位置等信息。使用矢量图任意 缩放图像,或以任意分辨率的设备输出图像,都不会影响图像的品质。 例如,Flash、FreeHand、LiveMotion等软件处理的就是矢量图。
1.3 基本操作
1.3.1 工作界面
在【新建文档】对话框中,单击左下角的【模板】按钮,即可打 开【通过模板新建】对话框,在弹出的对话框中可以选择需要的模板 文件。
2、打开、保存、关闭文档 3、修改文档属性
(1)执行【修改】/【画布】/【画布大小】命令。 (2)在【新尺寸】区域输入画布新的高度和宽度值。 (3)【锚定】区域中的按钮表示画布扩展或收缩的方向。 (4)如果只要改变当前页面的大小,则须保留选中【仅当前页面】选 项。如果要修改当前文档中所有页面的大小,则取消选中该复选框。
1.2 基础知识
1.2.1 位图与矢量图
位图:也叫作栅格图,是由许多小栅格(即像素)组成的。处理位图 时,实际上是编辑像素。在表现图像中的阴影和色彩的细微变化方面, 或者进行一些特殊效果处理时,位图是最佳的选择。但是一定要注意, 位图的清晰度与其分辨率密切相关,缩放位图图像会改变其显示效果。 例如,在放大位图图像时会出现马赛克效果。
(5)设置完毕,单击【确定】按钮。 此外还可以使用工具栏中的裁切工具改变画布的大小。在文档中拖动
鼠标勾绘出整个文档的裁切边框后,双击鼠标即可将画布改变为裁切 框所包围的大小。
注意:在重设画布大小时,画布大小变化等同于文档大小的变化,但 是不等同于文档中图像对象的大小变化。也就是说改变画布大小仅改 变画布的大小,画布上所绘制的图像比例并不改变。
1.1 Fireworks CS5的新功能
Fireworks CS5不仅继承了以往Fireworks的强大功能,还增添了 许多新的特性。
增强的性能和稳定性 精确到像素的渲染 支持Adobe Flash应用程序工作流程 设计模板 Adobe色板交换支持 设计完整的网站 Adobe Device Central集成 改进的可扩展性
1.3.7 辅助工具
标尺
辅助线 使用9切片缩放辅助线可以在缩放标准对象或元件时,最好地
保留对象指定区域的几何形状,辅助线之外的部分(如对象的四个 角)在缩放时不会变形。
智能辅助线是临时的对齐辅助线,可帮助用户相对于其它对象 创建对象、对齐对象、编辑对象和使对象变形。
网格
1.3.6 导入图像
1.选择【文件】/【导入】命令。 2.在导入文件对话框中选择需导入的文件,单击【打开】按钮。 3.在文档窗口拖动鼠标指针,出现一个虚线矩形框,如左图所示。松开
鼠标,图片被导入到矩形框中。导入图片大小、位置和尺寸由拖动产 生的矩形框决定,如右图所示。
也可以直接在文档编辑窗口中单击鼠标,图片也能被导入。单击的位 置即为图片左上角的位置,图片的大小不变,保持原尺寸。
第1章 初识Fireworks CS5
本章重点 Fireworks 可以与多种产品集成在一起,包括Adobe的其它产品
(如 Dreamweaver、Flash、FreeHand 和 Director)和其它您喜欢 的图形应用程序及 HTML 编辑器,这无疑使多个软件的功能得到了互 补与加强,尤其是使Fireworks的功能得到了无限的扩展,从而提供 了一个真正集成的 Web 解决方案。 学习目的 通过本章的学习,您可以: 了解Fireworks CS5的新功能 掌握基础知识 基本操作
1.3.2 工具箱
1.3.3 修改工具栏
1.3.4 面板的使用
分组和移动面板 Fireworks CS5中的常用面板
1.3.5 文件的操作
1、新建文件 选择【文件】/【新建】命令,在弹出的【新建文档】对话框中设置文 档的各项参数后,即可新建一个PNG文档。
【新建文档】对话框中各项属性的含义如下: 宽度/高度:画布的宽度/高度值。 分辨率:图像的分辨率。 画布颜色:设置需要的画布颜色。
矢量图:是用一组数学指令来描述图像的内容,这些指令定义了构成 图像的所有直线、曲Biblioteka Baidu等要素的形状、位置等信息。使用矢量图任意 缩放图像,或以任意分辨率的设备输出图像,都不会影响图像的品质。 例如,Flash、FreeHand、LiveMotion等软件处理的就是矢量图。
1.3 基本操作
1.3.1 工作界面