Microsoft PowerPoint - 第1章 Flash动画设计.ppt

Size: px

Start display at page:

Download "Microsoft PowerPoint - 第1章 Flash动画设计.ppt"

诈宸严
7 years ago
Views:

1 动漫工具基础第一章 Flash 动画设计石雷 1

2 总目录 1 基础知识和基本操作 2 3 绘制图形和绘图环境对象操作和位图应用 4 5 元件实例和库动画制作基础知识和操作 6 图层场景及其应用 7 有声影片和发布动画 2

3 总目录 1 基础知识和基本操作 3

4 基础知识和基本操作什么是 Flash Flash 的前身是 Future Wave 公司的 Future Splash, 是世界上第一个商用的二维矢量动画软件, 用于设计和编辑 Flash 文档 1996 年 11 月, 美国 Macromedia 公司收购了 Future Wave, 并将其改名为 Flash 在出到 Flash 8 以后,Macromedia 又被 Adobe 公司收购最新版本为 :Adobe Flash CS5 Flash 通常也指 Macromedia Flash Player( 现 Adobe Flash Player), 用于播放 Flash 文件 4

5 基础知识和基本操作什么是 Flash 1. Flash 被大量应用于互联网网页的矢量动画设计 ; 2,Flash 具有很强的跨平台性 ; 3,Flash 是 Macromedia 提出的富因特网应用 (RIA) 概念的实现平台 5

6 基础知识和基本操作 Flash 的应用 1,Flash 动画制作 ; 2, 应用程序开发 ; 3, 软件系统界面开发 ; 4, 手机领域开发 ; 5, 游戏开发 ; 6,Web 应用服务 ; 7, 站点建设 ; 8, 多媒体娱乐 6

7 基础知识和基本操作 FlashCS4 工作环境图层和时间轴工具箱舞台区属性面板 7

8 基础知识和基本操作 FlashCS4 工作环境舞台区舞台就是创作影片中各个帧的内容的区域, 您可以在其中直接勾画插图, 也可以在舞台中安排导入的插图舞台的操作 (1) 缩放 (2) 移动舞台视图 (3) 使用网格辅助线和标尺 8

9 基础知识和基本操作 FlashCS4 工作环境图层图层就像透明的薄片一样, 一层层地向上叠加图层可以帮助您组织文档中的插图可以在图层上绘制和编辑对象, 而不会影响其它图层上的对象时间轴时间轴用于组织和控制影片内容在一定时间内播放的层数和帧数与胶片一样, Flash 影片也将时长分为帧 9

10 基础知识和基本操作 FlashCS4 工作环境 10

11 总目录 2 绘制图形和绘图环境 11

12 绘制图形和绘图环境绘图基础初识 Flash 工具箱 12

13 绘制图形和绘图环境绘图基础初识 Flash 属性面板 13

14 绘制图形和绘图环境基本绘图工具直线工具 14

15 绘制图形和绘图环境基本绘图工具椭圆工具 15

16 绘制图形和绘图环境基本绘图工具矩形工具 16

17 绘制图形和绘图环境基本绘图工具多角星形工具 17

18 绘制图形和绘图环境基本绘图工具铅笔工具 18

19 绘制图形和绘图环境基本绘图工具刷子工具标准绘画颜料填充后面绘画颜料选择内部绘画图 1 图 2 19

20 绘制图形和绘图环境基本绘图工具橡皮擦工具橡皮模式水龙头橡皮形状图 1 图 2 图 3 20

21 绘制图形和绘图环境颜色工具颜料桶工具颜料桶工具用于为图形填充颜色, 其中包括空隙大小与锁定填充的设置 21

22 绘制图形和绘图环境颜色工具墨水瓶工具墨水瓶工具用于为填充色描边, 其中包括笔触颜色笔触高度与笔触样式的设置 22

23 绘制图形和绘图环境选取工具选择工具选择工具可以单独或全部选中图形中的线条与填充色, 除了具备最基本的选择功能以外, 选择工具还可用于复制对象与修改对象形状选择对象 ; 编辑对象 ; 修改对象形状 23

24 绘制图形和绘图环境选取工具套索工具套索工具用于选取任意范围中的线条与填充色魔术棒魔术棒属性多边形模式 24

25 绘制图形和绘图环境任意变形工具旋转和倾斜 25

26 绘制图形和绘图环境任意变形工具缩放 26

27 绘制图形和绘图环境实战练习画一个苹果 27

28 总目录 3 对象操作和位图应用 28

29 对象操作和位图应用对象的属性和类别一部动画的制作是由很多元素组成的, 在 Flash 中将这些元素统称为对象, 每种对象都有它的特性 Flash 中的对象包括 : 形状组合文字位图符号与声音 29

30 对象操作和位图应用形状形状形状是指所有在 Flash 中绘制的图形, 也包括打散的位图, 是对象中最基层的元素, 包括线条与填充色两部分线条与线条的关系 ; 线条与填充色的关系 ; 填充色与填充色的关系 30

31 对象操作和位图应用组合组合组合的图形是独立存在的个体, 它的属性就是独立存在, 可以将任意的形状组合, 也可以将已经组合的图形再次组合, 组合后的图形不会互相干扰, 组合图形的属性面板如下图所示当组合后的图形之间相互重叠时, 组合的图形会被遮盖, 但组合的图形不会相互分割 31

32 对象操作和位图应用文字文字文字也是 Flash 中的编辑对象之一, 从工具箱中选取文本工具, 在场景中单击, 即可在空白的文本标签框中输入文字 32

33 对象操作和位图应用位图位图位图是指所有导入到 Flash 中的象素图片, 可以对其进行移动复制或变形等操作 33

34 对象操作和位图应用符号符号符号也被称作为图符或元件, 是 Flash 中的重要对象, 图符可以被反复调用而不会影响到影片的容量, 以一个符号为基础, 可以制作出不同颜色, 大小或是旋转角度的符号 34

35 对象操作和位图应用声音声音声音作为一种较为特殊的对象广泛应用在 Flash 中通过属性面板可以对声音文件进行各种效果的制作, 设置声音的播放方式等, 具体的应用会在后面章节中详细讲述 35

36 对象操作和位图应用更改对象属性对象的组合选中要组合的对象, 执行修改 -> 组合命令, 或按 Ctrl+G 键可实现图形组合对象的分离执行修改 -> 分离命令, 或按 Ctrl+B 键可实现图形打散符号类型的转换可以在场景中通过属性面板进行任意转换 36

37 对象操作和位图应用编辑位图 Flash 提供了多种命令用于编辑位图, 除了前面介绍的对其进行移动复制变形或打散等操作以外, 还可以将它导出到外部编辑器中进行编辑, 但无论如何编辑, 位图都是由像素构成的图形, 通过 Flash 还可以将其转换为矢量图位图之间的同位置交换 : 设置位图的外部编辑 : 位图转换为矢量 : 优化矢量 : 37

38 对象操作和位图应用编辑位图对象的组合选中要组合的对象, 执行修改 -> 组合命令, 或按 Ctrl+G 键可实现图形组合对象的分离执行修改 -> 分离命令, 或按 Ctrl+B 键可实现图形打散符号类型的转换可以在场景中通过属性面板进行任意转换 38

39 对象操作和位图应用对象的排列和对齐对象的排列 : 同一图层中 Flash 中的对象按照创建的先后顺序分位不同的层次出现在场景中, 最晚创建的对象位于最高层, 但形状永远处于最底层, 选中的形状会覆盖其他的形状, 若要改变形状的叠放次序, 就必须将它组合 39

40 对象操作和位图应用对象的排列和对齐对象的对齐 : 对齐对象命令用于对齐分布在同一场景中的两个或两个以上的选定对象可以通过两种方式将选定的对象对齐 1. 菜单栏 2. 对齐面板 40

41 对象操作和位图应用对象的移动复制删除移动, 复制与删除的操作是对 Flash 中的对象进行编辑时较为常用的操作,Flash 中的对象之一声音也可以被反复利用, 各种对象之间的操作命令有所不同, 下面将分别讲述操作对象的几种方法 1. 移动对象 2. 复制对象 3. 删除对象 41

42 对象操作和位图应用对象的变形 1. 垂直翻转 2. 水平翻转 3. 通过属性面板控制对象纵横比 42

43 对象操作和位图应用实战练习装饰画的制作 43

44 总目录 4 元件实例和库 44

45 元件实例和库元件的概念和类型 1. 重复使用 ; 2. 可以包含位图图形组合声音和其它元件 ; 3. 具有独立的时间轴工作区和图层 ; 4. 三种类型 : 图形元件影片剪辑元件和按钮元件 45

46 元件实例和库元件的概念和类型图形元件图形元件主要用于定义静态的对象, 包括静态图形元件与动态图形元件两种按钮元件主要用于创建响应鼠标事件的交互式按钮鼠标事件包括鼠标触及与单击两种影片剪辑元件可以将它自身理解成为一个小动画, 在影片剪辑元件中可以制作独立的影片, 制作方法与在场景中没有区别 46

47 元件实例和库制作元件在 Flash 中, 可以通过两种方式制作元件, 分别为创建新元件与将对象转换为元件创建新元件将对象转换为元件制作按钮元件 47

48 元件实例和库元件的实例应用于影片的元件均被称之为实例, 在工作区中选中实例, 通过元件属性面板里的设置, 可以改变实例的尺寸颜色与元件类型, 但这些改动只针对实例本身, 不会影响到库面板中的元件 48

49 元件实例和库设置实例属性设置实例颜色利用属性面板中颜色选项的设置, 改变实例的颜色其中包括以下 5 种颜色样式 : (1) 无 : 默认设置, 表示不为实例设置颜色效果 (2) 亮度 : 用于设置实例的亮度 (3) 色调 : 用于设置实例的色彩倾向 (4)Alpha: 用于设置实例的透明度 (5) 高级 : 用于同时设置实例的色调与透明度 49

50 元件实例和库设置实例属性设置动态图形实例播放模式动态图形元件与影片剪辑元件最大的区别就是影片剪辑元件的实例有独立的时间轴, 在场景中作为静态对象显示, 也就是说, 在影片编辑模式下不能显示它的动态效果 ; 而动态图形元件的实例依赖于影片的时间轴, 所以在影片编辑模式下可以显示它的动态效果循环 ; 播放一次 ; 单帧 50

51 元件实例和库编辑元件与实例重命名元件复制元件修改元件分离实例改变实例大小调整实例中心点交换实例 51

52 元件实例和库关于库面板库面板就是一个影片的仓库所有元件都会被自动载入到当前影片的库面板中, 以便以后灵活应调用, 另外, 还可以从其他影片的库面板中调用元件, 更可以根据需要建立自己的库面板

53 元件实例和库实战练习绘制一片大森林 53

54 总目录 5 动画制作基础知识和操作 54

55 动画制作基础知识和操作时间轴时间轴是组织动画的地方, 它的主要任务是显示和控制帧, 如下图所示在影片播放时, 时间轴上的播放头将按照一定的帧速率沿时间线运动, 播放头经过那帧, 影片就显示那帧中的内容在编辑影片的过程中也是如此, 场景中仅显示播放头所在帧中的对象播放头帧视图 55

56 动画制作基础知识和操作帧帧是决定物体运动的核心, 是构成一部影片的基础, 它决定影片中的对象何时出现以及对象的运动方式

57 动画制作基础知识和操作帧关键帧 ;2. 普通帧 ; 3. 空白关键帧 ;4. 一般空白帧 ; 5. 运动渐变帧 ;6. 形状渐变帧 ; 7. 错误渐变帧 ; 加入帧标签的帧 ; 11. 加入音乐的帧 ;12. 加入脚本语言的帧 57

58 动画制作基础知识和操作逐帧动画逐帧动画的制作方法与传统的动画相似, 由于其中的每一帧都是关键帧, 所以生成的影片相对较大翻转帧动画 58

59 动画制作基础知识和操作形状渐变形状渐变动画就是指对象在两个关键帧之间形状发生变化的动画例如圆形变成方形的动画效果, 如下图所示正确的形状渐变动画在时间轴中以浅绿色背景的单箭头符号表示, 错误的形状渐变动画以浅绿色背景的虚线表示 59

60 动画制作基础知识和操作形状提示形状提示是辅助图形变形的一种提示在变形的初始图形上指定一些变形的关键点, 接着在变形的结束图形上将刚刚指定的关键点置于适当的位置, 这样, 图形在进行形状渐变的过程中, 就会参考定义的关键点之间的联系计算出过渡效果的部分 60

61 动画制作基础知识和操作运动渐变运动渐变是最常用的一种渐变方式它的主要功能是计算元件实例从一个地方到另一个地方, 实例位置之间的过渡部分除此以外, 运动渐变还可以在元件实例的大小和颜色方面创建过渡动画, 在实例运动的过程中, 可以根据需要使实例旋转位置的移动 ; 大小的变化 ; 旋转 ; 颜色的变化 61

62 动画制作基础知识和操作实战练习镜面效果 62

63 总目录 6 图层场景及其应用 63

64 图层场景及其应用图层普通图层 ;2. 普通引导层 ; 3. 运动引导层 ;4. 被引导的图层 ; 5. 图层文件夹 ;6. 遮罩层 ; 7. 被遮罩图层 64

65 图层场景及其应用图层显示 / 隐藏所有图层 ;2. 锁定 / 解除锁定所有图层 ; 3. 显示所有图层的轮廓 ;4. 当前图层轮廓线显示状态 ; 5. 当前图层锁定状态 ;6. 当前图层显示状态 ; 7. 删除图层 ;8. 当前编辑图层 ; 9. 插入图层文件夹 ;10. 添加运动引导层 ; 11. 插入图层 65

66 图层场景及其应用遮罩层遮罩在 flash 中有着广泛的应用, 可以做出很多意想不到的效果遮罩层的实现需要通过两个以上的图层, 建立遮罩与被遮罩的关系, 也就是说, 遮罩层不仅可以与一个普通图层之间建立遮罩关系, 也可以同时与多个普通图层之间建立遮罩关系 66

67 图层场景及其应用场景如果说图层文件夹是管理图层的专家, 那么场景就是管理动画的专家, 场景的原理非常简单, 操作起来也很方便, 这部分将学习场景的概念应用以及操作方法, 了解场景的原理和建立场景的目的, 熟练掌握场景的基本操作, 可以在场景中任意切换, 方便的制作 Flash 影片 67

68 动画制作基础知识和操作实战练习漂亮的文字特效 68

69 总目录 7 有声影片和发布动画 69

70 有声影片和发布动画导入声音 Flash 支持多种格式的声音文件, 共有两种声音类型 : 分别为事件声音和数据流声音允许导入的声音格式 WAV MP3 和 AIFF( 仅限苹果机 ) 导入声音文件 1. 执行文件导入导入到库命令, 弹出导入到库的对话框, 选中要导入的声音文件, 单击确定按钮 2. 返回场景编辑模式, 按下 Ctrl+L 快捷键打开库面板, 在库面板中可以看到刚刚选择的声音文件 70

71 有声影片和发布动画使用声音声音不但可以应用于整部影片中, 还可以应用于某个元件中, 和元件的原理相同, 声音可以被反复利用及制作各种声音效果, 均以库面板中声音为基础添加声音文件到影片添加声音文件到元件为按钮加入声音 71

72 有声影片和发布动画使用声音同一个声音文件, 可以制作出不同的声音效果通过属性面板可以对声音进行对中设置, 声音的属性面板如图下所示声音信息声音 ; 效果 ; 同步 72

73 有声影片和发布动画压缩和编辑声音在导出影片时, 可以对声音进行压缩, 到达减少文件体积的目的通过设置声音属性, 可以控制单个声音文件的导出质量和大小 73

74 有声影片和发布动画发布影片发布设置执行文件发布设置命令弹出发布设置对话框, 如下图所示 74

75 实战演练 75

1 Flash 绘画概述美术与绘画电脑绘画 1-1 Flash Painter (a) (Flash) (b) (Painter) 1-1

1 Flash 绘画概述美术与绘画电脑绘画 1-1 Flash Painter (a) (Flash) (b) (Painter) 1-1 第一部分绘画基础俗话说万丈高楼平地起学习Ｆｌａｓｈ绘画也一样必须从美术基础学起掌握透视构图和色彩等基础知识以及物体立体感的表现方法是掌握Ｆｌａｓｈ绘画的必备知识也是进行动画设计的基础 1 Flash 1 1.1 绘画概述 1.1.1 美术与绘画 3 1.1.2 电脑绘画 1-1 Flash Painter (a) (Flash) (b) (Painter) 1-1 Flash