多媒体技术应用flash

1、会计学1多媒体技术应用多媒体技术应用flash1. 动画原理2. 传统动画的生产过程3. 计算机动画的概念4. Flash动画5. 动画制作应注意的问题 速度的处理 循环动画 夸张与拟人 图层文件夹 引导图层 图层名称 隐藏显示图层 锁定图层 轮廓显示图层 空白关键帧 播放头 关键帧 帧视图按钮 运行时间 帧频 当前帧数 绘图纸按钮 帧居中按钮 删除图层 添加图层文件夹 添加引导层 添加图层 1.矩形工具和椭圆工具：矩形工具和椭圆工具：绘制几何图形绘制几何图形属性面板可设置笔触颜色，填充颜色等属性面板可设置笔触颜色，填充颜色等多角星形工具：点击属性面板的多角星形工具：点击属性面板的“选项选项”

2、，可设置样，可设置样式、边数等式、边数等2.填充变形工具：填充变形工具：调整渐变色填充调整渐变色填充调渐变中心点调渐变中心点调渐变大小调渐变大小调渐变角度调渐变角度3.3. 直线工具：直线工具：绘制矢量线段绘制矢量线段 在属性面板设置直线颜色、粗细、样式等在属性面板设置直线颜色、粗细、样式等 Shift+Shift+拖动鼠标：绘制与水平成拖动鼠标：绘制与水平成4545度直线度直线4. 选择工具选择工具: 选取、移动和复制对象（按住选取、移动和复制对象（按住CTRLCTRL） 改变对象形状改变对象形状6.6. 墨水瓶工具：墨水瓶工具： 改变线条改变线条颜色和样式（颜色和样式（不是填充色！）不是填

3、充色！）5.5.颜料桶工具：颜料桶工具：对封闭区域填充颜色对封闭区域填充颜色 四种封闭模式：不封闭空隙、封闭小空隙、封闭中等空四种封闭模式：不封闭空隙、封闭小空隙、封闭中等空隙、封闭大空隙隙、封闭大空隙 填充颜色：使用颜色面板（填充颜色：使用颜色面板（纯色、渐变色、位图纯色、渐变色、位图）7.7.任意变形工具：任意变形工具：改变对象形状改变对象形状旋转、倾斜、缩放等旋转、倾斜、缩放等变形面板变形面板怎样绘制蘑菇？怎样绘制蘑菇？8.8. 文字文字工具工具 文本对象类型：文本对象类型： 静态文本：动画播放时不会改变静态文本：动画播放时不会改变 动态文本：动画播放时可以动态更新动态文本：动画播放时可

4、以动态更新 输入文本：浏览者可以输入输入文本：浏览者可以输入 文字方向：文字方向：3 3种种 文字的格式化：在属性面板完成文字的格式化：在属性面板完成 文字的变形：任意变形工具文字的变形：任意变形工具 转化为图形：转化为图形：两次分离两次分离 Ctrl+BCtrl+B组合键组合键9.9. 橡皮擦工具：橡皮擦工具：擦除图形（矢量图）擦除图形（矢量图）10. 套索工具：套索工具：选择不规则区域选择不规则区域 模式：自由选取模式、多边形模式、魔术棒模式模式：自由选取模式、多边形模式、魔术棒模式 魔术棒属性设置魔术棒属性设置Ctrl+Enter组合键：测试影片，在与源文件相同位置创建同名swf影片文件

5、内容提要：内容提要：1. 动画的原理动画的原理2. Flash文件格式？影片文件格式？文件格式？影片文件格式？3. 文档属性的修改文档属性的修改4. 工具箱的使用工具箱的使用5. Premiere的界面有哪几部分构成？的界面有哪几部分构成？6. 使用使用Premiere制作视频的流程？制作视频的流程？7. 00:00:05:02代表什么意思？代表什么意思？8. 插入操作和覆盖操作的区别？插入操作和覆盖操作的区别？FlashFlash绘制模式绘制模式合并绘制模式合并绘制模式对象绘制模式对象绘制模式需要需要在工具箱中在工具箱中的工具选项区按的工具选项区按下下对象绘制按钮对象绘制按钮对象的组合和分离

6、对象的组合和分离组合：对个对象组合在一起，组合：对个对象组合在一起，Ctrl+G Ctrl+G 快捷键快捷键取消组合：已经组合的对象重新分散成为单个的对象取消组合：已经组合的对象重新分散成为单个的对象分离：对象打散成形状，分离：对象打散成形状，Ctrl+B Ctrl+B 快捷键快捷键组合是可逆操作，分离是不可逆操作组合是可逆操作，分离是不可逆操作1. Flash 1. Flash CS5CS5支持的动画类型支持的动画类型逐帧动画形状补间动画传统补间动画补间动画简单动画 帧是帧是Flash动画的基本单位。动画的基本单位。Flash中的帧分为：中的帧分为：关键帧关键帧空白关键帧空白关键帧普通帧普通

7、帧概念概念用来存放动画中关用来存放动画中关键画面的帧键画面的帧和关键帧类似和关键帧类似，但但对应的舞台对应的舞台中没有内容。中没有内容。用来延长上一用来延长上一个关键帧的播个关键帧的播放状态和时间放状态和时间在时间轴的在时间轴的表示表示黑色实心小圆点黑色实心小圆点空心圆圈空心圆圈灰色矩形灰色矩形是否能编辑是否能编辑可编辑可编辑可编辑可编辑不可编辑不可编辑插入方法插入方法F6F6F7F7F5F51. 逐帧动画在每一帧中都会更改舞台内容，它最适合于图像在每一帧中均发生变化的精细动画，例如动物的奔跑，人物的动作等。2. 若要创建逐帧动画，要将每个帧都定义为关键帧，然后为每个帧制作不同的图像。3. 工

8、作量大，生成的文件也较大。4. 在Flash中，制作逐帧动画主要有2种方式： 将动画过程分解成一个个画面，在每个关键帧处绘制画面的的内容； 通过导入表示连续分解动作的图片文件，如GIF文件。绘制各关键帧方式：绘制各关键帧方式：1.1. 在动画开始的第在动画开始的第1 1个关键帧处绘制动画对象。个关键帧处绘制动画对象。2.2. 按按F6F6插入关键帧，将其中的内容稍作修改。或按插入关键帧，将其中的内容稍作修改。或按F7F7键插键插入空白关键帧，重新绘制对象。重复这一操作，直至动入空白关键帧，重新绘制对象。重复这一操作，直至动画完毕。画完毕。3.3. 需要时在关键帧之间插入普通帧来降低动画速度。需

9、要时在关键帧之间插入普通帧来降低动画速度。导入连续图片的方式：导入连续图片的方式：1.1. 准备好展现对象运动的连续图片，如准备好展现对象运动的连续图片，如GIFGIF图片。图片。2.2. 在动画开始的第在动画开始的第1 1个帧处导入连续图片。个帧处导入连续图片。3.3. 需要时在关键帧之间插入普通帧来降低动画速度。需要时在关键帧之间插入普通帧来降低动画速度。1. 库、元件、实例的概念库、元件、实例的概念 元件是指在元件是指在 Flash 创作环境中创建过一次的图形、按创作环境中创建过一次的图形、按钮或影片剪辑。创建完成后，可在整个文档或其它文钮或影片剪辑。创建完成后，可在整个文档或其它文档中

10、重复使用该元件。每个元件都有一个唯一的时间档中重复使用该元件。每个元件都有一个唯一的时间轴和舞台。轴和舞台。 用户所创建的元件会存放在当前文档的库中。用户所创建的元件会存放在当前文档的库中。 实例是指库中元件实例是指库中元件在在舞台上的具体应用。舞台上的具体应用。2. 元件元件的分类：的分类： 图形元件图形元件：可用于静态图像。也可用来创建连接到主：可用于静态图像。也可用来创建连接到主时间轴的可重用动画片段，与主时间轴同步运行。交时间轴的可重用动画片段，与主时间轴同步运行。交互式控件和声音在图形元件的动画序列中不起作用。互式控件和声音在图形元件的动画序列中不起作用。 影片剪辑元件影片剪辑元件：

11、创建可重用的动画片段。影片剪辑的：创建可重用的动画片段。影片剪辑的时间轴独立于主时间轴。影片剪辑元件可以包含交互时间轴独立于主时间轴。影片剪辑元件可以包含交互式控件、声音甚至其它影片剪辑实例。式控件、声音甚至其它影片剪辑实例。 按钮元件按钮元件：可以创建用于响应鼠标单击、滑过或其它：可以创建用于响应鼠标单击、滑过或其它动作的交互式按钮。动作的交互式按钮。3. 元件元件的操作：的操作： 创建元件：创建元件：新建原件新建原件Ctrl+F8，将已有内容转换为元件，将已有内容转换为元件F8 复制元件复制元件：在库面板上直接复制在库面板上直接复制 编辑编辑元件：元件：双击库面板上的原件双击库面板上的原件

12、4. 实例的操作：实例的操作： 创建创建实例实例：将库中的元件拖动至舞台将库中的元件拖动至舞台 编辑实例属性编辑实例属性：属性面板属性面板 分离实例元件分离实例元件：Ctrl+B5. 使用库使用库内容提要：内容提要：1. Flash动画对象的绘制动画对象的绘制2. 逐帧动画适用的场合、特点及制作方法逐帧动画适用的场合、特点及制作方法3. 什么是元件？库？实例？什么是元件？库？实例？4. 修改元件和修改实例之间的区别修改元件和修改实例之间的区别快捷键快捷键：Ctrl+G：组合：组合Shift+Ctrl+G：取消组合：取消组合Ctrl+B：打散（分离）：打散（分离）Ctrl+Enter：测试动画：

13、测试动画精细动作精细动作每一帧都是关键帧，都需要编辑每一帧都是关键帧，都需要编辑两种制作方法：两种制作方法： 将动画分解为一个个画面，在每将动画分解为一个个画面，在每个关键帧中绘制画面个关键帧中绘制画面 导入连续图片导入连续图片元件：元件：FlashFlash中创作过一次的图形、小段动画或按钮，可以中创作过一次的图形、小段动画或按钮，可以反复使用反复使用制作好的元件存放在库中制作好的元件存放在库中将库中的元件拖动至舞台上，就是创建了该元件的一个实例将库中的元件拖动至舞台上，就是创建了该元件的一个实例修改一个实例，舞台上的其他实例和库中的元件都不会变修改一个实例，舞台上的其他实例和库中的元件都不

14、会变修改了元件，舞台上所有该元件的实例都会发生变化修改了元件，舞台上所有该元件的实例都会发生变化F5：插入普通帧，延续时间：插入普通帧，延续时间F6：插入关键帧：插入关键帧F7：插入空白关键帧：插入空白关键帧F8：转换为元件：转换为元件内容提要：内容提要：1.形状补间动画的原理和制作方法形状补间动画的原理和制作方法2.传统补间动画的原理和制作方法传统补间动画的原理和制作方法3.补间动画的原理和制作方法补间动画的原理和制作方法重点重点：1.形状补间动画的原理和制作方法形状补间动画的原理和制作方法2.传统补间动画的原理和制作方法传统补间动画的原理和制作方法难点难点：1.正确区分几种简单动画类型正确

15、区分几种简单动画类型1. 形状补间动画概述形状补间动画概述时间轴中的一个时间轴中的一个起始起始关键帧上绘关键帧上绘制一个制一个矢量形状矢量形状结束结束关键帧处更关键帧处更改该形状或绘制改该形状或绘制另一个另一个形状形状Flash 将将自动自动给出给出中间内插帧的形状中间内插帧的形状补间形状最适合用于简单补间形状最适合用于简单形状形状变化变化、位置位置变化变化、颜色颜色变化等变化等的动画的动画形状补间动画的制作步骤形状补间动画的制作步骤：1. 在变化起始时刻的关键帧中绘制变化前的形状。2. 在变化结束时刻，按F7键插入空白关键帧，并在该帧中绘制变化后的形状。3. 右击时间轴上起始关键帧和结束关键

16、帧中的任意一帧，在弹出的快捷菜单中选择“创建补间形状”，完成形状补间动画的创建。形状补间动画形状补间动画可以是可以是一对多一对多形状补间动画的对象必须形状补间动画的对象必须是是形状（单击呈点状）形状（单击呈点状），如果是元件、组合、文字如果是元件、组合、文字等需先打散等需先打散一个形状补间动画产生在一个形状补间动画产生在同一图层同一图层添加形状提示点，添加形状提示点，可以控制形变过程可以控制形变过程 创建形状补间动画 在起始关键帧， “修改”“形状”“添加形状提示点”，将提示点移动到合适位置 在结束关键帧，将对应的提示点移动到对应位置 适合形状、颜色、位置的变化 动画的对象必须是形状（单击呈点

17、状），若是元件、组合、文字、位图等必须先打散成形状 动画可以是一对一，也可以是一对多 动画发生在同一图层 添加形状提示点可以控制形状补间过程1. 传统补间动画概述传统补间动画概述时间轴中的一个时间轴中的一个起始起始关键帧上关键帧上放放置置元件、文本、元件、文本、组合或位图组合或位图结束结束关键帧处更关键帧处更改改其属性其属性Flash 将将自动自动给出给出中间内插帧的形状中间内插帧的形状传统补间动画传统补间动画适合用于适合用于对象的对象的大小大小、位置位置（包括旋转（包括旋转、加减速）、加减速）、颜色颜色（包括亮度、色调、透明度）变化（包括亮度、色调、透明度）变化。传统传统补间动画的制作步骤补

18、间动画的制作步骤：1. 在起始键帧中添加运动对象的元件，设置其属性。2. 在变化结束时刻，按F6键插入关键帧。根据需要，修改该帧中运动对象的属性（如位置、旋转、缩放、颜色等）。3. 右击时间轴上起始关键帧和结束关键帧中的任意一帧，在弹出的快捷菜单中选择“创建传统补间”，完成传统补间动画的创建。 适合大小、颜色、位置的变化，还可以制作加减速，旋转、透明度变化 动画的对象必须是元件、组合、文字、位图等，如果是形状，需要先组合或转换为元件 动画只能是一对一 动画发生在同一图层1. 补间动画概述补间动画概述时间轴中的一个时间轴中的一个起始起始关键帧上关键帧上放放置元件、文本、置元件、文本、组合或位图组

19、合或位图为该帧创建为该帧创建补间动画补间动画添加属性关键帧添加属性关键帧，改变对象属性，改变对象属性补间动画可以设置运动对象的补间动画可以设置运动对象的大小大小、位置位置、颜颜色色等属性的变化，还可以进行等属性的变化，还可以进行曲线曲线运动。运动。补间动画的制作步骤补间动画的制作步骤：1. 新建一个图层，向第一个关键帧添加元件，右键单击该帧，在快捷菜单中选择“创建补间动画”。2. 选择后面某个帧，按F6添加属性关键帧。（黑色菱形）3. 修改属性关键帧处元件的属性，如位置，颜色、倾斜等。舞台中2个关键帧的对象之间将产生运动路径。4. 使用编辑工具修改运动路径。逐帧动画逐帧动画形状补间动画形状补间

20、动画传统补间动画传统补间动画补间动画补间动画每个帧都是关键帧，都需要人工编辑只需要规定首尾关键帧或者属性关键帧，过渡帧由Flash自动生成形状补间动画形状补间动画传统补间动画传统补间动画补间动画补间动画场合大小颜色位置的变化形状的变化大小颜色位置的变化透明度、亮度等的变化还可以旋转、加减速大小颜色位置的变化可以做曲线运动时间轴淡绿色背景带箭头实线淡紫色背景带箭头实线 淡蓝色背景帧首尾两个关键帧，过渡帧Flash生成首尾两个关键帧，过渡帧Flash生成首关键帧，后续几个属性关键帧图层同一图层同一图层同一图层对象形状，单击呈芝麻点状若不是，需先Ctrl+B打散元件、组合，文字或位图，单击有边框线。

21、绝不能是形状。元件、组合，文字或位图，单击有边框线。绝不能是形状。 现实世界里，很多物体的运动轨迹并不是直线，而是任意的曲线，有的甚至还是封闭的曲线。1. 引导路径动画概述引导路径动画概述 引导路径动画，也称引导层动画，是指将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式。2. 引导路径动画引导路径动画创建创建案例案例3-4-13-4-1：制作一片枫叶随风飘落的动画。设计效果设计效果：参照“枫叶飘飘.swf”文件。设计目标设计目标：理解引导路径动画的原理。学习最基本的引导层动画创建设计思路设计思路：枫叶是运动对象，放置于被引导层，在引导图层中绘制飘落时的运动轨迹。

22、1. 新建图层，在第1帧中放置动画对象。 2. 右键点击动画对象所在的图层，快捷菜单中选择“添加传统运动引导层”，添加运动引导层。在运动引导层中，利用铅笔或其他工具绘制引导线。绘制的引导线要平滑流畅，尽量一气呵成，不作停顿。3. 选中动画对象所在图层的第1帧，拖动对象，将中心点对准引导线的起点。在结束处，按F6键插入关键帧，并将实例的中心对准引导线的终点。4. 创建该图层的传统补间动画。运动轨迹为封闭曲线的运动轨迹为封闭曲线的引导路径动画引导路径动画创建创建案例案例3-4-23-4-2：制作小狗绕着旋转的圆球跑动的动画。设计效果设计效果：参照“小狗圆球.swf”文件。设计目标设计目标：进一步理

23、解运动引导动画的原理，学习引导线为封闭曲线的引导路径动画制作。设计思路设计思路：小狗作为运动对象放置于被引导层，在引导层中绘制运动轨迹：有缺口的圆线，还需另外一个图层，制作圆球旋转的动画。运动轨迹为封闭曲线的运动轨迹为封闭曲线的引导路径动画引导路径动画创建创建案例案例3-4-23-4-2：制作小狗绕着旋转的圆球跑动的动画。设计效果设计效果：参照“小狗圆球.swf”文件。设计目标设计目标：进一步理解运动引导动画的原理，学习引导线为封闭曲线的引导路径动画制作。设计思路设计思路：小狗作为运动对象放置于被引导层，在引导层中绘制运动轨迹：有缺口的圆线，还需另外一个图层，制作圆球旋转的动画。多个对象沿着同

24、一条轨迹运动的多个对象沿着同一条轨迹运动的引导路径动画引导路径动画创建创建案例案例3-4-33-4-3：制作星空文字汇聚动画。设计效果设计效果：参照“星空文字汇聚.swf”文件。设计目标设计目标：学习一条引导路径引导多个运动对象的引导路径动画制作设计思路设计思路：多个“星”字图案沿着同一条路径汇聚在一起，一个引导层要引导多个被引导层，每个被引导层里放置一个“星”文字，而且各个图层中文字的透明度也是不同的。多个对象沿着同一条轨迹运动的多个对象沿着同一条轨迹运动的引导路径动画引导路径动画创建创建案例案例3-4-33-4-3：制作星空文字汇聚动画。设计效果设计效果：参照“星空文字汇聚.swf”文件。

25、设计目标设计目标：学习一条引导路径引导多个运动对象的引导路径动画制作设计思路设计思路：多个“星”字图案沿着同一条路径汇聚在一起，一个引导层要引导多个被引导层，每个被引导层里放置一个“星”文字，而且各个图层中文字的透明度也是不同的。运动轨迹可见的运动轨迹可见的引导路径动画引导路径动画创建创建案例案例3-4-33-4-3：制作多个小球绕着椭圆轨迹线运动的动画。设计效果设计效果：参照“小球运动.swf”文件。设计目标设计目标：进一步掌握引导路径为封闭曲线的运动引导路径动画制作，掌握如何显示对象运动轨迹的方法。掌握元件的创建和使用方法。设计思路设计思路：由于引导路径在动画播放时是不显示的，所以看到的椭

26、圆并不是引导线，而是在另外图层中绘制的椭圆。1.遮罩动画概述遮罩动画概述 遮罩动画由两个图层构成：遮罩层和被遮罩层，两个图层上下链接在一起。在遮罩图层中绘制填充色块或文字，或者放置对象，就等于在遮罩层上挖出了与之形状相同的“视窗”，动画的效果就是透过遮罩图层上的“视窗”来观看下方被遮罩图层的内容。 在Flash作品中，我们常常看到很多神奇炫目的效果，比如探照灯、放大镜、万花筒、水波涟漪等等，这些丰富的效果都可以使用“遮罩动画”来打造。2. 遮罩遮罩动画动画创建创建案例案例3-4-53-4-5：利用遮罩动画实现会变颜色的彩虹文字效果。设计效果设计效果：参照“彩虹文字.swf”文件。设计目标设计目

27、标：理解遮罩动画原理，掌握动画产生在被遮罩层的遮罩动画创建方法。设计思路设计思路：文字形状是“视窗”，透过这个视窗，可以看到下方彩条的移动，从而形成会变颜色的彩虹字。所以，文字所在的图层是遮罩图层，彩条所在的图层是被遮罩层。彩条在做位移运动。1. 制作被遮罩层中的内容2. 制作遮罩层中的内容3. 在图层面板中，右键点击遮罩图层，在快捷菜单中选择“遮罩层”。 正确区分哪个是遮罩层，哪个是被遮罩层；进一步确定到正确区分哪个是遮罩层，哪个是被遮罩层；进一步确定到底是哪个图层在动或者是两个图层都在动。底是哪个图层在动或者是两个图层都在动。案例案例3-4-63-4-6：利用遮罩动画打造探照灯效果。设计效

28、果设计效果：参照“探照灯.swf”文件。设计目标设计目标：进一步理解遮罩动画原理，掌握动画产生在遮罩层的遮罩动画创建方法。设计思路设计思路：动画中应该包含三个图层，从下到上分别放置黑暗的夜景，光照的夜景和探照灯。其中，光照的夜景是被遮罩层，探照灯是遮罩层，遮罩层中要制作探照灯移动的位移动画。案例案例3-4-73-4-7：古诗诵读。图层图层图层中的对象图层中的对象动画动画是否为遮罩层是否为遮罩层或被遮罩层或被遮罩层背景图层背景图层棕色系背景图片无否否左卷轴图层左卷轴图层左卷轴从舞台中心至左侧的位移动画否否右卷轴图层右卷轴图层右卷轴从舞台中心至右侧的位移动画否否诗句背景图层诗句背景图层白色矩形，荷叶，荷花无被遮罩层被遮罩层蜻蜓图层蜻蜓图层蜻蜓向左下角的补间动画被遮罩层被遮罩层诗句图层诗句图层诗句透明度变化的传统补间动画被遮罩层被遮罩层遮罩层遮罩层矩形矩形从小到大的形状补间动画从小到大的形状补间动画遮罩层遮罩层u第1帧是弹起帧：鼠标没有经过按钮时，该按钮的外观。u第2帧是指针经过帧：鼠标滑过按钮时，该按钮的外观。u第3帧是按下帧：鼠标按下按钮时，该按钮的外观。u第4帧是点击帧：定义响应鼠标单击的物理区域。此区域