多媒体技术应用flash.ppt

《多媒体技术应用flash.ppt》由会员分享，可在线阅读，更多相关《多媒体技术应用flash.ppt（81页珍藏版）》请在第壹文秘上搜索。

1、重点难点：重点难点：1. Flash动画对象的绘制和编辑动画对象的绘制和编辑2. 简单动画制作简单动画制作3. 引导路径动画和遮罩动画的设计与制作引导路径动画和遮罩动画的设计与制作4. 使用使用ActionScript2.0实现交互实现交互第第3章章 Flash 动画制作动画制作内容提要：内容提要：3.1 计算机动画基础知识计算机动画基础知识3.2 Flash基本操作基本操作3.3 Flash简单动画制作简单动画制作3.4 图层特效动画制作图层特效动画制作3.5 声音与按钮声音与按钮3.6 交互动画制作交互动画制作3.7 动画制作综合应用动画制作综合应用3.1 计算机动画基础知识3.1.1 3

2、.1.1 动画的概念动画的概念 动画是一种通过连续画面来显示运动的技术，通过一定速度投放画面以达到连续的动态效果；或动画是一系列物体组成的图像帧的动态变化过程，其中每帧图像只是前一帧图像的略加变化。 3.1 计算机动画基础知识3.1.2 3.1.2 动画原理动画原理 1. 动画原理2. 传统动画的生产过程3. 计算机动画的概念4. Flash动画5. 动画制作应注意的问题 速度的处理 循环动画 夸张与拟人3.2 Flash基本操作3.2.1 3.2.1 熟悉熟悉FlashFlash操作界面操作界面3.2 Flash基本操作时间轴面板时间轴面板 图层文件夹 引导图层 图层名称 隐藏显示图层 锁定

3、图层 轮廓显示图层 空白关键帧 播放头 关键帧 帧视图按钮 运行时间 帧频 当前帧数 绘图纸按钮 帧居中按钮 删除图层 添加图层文件夹 添加引导层 添加图层 3.2.4 文件操作1.1. 新建文件新建文件2.2. 保存文件保存文件3.3. 打开文件打开文件4.4. 设置文档属性设置文档属性5.5. 导入导出文件导入导出文件3.2.5 绘制和编辑图形案例案例3-2-13-2-1：绘制“鸟语花香”设计效果设计效果：舞台效果图如下所示。设计目标设计目标：学习Flash动画对象的绘制和编辑方法，掌握各种绘图工具的使用。设计思路设计思路：该案例包含背景、草地、花朵、蘑菇、太阳、文字和小鸟图层。利用工具箱

4、中的各种绘图工具，分别在各个图层中绘制相应的对象。3.2.5 绘制和编辑图形1.矩形工具和椭圆工具：矩形工具和椭圆工具：绘制几何图形绘制几何图形属性面板可设置笔触颜色，填充颜色等属性面板可设置笔触颜色，填充颜色等多角星形工具：点击属性面板的多角星形工具：点击属性面板的“选项选项”，可设置样，可设置样式、边数等式、边数等2.填充变形工具：填充变形工具：调整渐变色填充调整渐变色填充调渐变中心点调渐变中心点调渐变大小调渐变大小调渐变角度调渐变角度3.2.5 绘制和编辑图形3.3. 直线工具：直线工具：绘制矢量线段绘制矢量线段 在属性面板设置直线颜色、粗细、样式等在属性面板设置直线颜色、粗细、样式等

5、Shift+Shift+拖动鼠标：绘制与水平成拖动鼠标：绘制与水平成4545度直线度直线4. 选择工具选择工具: 选取、移动和复制对象（按住选取、移动和复制对象（按住CTRLCTRL） 改变对象形状改变对象形状3.2.5 绘制和编辑图形6.6. 墨水瓶工具：墨水瓶工具： 改变线条改变线条颜色和样式（颜色和样式（不是填充色！）不是填充色！）5.5.颜料桶工具：颜料桶工具：对封闭区域填充颜色对封闭区域填充颜色 四种封闭模式：不封闭空隙、封闭小空隙、封闭中等空四种封闭模式：不封闭空隙、封闭小空隙、封闭中等空隙、封闭大空隙隙、封闭大空隙 填充颜色：使用颜色面板（填充颜色：使用颜色面板（纯色、渐变色、位

6、图纯色、渐变色、位图）3.2.5 绘制和编辑图形7.7.任意变形工具：任意变形工具：改变对象形状改变对象形状旋转、倾斜、缩放等旋转、倾斜、缩放等变形面板变形面板3.2.5 绘制和编辑图形怎样绘制蘑菇？3.2.5 绘制和编辑图形8.8. 文字文字工具工具 文本对象类型：文本对象类型： 静态文本：动画播放时不会改变静态文本：动画播放时不会改变 动态文本：动画播放时可以动态更新动态文本：动画播放时可以动态更新 输入文本：浏览者可以输入输入文本：浏览者可以输入 文字方向：文字方向：3 3种种 文字的格式化：在属性面板完成文字的格式化：在属性面板完成 文字的变形：任意变形工具文字的变形：任意变形工具 转

7、化为图形：转化为图形：两次分离两次分离 Ctrl+BCtrl+B组合键组合键3.2.5 绘制和编辑图形9.9. 橡皮擦工具：橡皮擦工具：擦除图形（矢量图）擦除图形（矢量图）10. 套索工具：套索工具：选择不规则区域选择不规则区域 模式：自由选取模式、多边形模式、魔术棒模式模式：自由选取模式、多边形模式、魔术棒模式 魔术棒属性设置魔术棒属性设置Ctrl+Enter组合键：测试影片，在与源文件相同位置创建同名swf影片文件内容提要：内容提要：1. 动画的原理动画的原理2. Flash文件格式？影片文件格式？文件格式？影片文件格式？3. 文档属性的修改文档属性的修改4. 工具箱的使用工具箱的使用5.

8、 Premiere的界面有哪几部分构成？的界面有哪几部分构成？6. 使用使用Premiere制作视频的流程？制作视频的流程？7. 00:00:05:02代表什么意思？代表什么意思？8. 插入操作和覆盖操作的区别？插入操作和覆盖操作的区别？上次课复习3.2.5 绘制和编辑图形FlashFlash绘制模式绘制模式合并绘制模式合并绘制模式对象绘制模式对象绘制模式需要需要在工具箱中在工具箱中的工具选项区按的工具选项区按下下对象绘制按钮对象绘制按钮3.2.5 绘制和编辑图形对象的组合和分离对象的组合和分离组合：对个对象组合在一起，组合：对个对象组合在一起，Ctrl+G Ctrl+G 快捷键快捷键取消组合

9、：已经组合的对象重新分散成为单个的对象取消组合：已经组合的对象重新分散成为单个的对象分离：对象打散成形状，分离：对象打散成形状，Ctrl+B Ctrl+B 快捷键快捷键组合是可逆操作，分离是不可逆操作3.3.1 动画的分类1. Flash 1. Flash CS5CS5支持的动画类型支持的动画类型逐帧动画形状补间动画传统补间动画补间动画简单动画3.3.2 帧操作 帧是帧是Flash动画的基本单位。动画的基本单位。Flash中的帧分为：中的帧分为：关键帧关键帧空白关键帧空白关键帧普通帧普通帧概念概念用来存放动画中关用来存放动画中关键画面的帧键画面的帧和关键帧类似和关键帧类似，但但对应的舞台对应的

10、舞台中没有内容。中没有内容。用来延长上一用来延长上一个关键帧的播个关键帧的播放状态和时间放状态和时间在时间轴的在时间轴的表示表示黑色实心小圆点黑色实心小圆点空心圆圈空心圆圈灰色矩形灰色矩形是否能编辑是否能编辑可编辑可编辑可编辑可编辑不可编辑不可编辑插入方法插入方法F6F6F7F7F5F53.3.2逐帧动画1. 逐帧动画在每一帧中都会更改舞台内容，它最适合于图像在每一帧中均发生变化的精细动画，例如动物的奔跑，人物的动作等。2. 若要创建逐帧动画，要将每个帧都定义为关键帧，然后为每个帧制作不同的图像。3. 工作量大，生成的文件也较大。4. 在Flash中，制作逐帧动画主要有2种方式： 将动画过程分

11、解成一个个画面，在每个关键帧处绘制画面的的内容； 通过导入表示连续分解动作的图片文件，如GIF文件。3.3.2逐帧动画案例案例3-3-13-3-1：利用逐帧动画制作“草原女孩”动画设计效果设计效果：舞台效果图如下所示。设计目标设计目标：理解逐帧动画原理，掌握两种逐帧动画的制作方法。设计思路设计思路：包含3个逐帧动画：马、眨眼睛、字幕的出现。3.3.2逐帧动画绘制各关键帧方式：1.1. 在动画开始的第在动画开始的第1 1个关键帧处绘制动画对象。个关键帧处绘制动画对象。2.2. 按按F6F6插入关键帧，将其中的内容稍作修改。或按插入关键帧，将其中的内容稍作修改。或按F7F7键插键插入空白关键帧，重

12、新绘制对象。重复这一操作，直至动入空白关键帧，重新绘制对象。重复这一操作，直至动画完毕。画完毕。3.3. 需要时在关键帧之间插入普通帧来降低动画速度。需要时在关键帧之间插入普通帧来降低动画速度。导入连续图片的方式：1.1. 准备好展现对象运动的连续图片，如准备好展现对象运动的连续图片，如GIFGIF图片。图片。2.2. 在动画开始的第在动画开始的第1 1个帧处导入连续图片。个帧处导入连续图片。3.3. 需要时在关键帧之间插入普通帧来降低动画速度。需要时在关键帧之间插入普通帧来降低动画速度。3.3.3 库、元件、实例1. 库、元件、实例的概念库、元件、实例的概念 元件是指在元件是指在 Flash

13、 创作环境中创建过一次的图形、按创作环境中创建过一次的图形、按钮或影片剪辑。创建完成后，可在整个文档或其它文钮或影片剪辑。创建完成后，可在整个文档或其它文档中重复使用该元件。每个元件都有一个唯一的时间档中重复使用该元件。每个元件都有一个唯一的时间轴和舞台。轴和舞台。 用户所创建的元件会存放在当前文档的库中。用户所创建的元件会存放在当前文档的库中。 实例是指库中元件实例是指库中元件在在舞台上的具体应用。舞台上的具体应用。3.3.3 库、元件、实例2. 元件元件的分类：的分类： 图形元件图形元件：可用于静态图像。也可用来创建连接到主：可用于静态图像。也可用来创建连接到主时间轴的可重用动画片段，与主

14、时间轴同步运行。交时间轴的可重用动画片段，与主时间轴同步运行。交互式控件和声音在图形元件的动画序列中不起作用。互式控件和声音在图形元件的动画序列中不起作用。 影片剪辑元件影片剪辑元件：创建可重用的动画片段。影片剪辑的：创建可重用的动画片段。影片剪辑的时间轴独立于主时间轴。影片剪辑元件可以包含交互时间轴独立于主时间轴。影片剪辑元件可以包含交互式控件、声音甚至其它影片剪辑实例。式控件、声音甚至其它影片剪辑实例。 按钮元件按钮元件：可以创建用于响应鼠标单击、滑过或其它：可以创建用于响应鼠标单击、滑过或其它动作的交互式按钮。动作的交互式按钮。3.3.3 库、元件、实例3. 元件元件的操作：的操作： 创

15、建元件：创建元件：新建原件新建原件Ctrl+F8，将已有内容转换为元件，将已有内容转换为元件F8 复制元件复制元件：在库面板上直接复制在库面板上直接复制 编辑编辑元件：元件：双击库面板上的原件双击库面板上的原件4. 实例的操作：实例的操作： 创建创建实例实例：将库中的元件拖动至舞台将库中的元件拖动至舞台 编辑实例属性编辑实例属性：属性面板属性面板 分离实例元件分离实例元件：Ctrl+B5. 使用库使用库内容提要：内容提要：1. Flash动画对象的绘制动画对象的绘制2. 逐帧动画适用的场合、特点及制作方法逐帧动画适用的场合、特点及制作方法3. 什么是元件？库？实例？什么是元件？库？实例？4.

16、修改元件和修改实例之间的区别修改元件和修改实例之间的区别上次课复习快捷键快捷键：Ctrl+G：组合：组合Shift+Ctrl+G：取消组合：取消组合Ctrl+B：打散（分离）：打散（分离）Ctrl+Enter：测试动画：测试动画精细动作精细动作每一帧都是关键帧，都需要编辑每一帧都是关键帧，都需要编辑两种制作方法：两种制作方法： 将动画分解为一个个画面，在每将动画分解为一个个画面，在每个关键帧中绘制画面个关键帧中绘制画面 导入连续图片导入连续图片元件：元件：FlashFlash中创作过一次的图形、小段动画或按钮，可以中创作过一次的图形、小段动画或按钮，可以反复使用反复使用制作好的元件存放在库中制作好的元件存放在库中将库中的元件拖动至舞台上，就是创建了该元件的一个实例将库中的元件拖动至舞台上，就是创建了该元件的一个实例修改一个实例，舞台上的其他实例和库中的元件都不会变修改一个实例，舞台上的其他实例和库中的元件都不会变修改了元件，舞台上所有该元件的实例都会发生变化修改了元件，舞台上所有该元件的实例都会发生变化F5：插入普通帧，延续时间：插入普通帧，延续时间F6：插入关键帧：插入关键帧F7：插