Flash-8动画制作案例教程-教学课件-朱薇-等-第1章-初识Flash.ppt

1、2022-12-3厦门南洋学院 制作者：朱薇1在线教务辅导网：在线教务辅导网：http:/教材其余课件及动画素材请查阅在线教务辅导网教材其余课件及动画素材请查阅在线教务辅导网QQ:349134187 或者直接输入下面地址：或者直接输入下面地址：http:/2022-12-3厦门南洋学院 制作者：朱薇2学习目标了解Flash 8的基本相关知识熟悉Flash的源文件和影片格式熟悉Flash 8 的工作界面掌握建立Flash 8 影片的基本操作第第1章章 初识初识 Flash 82022-12-3厦门南洋学院 制作者：朱薇3被美誉为“网页梦幻组合”的Flash，Dreamweaver，Firewor

2、ks，是著名的美国多媒体软件公司Macromedia公司的产品。Flash是由Macromedia公司出品的用于矢量图形编辑和动画创作的专业软件。1998年，Macromedia公司推出了Flash 3.0 后，Flash开始被业界所接受。1999年，推出的Flash 4.0，不仅可以生成动画，还可以在动画中加入声音，产生的新文件占用的存储空间却很小。2000年，Macromedia公司推出了Flash 5.0 引起了市场强烈的反响，在网络动画制作领域中的使用率迅速提高。2003年，Macromedia公司推出了Flash MX,为了进一步完善其功能，在2005年Flash 8.0面世，同年1

3、2月Adpbe公司收购了Macromedia公司，现在该软件最新版本是Flash cs4。1.1 Flash 1.1 Flash 概述概述2022-12-3厦门南洋学院 制作者：朱薇4Flash 8是一款动画编辑软件，它可以制作出后缀名为“.swf”的动画文件，在这种动画中，可以加入声音和交互的效果，表现力非常的丰富。Flash 8 既可以制作出网页交互动画，还可以将一个较大的交互动画制作成一个完整的网页。Flash 8的创作，是在 Flash 8文档（即保存时文件扩展名为.fla 的文件）中工作。当准备好要部署的 Flash 内容后，就可以发布它，同时会创建出一个扩展名为.swf 的文件。F

4、lash Player（Flash安装时自带的播放器）运行 SWF 文件。2022-12-3厦门南洋学院 制作者：朱薇5 图1-1和图1-2所展示的就是Flash 8的源文件及其影片实例。图1-1 Flash 8源文件 图1-2 Flash 8影片文件 2022-12-3厦门南洋学院 制作者：朱薇6Flash 8软件运用简洁，只要用鼠标进行简单的操作，就可以生成精美的交互动画，为整个网页增辉不少。由于Flash有支持交互、数据量小和效果好等特性，并且不需要特殊的媒体播放器之类软件支持，所以应用范围极其广泛。如交互式软件开发、产品展示等，还可以导入到office办公软件，Authorware等其

5、他软件。2022-12-3厦门南洋学院 制作者：朱薇7Flash 8的几大新功能：1实时渲染滤镜2运行时位图缓冲3FlashType字体渲染引擎4自定义淡入淡出功能5全新的视频编码技术2022-12-3厦门南洋学院 制作者：朱薇86其它引人注目的功能SWF元数据 脚本助手(以前叫做“普通模式”)对象绘制模型交互式Mobile设备模拟器改进的视频播放组件增强的文本工具增强的笔触属性(1)高级渐变控制2022-12-3厦门南洋学院 制作者：朱薇91.2 1.2 界面简介界面简介第一次启动Flash 8的时候，Flash会自动打开关于Flash 8的开始页。如图1-3 所示。图1-3 flash 8

6、 开始页2022-12-3厦门南洋学院 制作者：朱薇10若不希望出现开始页，在该界面，图1-3的底部选择“不再显示此对话框”复选框，则下次启动Flash 8或关闭所有Flash文档的时候，就不会出现开始页，如图1-4所示。图1-4 无开始页的界面2022-12-3厦门南洋学院 制作者：朱薇11图1-5 首选参数.2022-12-3厦门南洋学院 制作者：朱薇12工具箱菜单栏功能面板舞台标题栏场景栏菜单栏时间轴图1-6 flash 8工作界面2022-12-3厦门南洋学院 制作者：朱薇13 1.标题栏 标题栏显示了Flash的版本及当前用户正在制作文档的标题和名称，如图17所示图17 标题栏。20

7、22-12-3厦门南洋学院 制作者：朱薇14 2.菜单栏 中文版Flash 8的功能都可以通过在菜单栏中选择相应的菜单项来实现，其菜单栏如图18所示。图1-8 菜单栏2022-12-3厦门南洋学院 制作者：朱薇15 3.场景栏 场景栏，如图19所示，显示当前正在编辑的场景名，可以快速地切换场景编辑窗口和快速切换地元件编辑窗口，并且可对舞台进行大小缩放。图19 场景栏2022-12-3厦门南洋学院 制作者：朱薇16 4.“时间轴”面板。图110“时间轴”面板图层区帧区域2022-12-3厦门南洋学院 制作者：朱薇17 5.舞台。图1-11 工作区工作区舞台2022-12-3厦门南洋学院 制作者：

8、朱薇18 6.工具箱。图112 工具箱填充变形工具选择工具任意变形工具部分选取工具线条工具套索工具手形工具钢笔工具椭圆工具铅笔工具墨水瓶工具滴管工具笔触颜色填充色黑色/白色选项（可用于选中工具的修饰编辑器）文本工具矩形工具刷子工具颜料桶工具橡皮擦工具缩放工具当前笔触颜色当前填充颜色交换颜色填充（填充/笔触）无色2022-12-3厦门南洋学院 制作者：朱薇19 7.功能面板。图113 面板集合2022-12-3厦门南洋学院 制作者：朱薇20一、预备知识v影片的建立执行“文件”|“新建”命令，建立影片v文档属性的建立（1）执行“修改”|“文档”命令，弹出文档“属性”对话框，如图1-14所示。1.3

9、 Flash基础操作基础操作 图1-14“文档属性”对话框2022-12-3厦门南洋学院 制作者：朱薇21文档“属性”对话框中参数的含义：标题：设置Flash 8文档的标题。描述：对创建的影片简单的描述。尺寸：舞台的尺寸最小可设定成宽1px（像素）、高1px（像素），最大可设定成宽2880px（像素）、高2880px（像素）。此外，系统默认的尺寸单位是px（像素），可以自行输入“cm（厘米）”、“mm（毫米）”和“in（英寸）”等单位的数值，也可以在“标尺单位”中选择。匹配|打印机：匹配打印机，让底稿的大小与打印机的打印范围相同。匹配|内容：匹配内容，将底稿缩放成和画面上的对象大小一样。背景颜

10、色：可以选择动画的背景颜色。帧频：设置动画的播放速度。单位为fps（帧/秒），默认值为12fps。标尺单位：用来设置标尺的单位：像素、英寸、英寸（十进制）、点、厘米、毫米。默认设置为像素。（2）根据需要直接修改以上的属性值，单击“确定”按钮，一个动画制作舞台就基本建立成功。1.3 Flash基础操作基础操作2022-12-3厦门南洋学院 制作者：朱薇22v影片的保存执行“文件”|“保存”命令，在弹出的“另存为”对话框中默认文件名为：未命名-1.fla，如图1-15所示。可修改文件名，在“保存在”下拉列表框中，选择要文件保存的目的地址，也可按快捷键【Ctrl+S】进行保存。图1-15“另存为”对

11、话框1.3 Flash基础操作基础操作2022-12-3厦门南洋学院 制作者：朱薇23v影片的测试和导出v 对一个完成的影片文件，执行“控制”|“测试影片”命令（快捷键【Ctrl+Enter】），即可对影片进行测试预览，也可以执行“文件”|“发布预览”|“Flash”命令，这时将自动生成同名的*.swf的文件在Flash播放器中播放。若影片测试成功并且制作完成，可对其进行导出，执行“文件”|“导出”|“导出影片”命令，弹出“导出影片”对话框，指定导出影片的文件夹，输入导出影片文件名，单击“保存”按钮，弹出“导出Flash Player”对话框，如图1-16所示。在这个对话框中可以设置导出影片的

12、相关参数。这里可不做改动，保持目前的默认参数。单击“确定”按钮，导出影片。导出的影片文件类型是播放文件，文件扩展名为swf。1.3 Flash基础操作基础操作2022-12-3厦门南洋学院 制作者：朱薇241.3 Flash基础操作基础操作图1-16“导出Flash Player”对话框2022-12-3厦门南洋学院 制作者：朱薇255.影片的打开，关闭和退出Flash 8执行“文件”|“打开”命令，弹出“打开”对话框，选择扩展名为.fla的Flash 文件，再单击该对话框中的“打开”按钮，即可打开选定的Flash文档。6.影片的关闭执行“文件”|“关闭”命令或单击Flash舞台窗口右上角的“

13、关闭”按钮。如果在此之前没有保存动画文件，会弹出一个保存提示对话框，单击“是”按钮，即可保存文档并关闭Flash文档窗口，但整个Flash 8界面窗口不关闭。7.退出Flash 8执行“文件”|“退出”命令或单击Flash 8窗口右上角的“关闭”按钮。如果在此之前没有保存动画文件，会弹出一个保存提示对话框，单击“是”按钮，即可保存文档并关闭Flash文档窗口，当关闭所有的Flash文档窗口后，退出Flash 8。1.3 Flash基础操作基础操作2022-12-3厦门南洋学院 制作者：朱薇26二、案例1.案例效果 图1-17 “flash基本操作”案例效果案例影片文件案例源文件1.3 Flas

14、h基础操作基础操作2022-12-3厦门南洋学院 制作者：朱薇273.拓展知识帧频：适当地提高动画的播放速度，能使得动画播放得更加流畅，但也不能太快，对网上发行的动画，一般为8fps到12fps。背景颜色：单击“颜色框”按钮，弹出一个颜色面板，在这个颜色面板中，有很多种颜色可以选择作为动画的背景颜色。此时鼠标变成了“吸管”形状，它不仅可以吸取颜色面板中的某一颜色，甚至可以吸取界面中任意一处的颜色作为其设置的颜色。1.3 Flash基础操作基础操作2022-12-3厦门南洋学院 制作者：朱薇28本章以预备知识为基础，讲解一个简单的Flash影片的制作，让初学者认识Flash 8工作环境和Flas

15、h所产生的文件类型等，掌握了新建Flash8影片文档的基本流程，并且其中穿插了“文本”工具的简单运用，为下一节的学习打好了基础。重点知识点：Flash是由Macromedia公司出品的用于矢量图形编辑和动画创作的专业软件。Flash的源文件为*.fla和影片格式为*.swf。Flash 8 的工作界面包含标题栏、菜单栏、工具箱、时间轴、工作区以及面板集合等基本的窗口元素。开始页的快捷用途：打开最近使用过的文档，创建新文档等。利用“文档属性”对话框设置文档的效果。使用“文本”工具制作最简单的文字效果。“属性”面板的妙用：当选定对象不同时，“属性”面板中会出现不同的设置参数，例如单击工具箱中的文本

16、，“属性”面板会从默认的文档属性自动切换文本属性。测试影片和导出影片都会生成后缀名为SWF的影片。本章小结本章小结2022-12-3厦门南洋学院 制作者：朱薇29本章以预备知识为基础，讲解一个简单的Flash影片的制作，让初学者认识Flash 8工作环境和Flash所产生的文件类型等，掌握了新建Flash8影片文档的基本流程，并且其中穿插了“文本”工具的简单运用，为下一节的学习打好了基础。重点知识点：Flash是由Macromedia公司出品的用于矢量图形编辑和动画创作的专业软件。Flash的源文件为*.fla和影片格式为*.swf。Flash 8 的工作界面包含标题栏、菜单栏、工具箱、时间轴

17、、工作区以及面板集合等基本的窗口元素。开始页的快捷用途：打开最近使用过的文档，创建新文档等。利用“文档属性”对话框设置文档的效果。使用“文本”工具制作最简单的文字效果。“属性”面板的妙用：当选定对象不同时，“属性”面板中会出现不同的设置参数，例如单击工具箱中的文本，“属性”面板会从默认的文档属性自动切换文本属性。测试影片和导出影片都会生成后缀名为SWF的影片。本章小结本章小结2022-12-3厦门南洋学院 制作者：朱薇30v选择题vFlash是由Macromedia公司出品的用于（）图形编辑和动画创作的专业软件。A.标量 B.矢量 C.位图 D.JPG2.双击()工具，可以自动调整工作区到工作

18、区的中心。A.文本 B.选择 C.手形 D.钢笔3.导出的影片文件扩展名为（）。A.SWF B.FLA C.JPG D.BMP4执行“保存”命令的快捷键是（）。A.Ctrl+Enter B.Ctrl+S C.ALT+S D.ALT+Enter5.执行“测试影片”命令的快捷键（）。A.Ctrl+Enter B.Ctrl+S C.ALT+S D.ALT+Enter习题习题2022-12-3厦门南洋学院 制作者：朱薇31二、填空题1弹出“打开”对话框，在“查找范围”中定位到要打开影片文件所在的文件夹，选择要打开的影片文件的扩展名为 。2.适当地提高动画的播放速度，能使得动画播放得更加流畅，但也不能太

19、快，对网上发行得动画，一般为 到 。3.在颜色面板中，鼠标变成了“吸管”形状，它不仅可以吸取中 的某一颜色，甚至可以吸取 中任意一处的颜色作为其设置的颜色。4.时间轴分成了两块，左边是 ，右边是 。5.“墨水瓶”工具是用来给 和 喷颜色 三、判断题1.所有情况下，开始页仅当第一次运行Flash时或程序运行期间关闭所有的文档窗口时才出现。（）2.Flash 8中最常用到的一个面板，由“工具”、“查看”、“颜色”和“选项”四部分组成。（）3.“油漆桶”工具用来给圆和框内部填充颜色（不必封闭），也给刷子喷色。（）习题习题2022-12-3厦门南洋学院 制作者：朱薇32四、问答题请写出创建flash影片的基本步骤五、上机操作题v创建一个名为“启航”的影片；标题为“flash世界”；描述为“我的第一个作品”；尺寸为500px300px，背景色为#FF33FF（紫红色）；利用文本工具在舞台中制作字体大小为55，字体颜色为#FFFFFF（白色）的“启航Flash 8！”的字样。并调整到舞台中心位置。要求导出影片。效果如图1-25所示。v 图1-25 启航.1.操作题1源文件习题习题