Flash平面动画制作PPT课件

3.3 “世界杯集锦” 案例
三、技术要点
2. 创建补间动画 在cs4之前的FLASH版本在制作动画的时候基本 都是定头、定尾、做动画(开始帧、结束帧、创 建动画动作)。而从flash cs4开始，就演变为只要 定头，然后鼠标在哪一帧操作场景中的对象时 ，时间轴自动添加关键帧。所以制作补间动画 演变为：定头、做动画(开始帧、选中对应帧、 改变对象位置)。
3.2 “新年快乐” 案例
三、技术要点
2. 设置形状提示点 在已经创建了一个基本的形状补间动画后，可以 按照以下步骤添加形状提示点： （1）开始关键帧中选择一个形状，然后单击【修改】> 【形状】>【添加形状提示】菜单项 （2）在开始关键帧的形状上确定一个点，用【箭头工 具】进行选择并移动第一个形状提示点，把它放在形 状上一个用户想要其与最终形状中的一块区域进行匹 配的区域上。
3.3 “世界杯集锦” 案例
二、操作步骤
8．创建“Loading”图层 创建新图层命名为“Loading”，将影片剪辑 “Loading”拖至舞台左下角。并扩展制120帧。 9．创建宇宙图片动画 第一步：创建新图层命名为“图片1”，将图形符号“ 图1”拖到舞台左端，并将图形符号缩小。单击第10帧 按F6插入关键帧，水平移动图形符号“图1”的位置至 屏幕中央，并放大。单击第20帧按F6插入关键帧，在 “属性”面板中设置“颜色”选项为“Alpha”，值为 “0%” 。鼠标右击第1帧至第10帧之间，在弹出的快 捷菜单中选择“创建传统补间动画” 。
3.1 Flash平面动画制作概述
二、 Flash 平面动画的基本制作方法
3、遮罩动画——遮罩动画是将一个图层设置为遮罩 层，此图层中的对象将相应地转换为遮罩对象。其 它图层则为被遮罩层，这些图层的对象被遮罩对象 所屏蔽的那部分才可显示。 4、引导动画——引导动画实际上是在运动补间动画 的基础上添加一个引导图层，该图层有一条可以引 导运动方向的引导线，使另一个图层中的对象依据 此引导线进行运动的动画。
第三章 Flash平面动画制作
教学目标 教学重点、难点 教学内容 本章小结
第三章 Flash平面动画制作
教学目标
通过这章的学习，学生可以熟练的掌握逐帧动 画、运动补间动画、形状补间动画、遮罩层动画和 引导动画这5种动画的制作方法和技巧。
第三章 Flash平面动画制作
教学重点与难点
逐帧动画、运动补间动画、形状补间 动画、遮罩层动画和引导动画的制作方法 和设计技巧。
3.2 “新年快乐” 案例
三、技术要点
（3）当把播放头移动到形状补间动画的结束帧上时，会 看到一个与放在开始帧上的标了字母的形状提示点相 匹配的另一个标了相同字母的形状提示点。当结束关 键帧中的形状提示点的颜色由红色变成了绿色，而在 开始关键帧中的形状提示点由红色变成了黄色，则表 示形状提示点已经与作品建立了正确的连接。 （4）将播放头在时间轴上移动预览新的形变过程。不停 地加入形状提示点，或对它们进行重新定位，直到动 画产生出了理想的形变过程。
（提示：手的系列形状可采用“文本工具”输入，字体采用 “Windings”，输入大写字母“A”～“G”实现）
3.3 “世界杯集锦” 案例
本节内容
1.案例效果 2.操作步骤 3.技术要点 4.练习
3.3 “世界杯集锦” 案例
一、案例效果
重点与难点：传统补间动画的制作方法和技巧，及如 何设置旋转、运动的快慢和逐渐消失的效果。
本节内容
1. Flash平面动画的基本概念
2. Flash 平面动画的基本制作方法
3.平面动画的设计技巧
3.1 Flash平面动画制作概述
一、 Flash平面动画的基本概念
动画——任何随着时间而发生的位置或者形态上的改变。 Flash动画是由一个个“帧”上的图片连接而成的，帧是 动画最基本的单位。 舞台——是制作动画的地方，在播放器中播放动画时，只有 舞台中的对象被显示。 工作区域——舞台和周围的灰度区域 场景——是动画的另一个组成部分是“场景”的变换，就像 一部电影不可能只在一个地方拍摄一样，制作Flash动画也需 要有不同的场景。
3.3 “世界杯集锦” 案例
二、操作步骤
第二步：按照以上方法，可设计“图片2”至“图片6” 从舞台边缘的不同位置沿着不同的角度由小变大，或 直接或旋转地进入舞台中央，然后再慢慢淡出消失 掉。 10．测试影片，保存文件，并导出影片
3.3 “世界杯集锦” 案例
三、技术要点
1、制作传统补间动画 创建传统补间动画的方法有如下2种。 (1)右击开始关键帧和结束关键帧间的任何一帧，在弹出的快 捷菜单中单击“创建传统补间”菜单项。 (2)单击开始关键帧和结束关键帧间的任何一帧，单击“插入 ”> “传统补间”菜单项。 注意：如果要对一个图像制作传统补间动画，要先把它变成 组件(按Ctrl+G组合键)或者元件。
3.1 Flash平面动画制作概述
二、 Flash 平面动画的基本制作方法
1、逐帧动画 ——将动画的每一帧均设置为关键帧，通 过改变每一个关键帧中的图像而产生动画效果。 逐帧动画是Flash所提供的最基本的动画形式。 2、补间动画 ——补间动画是Flash提供的一种最有效的 动画形式。无论是创建角色动画或者动作动画，甚至最 基本的按钮效果，补间都是必不可少的。 CS5中补间动画可以分为补间动画、形状补间动画 和传统补间动画。
3.3 “世界杯集锦” 案例
二、操作步骤
4.创建“光线”图形符号 第一步：新建名称为“光线”的图形元件。 第二步：利用“椭圆工具”绘制如下图的光线效果：
3.3 “世界杯集锦” 案例
二、操作步骤
5．创建“光束”影片剪辑
3.3 “世界杯集锦” 案例
二、操作步骤
6．设置背景图片 导入背景图片到场景1中，选择本案例对应的素材文件 夹中的背景图片文件“背景”。设置此图片的宽为400 、高为300。通过设置“对齐”面板选项，使背景图片 位于舞台中央 。 7．创建“光”图层 创建新图层命名为“光”，将影片剪辑“光束”拖至舞 台中央，并扩展制120帧。
3.1 Flash平面动画制作概述
三、 Flash 平面动画的设计技巧
注意以下几个要点： 1．要想吸引观众，最重要的是让动作具有一定的含义。 2．动作应该支持动画的内容和主题。 3．动作可以像文章和颜色一样传达情绪、感情和个性。 4．在日常生活中仔细观察动作并记录下来，建立一个创 建动画时的“资源库”。 5．动作的设计要符合自然规律。
3.2 “新年快乐” 案例
二、操作步骤
3．绘制灯笼 第一步：插入4个新图层 ，分别命名为“新”、“年”、“快”、 “乐”。将“年”、“快”、“乐”三个图层锁定。单击“新” 图层的第20帧，按F6键增加一个关键帧。利用“矩形工具”和“ 椭圆工具”绘制如下左“灯笼”图形：
3.2 “新年快乐” 案例
二、操作步骤
3.3 “世界杯集锦” 案例
三、技术要点
3. 设置旋转的运动效果 旋转的运动效果是使实例在运动的同时旋转。设置方 法是在起始关键帧和结束关键帧之间已经设置好了运 动补间动画后，再通过“属性”面板中的来设置。其 中“旋转”项用于设置旋转的方式，有“无”、“自 动”、“顺时针”、“逆时针”4个选项；后面的 “x”项用于设置从运动补间动画开始到结束元件旋转 的次数。
3.2 “新年快乐” 案例
本节内容
1.案例效果 2.操作步骤 3.技术要点 4.练习
3.2 “新年快乐” 案例
一、案例效果
重点与难点：形状补间动画的特点、创建方法，及如 何设置形状提示点来控制形状补间动画的中间过程。
3.2 “新年快乐” 案例
二、操作步骤
1.新建文档并命名 启动Adobe Flash CS5后，新建一个文档，对背 景颜色和舞台大小进行相应的设置，保存文档，命名 为“新年快乐 ”。 2.设置背景图片 将“图层1”改名为“背景” ，把素材中的背景图 片文件“烟花”导入到舞台，并设置宽为400、高为 300 ，居中对齐，扩展到100帧。锁定图层。
3.2 “新年快乐” 案例
四、练习
1、制作一个笑脸到哭脸的变脸形变动画，效果如下图所示。
（提示：笑脸系列形状可采用【文本工具】输入，字体采用 “Windings”，输入大写字母“L”则可输入一个笑脸，其它两张 脸对应着大写字母“K”和“L”。）
3.2 “新年快乐” 案例
四、练习
2、 制作一个变手的形变动画，并通过设置形状提示点来控制手指之 间的对应变换位置。动画中手的姿势如下图所示。
第二步：分别在“年”、“快”、“乐”图层中第20帧单击F6键添 加 关键帧，将灯笼粘贴到屏幕上并调整到适当的位置。如下图。
3.2 “新年快乐” 案例
二、操作步骤
4．绘制“新年快乐”四个文字 在对应的图层40帧位置，
文字位置与灯笼位置对应。
3.2 “新年快乐” 案例
二、操作步骤
5．给此四个图层均在第60帧和第80帧添加一个关键帧。 选中“新”、“年”、“快”和“乐”4个图层的第20 帧复制到4个图层的第80帧位置 。 6.同时选中“新”、“年”、“快”和“乐”4个图层中 的20～40帧之间的任意帧右击选择“创建补间形状” ，再用同样的方法在第60～80帧之间也创建形状补间 动画。 7、测试影片，保存文件，并导出影片。
3.3 “世界杯集锦” 案例
二、操作步骤
1.新建文档并命名 启动Adobe Flash CS5后，新建一个文档，对背景颜 色和舞台大小进行相应的设置，保存文档，命名为“ 世界杯集锦”。 2．创建世界杯图形符号 导入文件名为“世界杯图1”～“世界杯图6”的图片 文件，分别对应生成名为“图1”～“图6”的图形元 件
第三章 Flash 平面动画制作
教学内容
3.1 Flash平面动画制作概述 3.2 “新年快乐”案例 3.3 “世界杯集锦”案例 3.4 “闪闪的红星”遮罩动画案例 3.5 “蝴蝶飞”引导动画案例 3.6 “走路的小青蛙”逐帧动画案例 3.7 “贺卡”综合动画案例
本章计划授课14学时
3.1 Flash平面动画制作概述
3.3 “世界杯集锦” 案例
二、操作步骤
3.创建“Loading”文本的拉伸效果 第一步：新建一个名称为“Loading”的影片剪辑元件。 第二步：选用【文本工具】输入文字“Loading……”， 在“属性”面板中设置此文字的字体为“黑体百度文库，字 号为25，字体颜色为白色。用Ctrl+B将文字打散。将第 1帧复制到第2帧至第13帧。鼠标单击第1帧，只保留 “L”字母，删除其它字符图形。从第2帧开始逐步增 加字符图形直至第13帧。鼠标单击第18帧，按F5键增 加一个扩展帧。
3.3 “世界杯集锦” 案例
三、技术要点
5. 设置物体逐步消失的效果 逐步消失的运动效果主要是通过设置运动补间动画的 结束关键帧中物体的“Alpha”值为“0%”来实现的， 此设置可通过“属性”面板中的色彩效果样式中的 “Alpha”值项来完成 。
3.3 “世界杯集锦” 案例
四、练习
(1) 制作一个红色小球旋转运动的动画。要求小球先从舞 台的左上角顺时针旋转两周到达舞台底端中央，旋转 的速度是先慢后快，形状是由小变大；再从底端中央 逆时针旋转两周到达舞台右上角，要求旋转的速度是 先快后慢，形状是由大变小直至消失。 (2) 自行制作一个人走路的影片剪辑制作一个人从舞台左 边走到舞台右边的运动动画。
3.2 “新年快乐” 案例
三、技术要点
1、制作形状补间动画 形状补间动画的方法有如下三种： （1）选择开始关键帧和结束关键帧间的任何一帧，在“ 属性”面板中设置。 （2）右击开始关键帧和结束关键帧间的任何一帧，在快 捷菜单中选择“创建补间形状”。 （3）单击开始关键帧和结束关键帧间的任何一帧，选择 【插入】>【时间轴】>【创建补间形状】菜单项。 注意： FLASH只能对一些简单的形状进行形状补间,不能对一个 组、元件或者可编辑的文字运用形状补间。
3.3 “世界杯集锦” 案例
三、技术要点
4. 设置运动的快慢效果 时快时慢的运动效果也是在起始关键帧和结束关键帧 之间已经设置好了运动补间动画后，再通过“属性” 面板中的来设置的。其中“缓动”项用于调节对象运 动过程中的速度比例关系，正数表示先快后慢，负数 表示先慢后快，零值表示动作匀速变化；后面的“铅 笔”用于打开“自定义缓入/缓出”面板 。