Fireworks的基本操作
第四章 Fireworks(修改)

第四章 图像处理的基本操作
4.1.2 Fireworks 8的工作界面 的工作界面
Fireworks 8 工作面板
第四章 图像处理的基本操作
4.1.2 Fireworks 8的工作界面 的工作界面
4."属性"面板 当选择对象或选取工具的时候,其相关信息就会在"属性"面板中显 示出来.同时也可以通过修改"属性"面板中的数据或内容来调整图 像的相关属性.例如图像的大小,位置及色彩等等. 5. 其他面板组 面板组是Fireworks中常用的资源面板,也是浮动的控件,能够帮助 用户编辑所选对象的各个方面或文档的元素.Fireworks的组合面板 共有14个,分别为"信息","层","混色器","颜色样本", "样式","URL","库","形状","帧","历史记录", "行为","查找","优化"和"对齐"面板".每个面板即可相 互独立进行排列又可与其它面板组合成一个新面板.但各面板的功能 依然相互独立.点击面板上的名称可展开或折叠该面板. 6. 状态栏 状态栏显示已创建文档的其他相关信息.
1.创建文档
要创建新图像,可以使用"开始页"创建文档,也可以通过选择 【文件】→【新建】菜单命令,打开如下图所示的"新建文档"对 话框.
设置好参数后,单击"确定"按钮,即可创建一个默认名称为"未 命名-1.png"的空白普通图像文档. 第四章 图像处理的基本操作
Fireworks使用基础

位图工具
"滴管"工具 :用于吸取鼠标所在位置的 颜色. "油漆桶"工具 :利用已设置的颜色填 充所选择的区域. "渐变"工具 :利用设置的渐变颜色填 充所选中的区域.
"新建文档"对话框 新建文档" 新建文档
2)保存文档 )
中保存文档有以下两种方法完成: 在Fireworks中保存文档有以下两种方法完成: 中保存文档有以下两种方法完成 选择【文件】→【保存】命令或按【Ctrl+S】 快捷键. 单击快捷工具栏中的"保存"按钮 . 如果文档是第一次保存或选择【文件】 【 如果文档是第一次保存或选择【文件】→【另 存为】命令, 另存为"对话框. 存为】命令,则会打开 "另存为"对话框.在 对话框中可以选择保存文档的位置和输入文件 的名称, 按钮进行保存. 的名称,设置完成后单击 按钮进行保存.
7)控制面板 )
中有多个控制面板, 在Fireworks 中有多个控制面板,一般位 于工作界面的右侧. 于工作界面的右侧. 在默认情况下有些面板没有显示, 在默认情况下有些面板没有显示,可以选 窗口" 择"窗口"菜单中相应的命令显示或者隐 藏这些面板. 藏这些面板.
11.2 文档的基本操作
Fireworks文档的基本操作包括文档的新 文档的基本操作包括文档的新 保存,打开和导入的操作. 建,保存,打开和导入的操作.
Fireworks8

绘图编辑区 属性检查器 工具箱 工具栏:主要工具栏、修改工具烂 控制面板 菜单栏
2021/4/4
3
1. Fireworks8操作基础
Fireworks基本操作
文档操作 画布与图像操作 画面调整与辅助功能的使用 操作的撤销与重做
2021/4/4
4
1. Fireworks8操作基础
运用矢量对象可以创建矢量蒙版,即矢量形状作为蒙版外 观、位图图像作为蒙版所遮盖的对象。位图通过矢量蒙版 的填充部分显露出来。
消除红眼
用灰色和黑色替换照片中的红色区域,解决红眼 问题
橡皮图章
“橡皮图章”工具用于复制像素
2021/4/4
13
3. 位图工具的使用
调整色调
由三原色配出的各种颜色,大体可分为冷色调和 暖色调,调整照片中的色调,就是调整照片中红、 蓝、绿三种颜色的比例,使照片的颜色呈现出不 同的效果。
在Fireworks中调整色调有三种方法:
绘制宝马标志
笔触面板
绘制中央5套标志
弯曲和扭曲
“自由变形”工具:可以直接对矢量路径进行弯曲变 形
2021/4/4
“更改区域形状”工具:拉伸变形工具指针内的所有路16
4. 矢量图工具的使用
剪裁——绘制LG标志
刀子工具
联合、交集与打孔——绘制花朵与雨伞
【修改】|【组合路径】|【联合】 【修改】|【组合路径】|【交集】 【修改】|【组合路径】|【打孔】
自动色阶:【滤镜】|【调整颜色】|【自动色阶】 色阶: 【滤镜】|【调整颜色】|【色阶】 曲线: 【滤镜】|【调整颜色】|【曲线】
2021/4/4
14
3. 位图工具的使用
调整亮度和对比度
firework基本操作的技巧

firework基本操作的技巧firework基本操作的技巧钉子有两个长处:一个是“挤”劲,一个是“钻”劲。
我们在学习上,也要提倡这种“钉子”精神,善于挤和钻。
以下是店铺为大家搜索整理的firework基本操作的技巧,希望对大家有所帮助!1、方向键移动按住Shift,每次移动是10个像素2、用【指针】移动按住Shift,保证水平和垂直方向3、按住【Alt】键不放,拖拽可以复制对象,自动形状不能用这个方法4、所有形状工具绘图,按住【Shift】,可以绘制1比1的图形5、任何时候按住【空格键】不放,可以变成小手工具,移动画布6、使用【矩形】工具画图时,按住键盘上、下键不放,不要松开鼠标左键,可以增加、减小矩形的圆度7、编辑群组形状部分图形,可以使用【部分选取】工具8、使用【钢笔】工具,按住【ALT】键不放,可以随时调整路径点的控制手柄9、使用【刷子】工具绘图时,按住【shift】不放,可以绘制连续的线条10、按住【ALT】键不放,点击位图图层,可以根据位图的形状获得选区11、绘制多个选区时,按住【shift】增加选区,按住【Alt】减少选区,按住【shift+alt】进行交集运算12、在给选区填充颜色时,按住【Alt+Delete】快速填充13、按住【ctrl+F8】,可以创建一个新的元件14、按住【Ctrl】键,单击【混色器】面板下方的颜色栏,可以快速切换到不同的颜色模式15、在【颜色窗口】采集颜色时,按住【Shift】键可以确保获得的颜色是网络安全色16、如果要给辅助线精确定位,可以在辅助线上双击鼠标左键,在弹出的'【移动引导线】对话框中输入详细坐标值17、在【层】面板中,选中蒙版图标拖到其他位置,可以删除蒙版,并且保留蒙版对象18、要改变同一图层内对象的叠加顺序时,可以使用【Ctrl】键加上、下键快速调整19、使用【文本】工具点击已创建文本,选中文本,按住【Ctrl】加上下键可以调整文本行间距,按住【Ctrl】加右键可以调整文本字间距20、经常使用的效果,如渐变或滤镜,可以直接保持到【样式】面板中,随时调用21、如果需要把某个对象的属性添加到另一个对象上,可以对对象A按快捷键【Ctrl+C】,然后对对象B按快捷键【Ctrl+Shift+Alt+V】即可。
第5章 Fireworks基本操作

【例5.6】粘贴为蒙板
(1)打开一张图片文件,选择“椭圆”工具,边按住键盘上的Shift 键边拖动鼠标可以在图片上画一个圆,然后克隆一个一样的圆,用 “指针”工具调整两个圆的位置,如下图所示。
(2)按住键盘上的Shift,同时选中这两个圆。 (3)执行“修改”→“组合”菜单命令,将两个圆组合在一起。 (4)执行“编辑”→“剪切”菜单命令,剪切两个圆。
【例5.3】位图的编辑
【例5.3】位图的编辑
(1)执行“文件”→“打开”菜单命令打开文档 “car.jpg”。 (2)选择工具面板上的“魔术棒”工具,在图片空白 处点击一下,即选中空白区域。 (3)选择工具面板上的“渐变”工具。 (4)在“属性”面板上,按下“填充颜色”按钮向下 的箭头,设置渐变色,点击左边的颜色样本改为黄色, 右边的颜色样本改为白色。 (5)再将“属性”面板上的纹理设置为“钢琴键” 。 (6)在选中的空白区域内单击,即将渐变色运用到选 区中。
【例5.5】文字蒙板
(1)创建一个空白文档(400*300像素),画布颜色为黑色,选择工具 面板中的“刷子”工具在属性面板中设置笔触属性。 (2)使用笔刷在文档中拖动,绘制位图图像 (3)使用“文字”工具在文档中输入:HAPPY LIFE,在属性面板中设置文 字属性。 (4)按住键盘上的CTRL键,在层面板中选择文字层和位图层后松开,执行 “修改”→“蒙板”→“组合为蒙板”命令,即可完成蒙板效果的创建。
Fireworks的工作界面
样式面板的使用
通过创建样式,可以保存 并重新应用一组预定义的 填充、笔触、滤镜和文本 属性。将样式应用于对象 后,该对象即具备了该样 式的特性。Fireworks 提供 了许多预定义的样式。可 以添加、更改和删除样式。 还可将样式导出以便与其 他 Fireworks 用户共享,或 者从其它 Fireworks 文档导 入样式。
Fireworks新手入门教程

将 "属性"检查器降低到半高: 单击 "属性"检查器右下角的扩展箭头。 从 "属性"检查器 "选项"菜单中选择 "半高" 。
在 Windows 中, "选项"菜单仅当停放了 "属性"检查器时才可用。
使用面板
面板可以帮助您编辑文档中所选对象或元素的各个方面。面板可用于处理帧、 层、元件等。每个面板都是可拖动的,因此您可以按自己喜欢的排列方式将 面板组合到一起。 默认情况下,某些面板不会显示出来,但是如果需要,您可以显示它们。默 认情况下,某些面板未与其它面板组合在一起,但如果需要,您可以将它们 组合到一起。将面板组合到一起时,所有面板组的名称将出现在面板组标题 栏中。不过,您可以为面板组指定任何喜欢的名称。
"对齐"面板 ( "窗口" > "对齐" )包含用于在画布上对齐和分布对象的控件。 "自动形状属性"面板 ( "窗口" > "自动形状属性" )可用于设置自动形状的
属性。
18
Fireworks 基础
"图像编辑"面板 ( "窗口" > "图像编辑" )可将照片编辑的最常用工具组
布上移动时的精确坐标的信息。
"行为"面板 ( "窗口" > "行为" )可对行为进行管理,这些行为确定热点
和切片对鼠标动作所做出的响应。
Fireworks实验一掌握Fireworks文档基本操作

Fireworks 实验一【实验目的】1、掌握Fireworks 文档基本操作2、掌握Fireworks 选区和图像变形【实验内容】题目1、练习旋转画布与网格的使用。
1. 打开“Z:\fireworks 实验1\素材\Bird.jpg ”文件,导出文件为bird1.jpg (执行菜单命令:“文件→导出”)。
2. 将图像Bird.jpg 顺时针旋转90度(选择“修改→变形→顺时针旋转90度”),然后导出文件为bird2.jpg 。
3. 继续将图像Bird.jpg 水平翻转(选择“修改→变形→水平翻转”),将文件导出为bird3.jpg 。
4. 继续将图像Bird.jpg 垂直翻转(选择“修改→变形→垂直翻转”),将文件导出为bird4.jpg 。
5. 再新建一画布,大小为400*400,画布颜白色,分辨率为96。
选择“视图→网格→编辑网格”,在“编辑网格”对话框中作如下设置:6. 选择“视图→网格→显示网格”,在图像中显示网格。
7. 执行菜单命令:“文件→导入”,分别在由4个区域中依次导入bird1.jpg ~bird4.jpg 四个文件。
8. 执行“修改→画布→图像大小”,设置图像大小为宽600像素,高600像素,分辨率72像素/英寸,选择“约束比例”,“图像重新取样” 为双立方。
9.保存图像为“Z:\fireworks实验1\sy1-1.png”。
效果如下题目2、练习如何创建不规则选区。
1.新建一个新图像文档,画布大小为宽700像素,高600像素,分辨率为72像素/英寸,画布为白色,保存文件名为“Z:\fireworks实验1\sy1-2.png”。
2.打开“Z:\fireworks实验1\素材\套索原图.jpg”,点击工具箱的“多边形套索”工具,把左边的铅笔选中,如下图,执行“编辑→复制”(或CTRL+C)复制选区,选择“sy1-2.png”为当前文档,按“编辑→粘贴”(或CTRL+V)将其粘贴到该文档中。
fireworks教程

fireworks教程Fireworks是一款由Adobe公司开发的图形编辑软件,主要用于创建和编辑Web图像,特别适用于设计师和开发人员在制作网站时进行图像处理和优化。
本教程将介绍Fireworks 的基本功能和使用方法,帮助读者快速上手并提升其设计能力。
简介Fireworks是一款在Adobe Creative Suite软件套件中独立存在的软件,最早被设计用于处理和优化Web图像。
它的特点是集成了矢量图形编辑器和位图编辑器的功能,能够同时处理SVG、PNG、GIF、JPEG等多种图像格式。
Fireworks的设计理念是帮助用户快速创建和编辑Web图像,提供丰富的工具和特效,支持切片和优化,以及生成HTML和CSS代码。
下载和安装Fireworks可以通过Adobe官方网站下载安装程序。
安装过程与大多数软件相似,跟随提示完成即可。
安装后,启动软件并进入主界面。
界面概览Fireworks的主界面分为几个主要区域:1.菜单栏:包含各种工具和功能的菜单。
2.工具栏:包含常用工具的按钮,用于选择和应用工具。
3.画布:用于显示和编辑图像的区域。
4.图层面板:显示和管理图像的各个图层。
5.属性面板:用于调整和修改工具和图层的属性。
基本操作创建新文档要创建新的Fireworks文档,请执行以下操作:1.单击菜单栏中的“文件”>“新建”。
2.在弹出的对话框中,设置文档的尺寸、分辨率和背景颜色等选项。
3.单击“确定”创建新文档。
绘制基本图形Fireworks提供了多种绘图工具,可以帮助用户创建各种基本图形。
以下是创建基本图形的一般步骤:1.选择合适的绘图工具,例如矩形工具或椭圆工具。
2.在画布上单击并拖动,绘制出所需大小的图形。
3.在属性面板中设置图形的颜色、边框大小和样式等属性。
编辑图像Fireworks提供了丰富的编辑工具和功能,可以对图像进行调整和修改。
以下是一些常用的图像编辑操作:1.裁剪图像:选择裁剪工具,拖动鼠标选择要保留的区域,点击“裁剪”按钮完成裁剪操作。
使用Fireworks编辑网页图像

• GIF动画能够输出透明背景的图片,可以应用 于各种颜色背景的网页。
2、优化与导出动画
• 文件/导出向导 • 示例:制作字体遮罩动画(P384)
第十章 使用Fireworks编辑网页图像
一、 Fireworks工作环境 • Fireworks MX 2004的工作界面由4部分组成
:文件视图、功能面板、工具箱和属性面板。 1、工具栏 2、视图方式 1)原始视图 • 创建图形或对图像进行编辑操作 2)预览视图 • 可通过优化面板对图像进行优化操作 3)2幅视图 • 可以预览原图像与优化图像后的对比效果
第十章 使用Fireworks编辑网页图像
4)4幅视图 • 除了左上角的原图像外,可以单击选择任意一幅图
像,在优化面板中设置不同的优化参数,然后从中 选择一种显示效果好而文件大小又适宜网络传输的 优化方案。 3、面板组 二、绘制图形 1、绘图工具 2、选择对象和像素(P364) 三、编辑图像 • Fireworks可以进行两种图像模式的编辑操作,一 种是对基于路径的矢量对象(简称对象模式)的操 作,另一种是对基于像素的图形对象(简称图像模 式)的操作。
第十章 使用Fireworks编辑网页图像
1、修饰图像(P365) 2、填充图像 • 通过属性窗口进行填充修饰 3、应用样式 • 样式主要用于图形及文字对样式的直接套用。 • 窗口/样式
第十章 使用Fireworks编辑网页图像
4、创建热点区域 1)使用热点工具 • 矩形热点 • 椭圆形热点 • 多边形热点 2)热点区域的创建和编辑 • 通过属性面板修改热点区域的参数 5、应用切片 • 切片就是将图形分割成一个个的小区域,在
第十章 使用Fireworks编辑网页图像
fireworks快速入门教程

fireworks快速入门教程
Fireworks快速入门教程,帮你快速理解整体工程如何搭建,其中包括新建图层、选择、抠图、变换以及滤镜等基本操作。
适合零基础朋友们快速入门。
下面是店铺为大家整理的fireworks快速入门教程,仅供大家参考~
fireworks快速入门教程如下:
新建一个Fireworks文件,在弹出的【新建文档】对话框中设置画布的宽度为800像素,高度为430像素,背景颜色为白色;
在新窗口中打开事先准备好的图像素材(如下图1),选择绘图工具栏中的【椭圆选取框】工具,在【属性】面板中进行相应的设置(如下图2);
使用【椭圆选取框】工具在素材“花草”上面中绘制一个正圆的选区,使用技巧是按住【Shift】键,使椭圆变成正圆。
按住【Shift】键,再画一个正圆与原先的正圆叠加,如图;
把刚才选择的像素区域,复制到前面新建立的画布中来,效果如图所示;
在新窗口中打开事准备好的图像素材“向日葵”,选择绘图工具栏中的【多边形套索】工具,在【属性】面板中进行相应的设置,如图;
使用【多边形套索】工具,把图像素材“向日葵”中的向日葵区域抠出来,同样复制到前面新建立的画布中来;
使用相同的抠图方式【多边形套索】把图像素材“美女”中的美女抠出来,同样复制到前面新建的画布中来;
对抠出来的美女图片对变换处理,步骤是右击图片->【变形】->【水平翻转】,以及适当做缩放处理,如图;
复制图像“向日葵”,并作【变换】->【缩放】处理,缩小复制出来的“向日葵”,并适当移动位置,如图;
接下来是做一些美化处理,具体就要看大家的审美标准啦(大家不要喷我哈),最后附上最终效果图;^_^。
firework操作教程

Fireworks教程(一)制作虚线操作步骤:1.启动Fireworks,新建一个文件,文件宽和高都设为200象素,也可以是任意大小,背景为白色。
2.单击“工具”面板“矢量”部分的“线条”工具,并且按住键盘上的“Shift”键,在编辑区任意绘制一条直线。
3.在“工具”面板的“选择”部分中选择“指针”工具,选中这条直线。
4.单击“属性检查器”中的“描边种类”下拉框。
5.选中“笔触选项”。
6。
选择“铅笔”。
7.选择“彩色铅笔”。
8。
在纹理中设置纹理为“0%”。
9。
单击“高级”按钮。
10.在“间距”项输入“200%”,注意这里是手工输入,这个步骤是产生虚线效果的关键。
在网页设计中,也常采用“300%”这个值。
其实到这一步,虚线已经做好了。
11.在“形状”选项卡,如果不选中“正方形”,并且“大小”大于8,刷子尖端就显示为圆形。
制作细虚线时需要选中“正方形”。
刷子尖端也被称作笔触。
12。
“大小”是用来设定刷子尖端的大小。
网页制作中常选择“大小”为1来制作细虚线。
13。
“方向”设置刷子尖端宽度。
正圆或者正方形,选择“100”或者“0”。
14。
“角度”只对正方形有影响。
15。
为了方便以后使用这种自定义的虚线笔触,需要把这些步骤保存为命令。
选中“历史记录”面板中的描边。
16。
点击将“步骤保存为命令”。
17.在“保存命令”对话框中,输入名称。
实例中输入“虚线”。
18。
当需要应用虚线的时候,选择“命令”菜单下的“虚线”即可。
Fireworks教程(二)制作环绕文字1.新建宽和高都是300像素的文件,背景设为白色。
2. 2.点选“工具”面板中的“文本”工具,在工作区输入文本“,字体选择“Arial Black”,字号为20像素大小,颜色为黑色。
3.4. 3.点选“工具”面板“矢量”部分的“椭圆”工具。
5.6. 4.按住“Shift”键,在工作区画一个圆。
7. 5.在“属性”检查器中输入新的宽度 (w) 或高度 (h) 值,这里都是130。
第9章 Fireworks的基本操作

第2 篇 第9 章
9.1 9பைடு நூலகம்2 9.3 9.4 9.5
Fireworks的基本操作 Fireworks的基本操作
Fireworks工作环境 工作环境的修改 使用标尺、网格和辅助线 使用“历史记录”面板 调整画布或图像
9.5.1 调整画布的大小及背景色 9.5.2 裁剪画布 9.5.3 旋转画布
9.6 对象的操作
9.5.2 修剪画布
• 裁剪画布方法 裁剪画布方法(3种方法效果不同)
– 修剪画布:“修改”|“画布”|“修剪画布” – 符合画布:“修改”|“画布”|“符合画布” – 使用工具箱中的裁剪工具
9.5.3 旋转画布
– 顺时针旋转180度: “修改”|“画布” | “旋转180度” – 顺时针旋转90度: “修改”|“画布” | “旋转90度顺时针” – 逆时针旋转90度: “修改”|“画布” | “旋转90度顺时针”
9.3 使用标尺、网格和辅助线 使用标尺、
• 执行“视图” | “标尺”命 令,在文档窗口的上方和 左侧显示水平标尺和垂直 标尺. • 用鼠标可以从标尺中拖出 绿色的水平辅助线或垂直 辅助线,用于标记文档的 重要部分或放置和对齐对 象。
• “视图”|“网格” 下的“显示网格”和“编辑网格” 命令
• 使用“选择后方对象”工具 使用“选择后方对象”
【例9-3】p142
– 如果一个对象被另一个对象遮挡,用该工具在堆叠的对象上 反复单击,直到选中所需对象。
9.6.2 编辑对象 • 编辑对象操作
– 复制、粘贴、剪切、删除对象 复制、粘贴、剪切、 • 同Windows系统通用剪贴板及删除操作。 – 重制 Duplicate) 重制( • 2对象位置不同 – 克隆 Clone) 克隆( • 2对象位置相同
firework操作教程

Fireworks教程(一)制作虚线操作步骤:1.启动Fireworks,新建一个文件,文件宽和高都设为200象素,也可以是任意大小,背景为白色。
2.单击“工具”面板“矢量”部分的“线条”工具,并且按住键盘上的“Shift”键,在编辑区任意绘制一条直线。
3.在“工具”面板的“选择”部分中选择“指针”工具,选中这条直线。
4.单击“属性检查器”中的“描边种类”下拉框。
5.选中“笔触选项”。
6。
选择“铅笔”。
7.选择“彩色铅笔”。
8。
在纹理中设置纹理为“0%”。
9。
单击“高级”按钮。
10.在“间距”项输入“200%”,注意这里是手工输入,这个步骤是产生虚线效果的关键。
在网页设计中,也常采用“300%”这个值。
其实到这一步,虚线已经做好了。
11.在“形状”选项卡,如果不选中“正方形”,并且“大小”大于8,刷子尖端就显示为圆形。
制作细虚线时需要选中“正方形”。
刷子尖端也被称作笔触。
12。
“大小”是用来设定刷子尖端的大小。
网页制作中常选择“大小”为1来制作细虚线。
13。
“方向”设置刷子尖端宽度。
正圆或者正方形,选择“100”或者“0”。
14。
“角度”只对正方形有影响。
15。
为了方便以后使用这种自定义的虚线笔触,需要把这些步骤保存为命令。
选中“历史记录”面板中的描边。
16。
点击将“步骤保存为命令”。
17.在“保存命令”对话框中,输入名称。
实例中输入“虚线”。
18。
当需要应用虚线的时候,选择“命令”菜单下的“虚线”即可。
Fireworks教程(二)制作环绕文字1.新建宽和高都是300像素的文件,背景设为白色。
2.点选“工具”面板中的“文本”工具,在工作区输入文本“,字体选择“Arial Black”,字号为20像素大小,颜色为黑色。
3.点选“工具”面板“矢量”部分的“椭圆”工具。
4.按住“Shift”键,在工作区画一个圆。
5.在“属性”检查器中输入新的宽度 (w) 或高度 (h) 值,这里都是130。
6.单击“填充颜色框”图标。
使用Fireworks创建动画效果的基本方法介绍

使用Fireworks创建动画效果的基本方法介绍Fireworks是一款专业的图像处理和设计软件,除了常见的图像编辑功能外,它还提供了动画设计的功能。
在这篇文章中,我们将介绍使用Fireworks创建动画效果的基本方法。
一、导入素材在开始制作动画之前,首先需要准备好所需的素材。
可以使用Fireworks自带的绘图工具绘制图形,也可以导入外部图片或矢量图形。
要导入素材,可以选择“文件”菜单中的“打开”选项,然后选择所需的文件。
二、创建帧和图层在Fireworks中,动画是由一系列帧组成的。
每一帧都可以看作是动画的一个时间点。
要创建帧,可以使用“窗口”菜单中的“图层”选项打开图层面板。
在图层面板中,点击右上角的“新帧”按钮即可创建新的帧。
在每个帧中,可以使用图层面板创建多个图层。
图层可以看作是帧中的不同元素的集合,它们可以分别控制和编辑。
要创建图层,可以使用图层面板中的“新建图层”按钮。
通过调整图层的顺序和可见性,可以实现图像在不同帧之间的变化效果。
三、编辑图像一旦完成帧和图层的创建,接下来就可以编辑图像了。
Fireworks提供了丰富的图像编辑工具和特效效果,可以根据需要进行调整。
例如,可以使用画笔工具对图像进行绘制和涂抹,在图层面板中选择图层,然后使用编辑菜单中的其他工具进行剪切、复制、粘贴等操作。
同时,Fireworks还提供了一系列的滤镜和特效效果,可以通过应用这些效果来改变图像的颜色、光照、纹理等,从而达到不同的动画效果。
四、设置动画属性在编辑好每个帧和图层后,需要设置动画的属性。
点击窗口菜单中的时间轴选项,打开时间轴面板。
在时间轴面板中,可以设置动画的播放速度、循环次数、缓动效果等。
还可以调整每一帧的时间长度,以便控制动画对象的运动速度和变化频率。
五、导出动画完成所有的编辑和设置后,就可以将动画导出为可用的格式了。
点击文件菜单中的“导出”选项,选择所需的文件格式,然后保存动画文件。
总结使用Fireworks创建动画效果需要以下基本步骤:导入素材、创建帧和图层、编辑图像、设置动画属性和导出动画。
Fireworks的基本操作

把现有PNG文件另存为其它格式
在Fireworks中,可以把 现有的文件保存为一个 新的PNG文件,也可以 选择不同的文件格式来 保存这个文件。
单击【文件】菜单中的 【另存为】命令,弹出 【另存为】对话框。
在【另存为】对话框中, 可自定义保存文件的路 径、文件名和格式。文
优化与导出
在Fireworks中,可以把 对象、层、状态或页面 导出到指定的位置。
在Fireworks中创建并优 化图形后,可以把这个 图形输出为常用的Web 格式以及供其它程序使 用的图形格式,因为 Fireworks具有面向网络 的特性,所以它导出的 形式既可以是图像,也 可以是包含各种链接的
导出预览
图像的各项优化参数设 置好后,就可以进行图 像的导出工作了。在 Fireworks中,单击【文 件】菜单中的【图像预 览】命令,打开【图像 预览】窗口。这个窗口 分为两部分,左侧是参 数设置部分,右侧是输 出预览部分。
在【新建文档】对话框 中,可以对画布的大小, 颜色进行设定。画布的
打开和导入文件
打开文件的方法有很多, 可以通过单击【文件】 菜单中的【打开】命令, 弹出【打开】对话框, 然后在弹出的【打开】 对话框中选择所需的文 件,文件会在对话框的 右侧产生预览,最后单 击【打开】按钮。 Fireworks 8可以打开和 导入的文件类型如图所 示。
打开最近关闭的文件
通过【文件】菜单下 【打开最近的文件】命 令,可以快速打开最近 关闭的文件。
如果要对最近关闭的文 件进行编辑,单击【文 件】菜单中的【打开最 近的文件】子菜单,然 后从子菜单中选择打开 的文件即可。
打开在其它应用程序中创建的图形文件
使用Fireworks可以打开在其它应用程序、Illustrator、WBMP、EPS、JPEG、 GIF等。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第9章 Fireworks的基本操作 第10章 用Fireworks制作和处理位图
第11章 用Fireworks制作和处理矢量图
第12章 用Fireworks创建和编辑文字
第13章 Fireworks的自动化功能 第14章 Fireworks的Web功能
第2 篇 第9 章
9.7 应用颜色、笔触和填充
9.7.1 使用工具面板设置颜色、笔触和填充色 9.7.2 设置颜色、笔触和填充的其他方法
9.8 应用图层 思考题
9.1 Fireworks的工作环境
9.2 工作环境的修改
9.3 使用标尺、网格和辅助线
• 执行“视图” | “标尺”命 令,在文档窗口的上方和 左侧显示水平标尺和垂直 标尺. • 用鼠标可以从标尺中拖出 绿色的水平辅助线或垂直 辅助线,用于标记文档的 重要部分或放置和对齐对 象。
– 移动对象
9.6.2 编辑对象• 变形对象(工具箱“缩放”工具组 具)
– “缩放”(Scale)工具 – “倾斜”(Skew)工具 – “扭曲”(Di)对象
– 水平翻转:Modify | Transform Flip | orizontal – 垂直翻转:Modify | Transform | Flip Vertical
• 【例9-4】 组合对象的应用。P143
– 对齐对象:多个对象在画布平面(x轴和y轴方向) 的排列方式
• • • • • • • • 左对齐(Modify | Align | Left) 中心垂直对齐( Modify | Align | Center Vertical) 右对齐(Modify | Align | Right) 顶对齐(Modify | Align | Top) 中心水平对齐( Modify | Align | Center Horizontal) 底对齐(Modify | Align | Bottom) 均分宽度( Modify | Align | Distribute Widths) 均分高度(Modify | Align | Distribute Heights)
撤消后两个操作
图9-8
使用宏命令
9.5 调整画布或图像
9.5.1 调整画布大小和背景颜色 1、调整画布大小
– 新建文档:“文件” |“新建” – 已建文档:“修改”|“画布” | “画布大小”
2、调整画布颜色: “修改”|“画布” | “画布颜色” 3、调整图像大小: “修改”|“画布”|“图像大小”
9.7 应用颜色、笔触和填充
9.7.1 使用工具面板设置颜色、笔触和填充色
1、选取颜色 – 工具箱“颜色”组中的工具 – “样本”面板(Swatches) – “混色器”面板(Color Mixer) – “属性”面板(Properties) – 工具箱中的“吸管工具”(Eyedropper) 2、笔触:作用于路径的边框;13种。 3、填充:
• “视图”|“网格” 下的“显示网格”和“编辑网格” 命 令
9.4 使用“历史记录”面板
【例9-1】使用“历史记录”面板。 P138-139 (1)建立3个操作(见图9-6) (2)撤销后2个操作(图9-7) (3)保存历史记录,建立宏命令(图9-8)。
图9-6
建立3个操作后的历史记录面板
图9-7
【例9-3】p142
– 如果一个对象被另一个对象遮挡,用该工具在堆叠的对象上 反复单击,直到选中所需对象。
9.6.2 编辑对象 • 编辑对象操作
– 复制、粘贴、剪切、删除对象 • 同Windows系统通用剪贴板及删除操作。 – 重制( Duplicate) • 2对象位置不同 – 克隆( Clone) • 2对象位置相同
– 使用不同的材质填满路径所包围的区域或位图的选择区域。 – “填充选项”窗口:无、实心、网页抖动、渐变、图案等5类 填充。
9.7.2 设置颜色、笔触和填充色的其他方法
(1)使用“属性”面板 p146-147
9.6 对象的操作
9.6.1 选择对象
• 使用指针工具
– 用指针在画布上拖出一个矩形区域,则该区域中包含的所有 对象都会被选中;
– 按住Shift键依次单击不同对象,可同时选中多个对象。
• 使用“部分选择” 工具 ( “子选择”)
p142
【例9-2】
– 选取矢量对象上的路径节点。
• 使用“选择后方对象”工具
• 用数值控制变形
– “修改”|“变形”|“数值变形” ( Numeric Transform )
9.6.3 组合对象
• 组合与解除组合:将多个对象组合起来作为一个对象
– 组合:“修改”|“组合” (Group) – 解除组合:“修改”|“解除组合” (Ungroup) – 堆叠顺序:多个对象在画面纵向(z轴)的排列顺序 • 移到最前(Modify | Arrange | Bring to Front) • 向前移动(Modify | Arrange | Bring Forward) • 向后移动(Modify | Arrange | Send Backward) • 移到最后(Modify | Arrange | Send to Back)
9.1 9.2 9.3 9.4 9.5
Fireworks的基本操作
Fireworks工作环境 工作环境的修改 使用标尺、网格和辅助线 使用“历史记录”面板 调整画布或图像
9.5.1 调整画布的大小及背景色 9.5.2 裁剪画布 9.5.3 旋转画布
9.6 对象的操作
9.6.1 选择对象 9.6.2 编辑对象 9.6.3 组合对象
9.5.2 修剪画布
• 裁剪画布方法(3种方法效果不同)
– 修剪画布:“修改”|“画布”|“修剪画布” – 符合画布:“修改”|“画布”|“符合画布” – 使用工具箱中的裁剪工具
9.5.3 旋转画布
– 顺时针旋转180度: “修改”|“画布” | “旋转180度” – 顺时针旋转90度: “修改”|“画布” | “旋转90度顺时针” – 逆时针旋转90度: “修改”|“画布” | “旋转90度顺时针”