FLASH 动画设计与制作

1. FLASH动画设计与制作 第一章 初识 FLASH 主讲：吴芳

2. 初识Flash • 总学时4 讲课2 上机:2 • 主要内容：了解Flash工作界面组成元素的名称及作用，了解舞台、场景、图层、时间轴、帧，关键帧，元件，影片等基本概念和术语；初步掌握动画制作的流程 • 教学重点：认识Flash 工作界面，建立动画制作基本概念,动画制作的基本步骤 • 教学难点：动画制作的基本步骤 • 上机内容：熟悉Flash软件（2学时）

3. 什么是Flash Flash 是矢量图编辑和动画创作的专业软件，设计和开发人员可使用它来创建演示文稿、应用程序和其他允许用户交互的内容,并可直接生成主页代码。在Flash中，可以通过绘制图形、运用图片、添加声音、导入视频等手段，构建包含丰富媒体的各种动画。

4. Flash的主要特点 图像质量:Flash是矢量图形, Flash内绘制的图形达到了真正的无级放大几倍、几百倍都一样清晰. 文件体积:Flash文件格式小适合网络的传输和存储． 元件使用:使用的图形和动画片断, 可以多次使用,也不会导致动画文件的体积增大。 交互功能:使用Action Script可以控制Flash中的对象,创建导航和交互元素，制作出交互性强的动画. 采用流式播放技术 支持导入音频、视频

5. Flash动画的应用领域

6. 动画作品制作欣赏 制作一个较为完整的动画，如果希望达到良好的效果，能吸引观众，最重要的是创意。即在掌握好Flash软件制作动画的一些最基本操作后，个人构思和艺术修养等的综合体现。良好的创意加上在制作过程中不断娴熟的技巧，便可构成自己美妙的作品。 演示动画

7. Flash的操作环境

8. Flash工作界面 菜单栏 工具箱 时间轴 图层区 场景区 元件库 面板

9. Flash的操作环境 工具箱 1. 工具区 2.查看区 3.颜色区 4.选项区

10. Flash的操作环境 主工具栏

11. Flash的操作环境 面板 1. 面板的基本操作 2.“属性”面板 3.“库”面板

12. Flash基本术语 • 时间轴 • 帧 • 图层 • 场景 • 元件、实例 • 对象

13. 过渡帧 锁定|解除图层 静止帧结束 帧浏览选项 显示|隐藏图层 图层名 帧频 播放时间 静止帧 空白关键帧 新建图层 绘图纸工具 关键帧 图---时间轴 时间轴 是进行动画创作和编辑的主要工具。是用来表示动画中各帧的排列顺序和各层的覆盖关系的主线，它决定了动画的播放顺序。时间轴分为两大部分：层控制区和时间轴控制区

14. 帧(Frame) 帧是构成Flash动画的基本组成元素，Flash的时间轴上的一个小格代表一帧，表示动画内容中的一个片段。它在时间轴中出现的顺序决定它在动画中显示的顺序。帧的主要几种类型

15. 帧的操作 插入帧 移动帧 翻转帧

16. 图层(Layer) 图层就像透明的胶片，每个图层上所绘制的对象按一定的顺序重叠在一起，形成复杂的动画。每个每个图层都有各自的时间轴。 各种图层的表示 另外还可以添加图层、重命名图层、调整图层的次序、删除图层、设置图层的状态及创建图层文件夹等。

17. 场景如同拍电影的不同场所，一个影片可以有一个也可以有多个场景，每个场景是Flash作品中相对独立的一段动画内容.场景如同拍电影的不同场所，一个影片可以有一个也可以有多个场景，每个场景是Flash作品中相对独立的一段动画内容. 场景（Scene） 场景面板 选择“修改”|“文档”命令，在弹出的对话框中，可设置文档属性（如尺寸、背景、分辨率及帧的播放速度等）。

18. 对象（Object） Falsh中的动画都是由对象组成的，对象一般可以分为: ①形状 通过绘图工具绘制产生的如园、矩形等形状；对象被选中，以网点所覆盖，对象不是整体，各部分的形状、大小都可以改变。 ② 组 将形状通过“修改|组合”命令转换成为组对象，对象是个整体，只能改变组对象的大小、角度等操作。组对象通过“修改|分离”命令打散转变为形状对象。 ③元件 通过“插入”菜单的“|新建元件”或“转换为元件”命令创建的元件，在场景中引用，其实质也是组。 ④文本 通过工具箱的“文本工具”产生。

19. 元件、实例 元件是Flash中最重要、最基本的元素，它是存放在库中可反复取出使用动画元素。 在Flash 中，元件分为图形元件、影片剪辑元件和按钮元件 实例是将元件从库中拖到舞台上就形成了这个元件的一个实例。 “库”面板中的元件

20. 元件的基本操作： ⑴ 创建元件 ⑵ 将场景中的对象转换为元件 ⑶ 引用元件 ⑷ 修改元件 【注意】在Flash中有两个编辑状态：场景编辑和元件编辑，通过单击相应的按钮切换。在制作时应关心当前处于哪个状态。

21. 常用绘图工具基本操作 绘制线条 绘制线条主要采用铅笔工具。 也可以使用“线条工具”绘制直线，“钢笔工具”绘制矢量线；可使用“刷子工具”和“Deco工具”等工具绘制特殊效果图形。 直线工具： 铅笔工具：任意形状；光滑：在铅笔模式中进行“平滑”选择 钢笔工具：精确的路径和各种复杂的图形

22. 选择对象 使用“选择工具”、“部分选取工具”可以选择、移动和改变对象。 ：用于选取矢量线 ：选线或填空；也可以改变线形状 对象的变形和混色器 “修改|变形” ： “窗口|混色器”，混色器面板设置颜色

23. 形状工具 形状工具是一套创建各种图形的绘制工具。 【说明】在Flash舞台中绘制好线条或图形后，可对其进行编辑，如对图像的变形、扭曲、缩放、套索等操作。 各种形状工具

24. 绘制圆环的操作步骤 【例如】利用“基本椭圆工具”，绘制圆环的操作步骤。

25. 文本工具 文字信息在动画制作的过程中是必不可少的重要组成部分。在Flash 中，文本分为静态文本、动态文本和输入文本。 制作动画通常使用的都是静态文本，可以设置文字的大小、颜色、旋转角度、透明度等属性。 文字输入与处理 ：“属性”面板先设置字体、字号、颜色等，再输入字 “Ctrl+B”矢量图分离成图形； “Ctrl+G”相反作用

26. 创建动画的分类

27. Flash 有两种基本的创建动画序列的方法：*⒈ 时间轴操作 逐帧动画 补间动画 • 基本动画制作

28. (1)逐帧动画 逐帧动画的基本概念: • 逐帧动画就是由就是一帧一帧的运动形成的。 • 逐帧动画就是需要一帧一帧的绘制，因此工作量比较大。逐帧动画的体积一般比较大。在创建逐帧动画时，每一帧都是关键帧。 • 但逐帧动画通常被用在制作传统的2D动画中，而且会经常性的使用。

29. 逐帧动画 创建逐帧动画的主要方法： ① 利用静态图片建立逐帧动画 ② 绘制矢量逐帧动画 ③ 制作文字逐帧动画 ④ 导入序列图像

30. 【例如】制作逐帧动画：实现倒计时效果。逐一显示“5、4、3、2、1、0、新、年、好”，在显示“0”这帧时停留时间长些。【例如】制作逐帧动画：实现倒计时效果。逐一显示“5、4、3、2、1、0、新、年、好”，在显示“0”这帧时停留时间长些。

31. ⑵ 补间动画 ① 补间形状动画： ② 补间动画： ③ 传统补间动画：

32. 补间形状动画： 补间形状动画的变形对象是矢量图形。要给组合体、实例或位图图像应用形变动画，则必须首先将这些元素分离（打散）。如果是文本，则需要打散两次，第一次打散只是分散成为单个的字符，第二次打散才成为矢量图形。 补间形状动画：中可以使用Flash提供的形状提示点来限制形状的变化过程。形状提示点的主要目的就是限制矢量图形的变化过程，使Flash自动生成的变化过程可以得到人为的控制。

33. 传统补间动画： 在传统补间动画中，可以定义符号实例、组合体或文本块在时间轴某一帧中的属性，比如大小和位置等，然后在另一个关键帧中改变这些属性。可见，传统补间动画针对的是符号实例、组合体或文本块。

34. 补间形状动画和传统补间动画的区别:

35. Flash文档的基本操作 1.创建新文档 方法1：在开始页对话框上单击【创建新项目】 栏第一行的【Flash文档】按钮 方法2：在主工具栏上单击【新建】按钮 方法3：在菜单栏执行【文件】→【新建】命令 方法4：运用快捷键【Ctrl+N】

36. 2.设置文档属性 1). 调出“文档属性”对话框 2). 在“文档属性”对话框中设置文档属性

37. 3.保存文档(*.FLA) 保存的方法：执行【文件】→【保存】命令 ，或在主工具栏上单击【保存】按钮，或运用组合键【Ctrl+S】）。 1). 首次保存：保存后在标题栏显示文档名称 2). 过程保存：要随时保存，以防止前功尽弃 3). 最后保存：执行【文件】→【另存为】命令

38. 4.测试影片(*.SWF) 1). 简单的测试 最简单的测试性播放的方法是在键盘上按下【Enter】键 2). 完全的测试 执行【控制】→【测试影片】命令，或按下快捷键【Ctrl+Enter】

39. 5.发布影片 1. 最简单的发布 执行【控制】→【测试影片】命令（或按下快捷键【Ctrl+Enter】 2. “导出”式发布 执行【文件】→【导出】命令

40. Flash动画的制作流程 Flash动画的制作的基本流程是：准备素材→新建Flash影片文档→设置文档属性→制作动画→测试和保存动画→导出和发布影片。 1．准备素材 2．新建Flash影片文档 3．设置文档属性 4．制作动画 5．测试和保存影片 6．导出和发布影片

41. 参考资料 参考书籍 书店，图书馆 电子实验书 Flash网站资源 课程网站（优秀作业、作品） 课程网站（学习课件、上机练习）

42. 找flash逐帧动画素材，哪里有flash逐帧动画素材呀？找flash逐帧动画素材，哪里有flash逐帧动画素材呀？ 笔秀网 http://www.penshow.cn/ FLASH 在线 http://www.flashline.cn/ http://www.zcool.com.cn/gfxs/ 我搜我搜 http://www.wosowoso.com/ 闪吧 http://www.flash8.net/

43. 总结： 通过欣赏并制作简单的动画作品。 • 掌握FLASH的基本概念，基础知识。 • 熟悉FLASH工作界面，基本操作。 • 学会FLASH文件的保存，运行方法。 • ------激发学习的兴趣和动力。