第5章Chapter 5 
素材的导入与编辑

FlashCS6本身不能产生的文件,如图像文件、声音文件或者视频文件,可以通过导入
的方法来使用它们。FlashCS6可以使用在其他应用程序中创建的图片,可以导入各种文
件格式的矢量图形和位图。例如,可以将AdobeIlustratorCS6文件直接导入FlashCS6 
中,FlashCS6的高保真导入功能可高质量地导入AdobeIlustratorCS6文件,并且正确地
再现导入矢量文件的压缩和消除锯齿功能。

FlashCS6能导入WAV(Windows)、AIFF(Macintosh)和MP3(Windows和
Macintosh)等格式的声音文件,并支持将MIDI设备声音映射到Flash中的功能。

另外,也可以将视频文件导入FlashCS6中,例如把MacromediaFlash视频格式文件
(FLV文件)直接导入FlashCS6中。FlashCS6新增了视频导入向导,并对视频编码技术
进行了更新,支持Alpha通道,更新了FLV导入方式,使FLV的播放更加清晰。如果计算
机系统中安装了Qu0或更高版本(Wis或Mah),或者Di0或

ickTime7.ndowcintosrectX7.
更高版本(仅限Windows),则可以导入MOV 、AVI或MPEG格式的视频。视频剪辑可以
导入为链接文件或嵌入文件。用户还可以将具有导入视频的影片发布为SWF文件或
QuickTime影片。

5.1 
图像素材的导入与应用
5.1 
导入图像素材
1.
Flash能够识别各种矢量图和位图格式,它能将图像素材导入当前Flash文档的舞台中
或导入当前Flash文档的库中,也可以通过将位图粘贴到当前Flash文档的舞台中来实现
导入。上述所有的方法都会自动将图像素材添加到该Flash文档的库中。导入图像素材的
方法分为3种:导入到舞台、导入到库和外部粘贴。

1.导入到舞台
1)导入位图
选择菜单栏中的“文件”→“导入”→“导入到舞台”命令,弹出“导入”对话框。在该对话
框中选中要导入的位图“花丛.,(”) 1所示的对话框。单击“ 按钮,

jpg弹出图5.打开” 就可以将
位图导入舞台,同时位图也被保存到“库”面板中。

2)导入矢量图

选择菜单栏中的“文件”→“导入”→“导入到舞台”命令,弹出“导入”对话框。在该对话


105 


图5.1 位图“导入”对话框
框中选中要导入的矢量图1.i,弹出图5.确定” 矢量图会被导

a2所示的对话框。单击“ 按钮, 
入舞台中,但矢量图并不会被保存到“库”面板中。


图5.

2 矢量图导入对话框

2. 
导入到库
1)导入位图
选择菜单栏中的“文件”→“导入”→“导入到库”命令,弹出“导入到库”对话框。在该对


106
话框中选中要导入的位图“竞赛.”, 3所示的对话框, 打开”按钮,就可以将

jpg弹出图5.单击“ 
位图导入“库”面板,但是舞台上不显示该位图。


图5.3 位图“导入到库”对话框

2)导入矢量图

选择菜单栏中的“文件”→“导入”→“导入到库”命令,弹出“导入到库”对话框。在该对
话框中选中要导入的矢量图1.ai,弹出图5.3所示的对话框。单击“打开”按钮,矢量图会被
导入“库”面板,但是舞台上不显示该矢量图。

3. 
外部粘贴
除了上述两种方法外,也可以在其他应用程序或文档中复制图像,例如使用PhotoshopCS6 打开图像,选择复制命令,然后在FlashCS6 文档中,按Ctrl+V 组合键粘贴图像,图像
就会出现在FlashCS6 的舞台中,同时图像也被保存到“库”面板中。

1.位图矢量化转换
5.2 

“转换位图为矢量图”命令会将位图转换为具有可编辑的离散颜色区域的矢量图形。此
命令可以将图像当作矢量图形进行处理,可以创建出使用画笔绘制的效果,而且它在减小文
件大小方面也非常有效。

(1)选择菜单栏中的“文件”→“导入”→“导入到舞台”命令,弹出“导入”对话框。在该
jpg
对话框中选中要导入的位图“世园会.,(”) 单击“打开”按钮,就可以将位图导入到舞台中。

(2)选中舞台中的位图,选择菜单栏中的“修改”→“位图”→“转换位图为矢量图”命令, 
弹出“转换位图为矢量图” 如图5.
对话框,4所示。

.“颜色阈值”选项:允许在文本框中输入一个0~500 的值。两个像素进行比较后,如
果它们在RGB 颜色值上的差异低于该颜色阈值,则两个像素被认为颜色相同。如
果增大了该阈值,则意味着降低了颜色的数量。
.“最小区域”选项:允许在文本框中输入一个1~1000 的值,用于设置在指定像素颜

107 


图5.转换位图为矢量图”对话框

4“ 

色时要考虑的周围像素的数量。

.“角阈值”选项:在下拉列表中选择一个选项,以确定是保留锐边还是进行平滑
处理。
.“曲线拟合”选项:在下拉列表中选择一个选项,以确定绘制轮廓的平滑程度。
(3)单击对话框中的“确定” 导入的位图被转换为矢量图,5所示。
按钮后, 如图5.


图5.

5 转换后的矢量图效果

5.3 
位图的属性编辑
1.
1. 
位图编辑的方法
对库中的某个位图文件进行编辑要通过“位图属性”对话框进行。打开“位图属性”对话
框有如下几种方法: 


108
.在“库”面板的文件列表中双击该位图文件名称前的图标。
.在“库”面板的文件列表中选定该位图,在预览窗口中双击它。
.在“库”面板的文件列表中,右击该位图文件,再在弹出的快捷菜单中选择“属性” 
命令。
.在“库”面板的文件列表中选定该位图文件,然后单击“库”面板标题栏右端的选项按
钮( ), 在弹出的菜单中选择“属性”命令。
2.“位图属性”对话框
在“库”面板中双击位图文件的图标,弹出“位图属性”对话框,如图5.6所示。
图5.6 “位图属性”对话框

.“选项”选项卡预览框:位图的预览框位于对话框左部。将鼠标放在此区域,光标变
为手形,拖动鼠标可查看位图的其他区域。
.“选项”选项卡位图名称编辑区域:该对话框中的文本框为位图名称编辑区域,可以
在此处修改位图的名称。
.“选项”选项卡位图信息区域:位图名称编辑区域下方为位图信息区域,在此区域显
示了文件路径、修改日期及文件大小等基本信息。
.“选项”选项卡“允许平滑”复选框:勾选此项可以消除位图边缘的锯齿来达到平滑
位图的目的。
.“更新”“导入”和“测试”按钮:“ 更新”按钮可以刷新此图片的实时信息;“导入”按钮
可以导入新的位图,从而替换现有的位图;“测试”按钮可以预览文件压缩后的效果。
3. 
压缩方式
“压缩”下拉列表中有两个压缩方式选项: 

.“照片(JPEG)”:是FlashCS6 的默认图片压缩格式。如果勾选了“使用导入的
JPEG 数据”复选框,则在输出时可以在相应的“图片品质”对话框中输入要获得的品
质数值。设定的数值越大,得到的图形显示效果就越好,而文件占用的空间也会相

109
应增大。

.“无损(PNG/GIF)”:使用图片无损压缩格式压缩图像,这样会保证导入FlashCS6 
中的图片有较好的质量。
5.4 
课堂案例:制作园艺博览会招贴
1.
(1)选择菜单栏中的“文件”→“新建”命令,弹出“新建文档”对话框,在该对话框的“常
tionScript2.7
规”选项卡中选择Ac0,设置“宽(W)”为800 像素,“高(H)”为600 像素,如图5.
所示。单击“确定”按钮,进入新建文档的舞台窗口。


图5.新建文档”对话框

7“ 

(2)选择菜单栏中的“文件”→“导入”→“导入到库”命令,弹出“导入到库”对话框,在该
对话框中选择要导入的图片素材,如图5.打开” 位图被导入“库”面板
9所示。
8所示。单击“ 按钮后, 
中,如图5.
pngif

(3)在“库”面板的图片列表中,单击最上面的“棕箭头.按住Sht键,再单击最下,(”) 
面的“花边左.n,(”) 这样“库”面板的图片列表中的所有图片全部被选中。在灰色区域右击,pg
命令, 10 所示。

在出现的快捷菜单中选择“属性” 如图5.

(4)选择“属性”命令后,出现“编辑7位图的属性”对话框,在对话框中勾选“允许平滑” 
和“压缩”复选框,并且在“允许平滑”下拉列表中选择“是”,在“压缩”下拉列表中选择“无损
(PNG/GIF)11 所示。,(”) 
(
如图5.,(”) 

5)单击“确定”按钮后,双击“图层1将其重命名为“花边”。将“库”面板的图片列表
中的“花边下.”和“花边左.” 花边”图层中,调整其位置, 12 所示。

pngpng拖动到“ 如图5.

(6)在“花边”图层的上方新建“图层2”,并将其重命名为“图片”。将“库”面板的图片列
u1.tu2.u3.13 所示。
表中的tjpg 、jpg 和tjpg 拖动到“图片”图层中,调整其位置,如图5.


110
图5.导入到库”对话框

8“ 


图5.库” 图5.属性”命令

9“ 面板10 选择“ 


图5.位图属性”参数设置

11 “ 


111 


图5.

12 花边效果


图5.图片”图层效果

13 “ 

(7)在“图片”图层的上方新建“图层3”并将其重命名为“圆角”,选择工具栏中的基本矩
形工具,再选择菜单栏中的“窗口”→“属性”命令,在弹出的“属性”对话框中设置笔触高度为
5,笔触颜色值为FF6600,填充颜色为“无”,矩形四角半径均为9,在“圆角”图层中绘制橙色
无填充圆角矩形,如图5.
14 所示。

(8)在“属性”对话框中设置笔触颜色为“无”,填充颜色值为FF6600,在“圆角”图层中
绘制橙色无边框圆角矩形,如图5.
15 所示。


112 


图5.

14 绘制橙色无填充圆角矩形


图5.

15 绘制橙色无边框圆角矩形

(9)在“圆角”图层的上方新建图层并将其重命名为“修饰”。选择工具栏中的椭圆工
具,设置工具栏下方的笔触颜色为“无”,填充颜色为白色,在“修饰”图层中绘制两个白色无
边框正圆,调整其位置, 16 所示。
如图5.

(10)按照步骤(7)~(9)的方法,为其他两张图片绘制修饰框,颜色可以根据自己的喜
好设定,绘制后的效果如图5.
17 所示。

(11)在“修饰”图层的上方新建图层并将其重命名为“文本”。选择菜单栏中的“窗口”→ 
“属性”命令,在弹出的文本“属性”面板中设置“系列”为“华文行楷”,“大小”为16 点,“颜色” 
为白色,然后使用文本工具在舞台中输入文本“ ,18 所示。
11) 
适应新常态”如图5.

(12)按照步骤(的方法,在“文本”图层的其他两个圆角矩形的上方分别输入文本
“抢抓新机遇”和“发挥新优势”。单击“修饰”图层,将“库”面板图片列表中的“绿箭头.” 
png调整其位置, 19 所示。至此, 
png

和“棕箭头.拖(”) 动到舞台中, 如图5.园艺博览会招贴实例制
作完成,按Ctrl+Enter组合键即可查看影片效果。


113
图5.

16 绘制两个白色无边框正圆


图5.

17 为其他两张图片绘制修饰框


图5.

18 输入文本