Flash动画快速入门.ppt

第1篇Flash动画制作基础篇 工欲善其事 必先利其器 要想制作出精美流畅的FLASH动画 首先要掌握Flash的基本操作与相关命令 以及动画片中原画与动画的创作技法 以及基础动画的制作 等等 因此在本篇中 我们首先来解决这个问题 第1章Flash动画快速入门 课堂学习目标了解动画的历史 基本原理与分类了解传统动画与Flash动画熟悉Flash的工作界面熟悉Flash的时间轴和帧掌握图层的的基本操作掌握Flash文档的基本操作 1 1动画概述 1 1 1什么是动画 动画 Animation 一词 源自Animate一词 即 赋予生命 使 活动 之意 广义来说 把一些原先不具生命的不活动的对象 经过艺术加工和技术处理 使之成为有生命的会动的影像 即为动画 动画片的基本原理与电影 电视一样 都是利用人们眼睛的视觉暂留原理 医学已经证明 人的眼睛具有 视觉暂留 特性 就是说人的眼睛看到一幅画或一个物体后 在1 24秒内不会消失 利用这一原理 在一幅画还没有消失前播放出下一幅画 就会给人造成一种流畅的视觉变化效果 如图1 1所示 因此 电影采用了每秒24幅画的速度拍摄播放 电视采用了每秒21幅 PAL制 中央电视台的动画就是PAL制 或30幅 NSTC制 画面的速度拍摄播放 如果以每秒低于24幅画面的速度拍摄播放 就会出现停顿现象 图1 1连续播放一系列静止画面形成动画 1 1 2动画的分类 动画的分类没有一定的规则 一共有五大分类方式 1 1 3什么是传统动画片 传统动画片是以绘画形式作为表现手段 通过拷贝台 定位尺来绘制动画 通过给原画加中间画的画法 绘制出一张张不动的 但又是逐渐变化着的动态画面 如图1 3所示 经过摄影机 摄像机或电脑的逐格拍摄或扫描 然后以24格 秒或25帧 秒的速度连续放映或播映 便能使所画的动作在银幕上或荧屏里活动起来 这就是动画片 图1 3用画笔画出一张张不动的 但又是逐渐变化着的动态画面 1 1 4Flash动画 用Flash制作的动画片也叫 影片 它和传统动画一样 利用帧 即画面 将一定的时间进行划分 这样每一合成帧 将各层的元素合并看待 就代表了传统动画中的一个画面 许多合成帧 也就是许多个画面按照一定的顺序排列在一起 就组成了一个Flash动画片 如图1 5所示 图1 5每秒25幅画面的Flash动画片段 1 2熟悉Flash的工作界面 1 2 1开始页FlashCS3Professional启动完成后 首先显示的是开始页 如图1 6所示 图1 6开始页 开始页可以让我们随意选择从哪个项目开始工作 通过开始页 可以轻易访问最常用的操作 在开始页中 我们还可以通过新增功能或教程了解关于Flash的更多信息 1 2 2工作界面总览 当用户在开始页中选择 新建 Flash文档 ActionScript3 0 或 新建 Flash文件 ActionScript1 0 命令项时 就会新建一个空白的Flash文档 同时进入了中文版FlashCS3的操作界面 如图1 7所示 图1 7中文版FlashCS3Professional的操作界面 FlashCS3Professional的操作界面包括以下几个部分 A 标题栏 B 菜单栏 C 时间轴窗口 D 工具栏 E 工作区与场景 F 舞台 G 属性 面板 H 功能面板组 1 2 3中文版FlashCS3Professional菜单 FlashCS3Professional有三种类型的菜单 分别为主菜单 即菜单栏中的菜单 快捷菜单和面板菜单 1 2 4中文版FlashCS3Professional工具栏 工具栏提供了用于图形绘制和编辑的各种工具 其中包括选择工具 绘图工具 颜色设置工具以及显示控制工具等 利用这些工具可以绘制图形 创建文字 选择对象 填充颜色等操作 1 2 5场景和舞台 在当前编辑的动画窗口中 我们把动画内容编辑的整个区域叫做场景 Scene 如图1 18所示 图1 18场景 用户可以在整个场景内进行图形的绘制和编辑工作 但是最终动画仅显示场景中白色 也可能会是其他颜色 这是由动画属性设置的 区域内的内容 如图1 19所示 图1 19只显示舞台上的内容 我们把这个区域称为舞台 而舞台之外的灰色区域的内容是不显示的 这个区域称为工作区 1 3时间轴窗口 在Flash中 时间轴窗口用于组织和控制文档内容在一定时间内播放的层数和帧数 按照功能的不同 时间轴窗口可以分为左右两个部分 图层控制窗口和时间轴 如图1 20所示 图1 20图层控制窗口和时间轴 在Flash中通常把时间轴上的一个个小格称为帧 帧就相当于传统动画中的动画纸 动画中的每一个画面对应于Flash中的一个合成帧 动画连不连贯 运行起来流不流畅 在很大程度上决定于时间轴和帧的使用 因此它们是整个动画中最基本也是最重要的地方 1 3 1时间轴工具按钮的基本功能1 3 2洋葱皮功能做动画时 很多时候都需要参考前后帧的内容来辅助处理当前帧的内容 这个时候就需要采用 洋葱皮 功能来达到这个目的 使用 洋葱皮 功能可以让我们看到除当前帧以外的其他帧的内容 这样就可以方便的对照着进行动画的编辑了 如图1 22所示 当前帧洋葱皮效果洋葱皮轮廓 图1 22 1 3 3多帧编辑功能 在有些情况下 必须同时处理 修改连续的多个帧的内容 这时候就要用到多帧编辑功能 如图1 23所示 利用多帧编辑功能来同时调整舞者的多个动作 如同时移动 缩放等操作 多帧编辑是进行整体修改的一个方便手段 图1 23多帧编辑示例 1 3 4帧频 即每秒播放的帧数 帧频的大小直接影响到动画播放的快慢 帧频的单位是 帧 秒 即 fps Flash中默认为12fps 由于计算机显示器的荧光刷新特性 实际看到的相当于25帧 刚好达到了动画的一般要求 1 4关于帧 1 4 1帧的分类根据帧的作用不同 可以将帧分为以下三类 如图1 26所示 图1 26帧的分类 1 4 2关键帧 关键帧一般存在于一个补间动画的两端 只有在关键帧中 才可以加入ActionScript脚本命令 调整动画元素的属性 而普通帧和过渡帧不行 普通帧只能将关键帧的状态进行延续 一般是用来将元素保持在舞台上 补间帧是将补间动画前后的两个关键帧进行计算得到 它所包含的元素属性的变化是计算得来的 更深入的理解还需要等大家在阅读后面的部分 并亲自动手制作动画的时候才能够体会得到 1 4 3帧的编辑 在时间轴窗口中 我们可以选择 创建 删除 剪切 拷贝和粘贴帧 还可以将其他帧转化为关键帧等 在时间轴的某一帧上单击鼠标右键 将弹出如图1 27所示的右键菜单 该菜单包括了对帧进行编辑的所有命令 还包括 创建补间动画 与 创建补间形状 命令 在对帧进行编辑时 可以使用右键菜单命令 也可以采用功能键 图1 27帧的右键菜单 1 选择帧2 插入帧3 清除帧4 拷贝 剪切和粘贴帧 图1 28选择单帧 1 4 4帧 属性 面板 在制作Flash动画的过程中 经常会用到帧的 属性 面板 如图1 33所示 图1 33帧 属性 面板 1 5认识图层 当用户创建一个新的Flash文档后 它就包含一个图层 即图层1 在制作动画的过程中 可以根据需要添加更多的图层 图层就像一张张透明的动画纸 通过不同画面的叠加 最终形成了完整的动画画面 如图1 36所示 a 女孩 层 b 背景 层 c 叠加后效果 d 图层结构 图1 36图层的叠加 图层可以帮助我们组织文档中的元件和其它元素 可以在当前图层上绘制和编辑对象 而不会影响其它图层上的对象 还可以通过改变图层的叠放顺序来改变要看见的内容 1 5 1创建图层 制作简单的Flash动画只要一个图层就够了 但要制作复杂的动画 一个图层就很难完成 Flash创建多少图层都不会增加发布的SWF文件的大小 创建图层的数目只受计算机内存的限制 下面就来学习不同类型的图层的创建方法 1 创建一般图层2 创建引导层3 创建遮罩层 1 5 2选择图层 要编辑图层上的内容 或者对图层做其它修改 需要选择图层 被选取的图层名旁边会出现一个铅笔图标 如图1 45所示 这表示该图层处于活动状态 图1 45图层2为当前层 一次只能有一个图层处于活动状态 尽管一次可以选择多个图层 处于活动状态的图层称为当前层 1 5 3移动图层 图层就好像相互重叠的透明玻璃纸一样 图层的叠放顺序将会影响对象的显示效果 用户可以通过移动图层来改变图层的叠放顺序 从而改变要看见的内容 1 5 4编辑图层 1 删除图层删除多余的图层 可以减少文档的大小 2 重命名图层 在缺省情况 新图层会按照创建的顺序来命名图层 对图层或图层文件夹重新命名可以更好地反映图层的内容 1 5 5分散到图层 执行菜单 修改 时间轴 分散到图层 命令 可以快速将一个帧或几个帧中的所选对象分散到独立的图层中 以便向对象应用补间动画 这些对象最初可以在一个或多个图层上 1 5 6图层的状态 在制作Flash动画的过程中 经常要隐藏 锁定一些图层 以便对当前图层进行操作 1 隐藏 显示图层或图层文件夹 隐藏图层可以方便查看其他图层上的内容 隐藏图层时 可以选择同时隐藏文档中的所有图层 也可以选择分别隐藏某个图层 2 锁定 解锁图层和图层文件夹 为避免图层上已处理好的内容遭到意外地更改 我们可以锁定该图层 在需要时再解锁该图层 被锁定的图层中的内容不能被编辑 3 显示轮廓 取消显示轮廓 显示轮廓可以快速查看图层上的对象 1 6Flash文档的基本操作 1 6 1新建Flash文档任何一个动画的第一步都是从新建文件开始的 启动FlashCS3Professional后 在开始页的 新建 栏中选择 Flash文件 ActionScript3 0 或 Flash文件 ActionScript1 0 命令项 即可新建一个空白的Flash文档 在 开始页 关闭后 可执行菜单 文件 新建 命令 或按快捷键 Ctrl N 以创建一个空白的Flash文档 1 6 2设置Flash文档的属性 创建新文档或打开现有文档后 用户可根据需要设置文档的相关属性 操作方法如下 执行菜单 窗口 属性 属性 命令 如果 属性 面板没有显示 即可在场景中显示 属性 面板 请确保文档中没有选择任何元素 则 属性 面板将显示文档尺寸 背景颜色 帧频等信息 如图1 57所示 在此可以修改文档的尺寸 背景颜色 帧频等属性 图1 57文档 属性 面板 1 6 3保存Flash文档 执行菜单 文件 保存 命令 或者按 Ctrl S 快捷键 在弹出的 另存为 对话框中指定文件的保存位置 并在 文件名 文本框中输入文件名 如图1 60所示 然后单击 保存 按钮 即可将当前正在编辑的文档保存起来 图1 60保存Flash文档 1 6 4打开Flash文档 执行菜单 文件 打开 命令 或按下Ctrl O键 在弹出的 打开 对话框中选择要打开的Flash文档 然后单击 打开 按钮 即可打开已有Flash文档 1 6 5测试Flash影片 在动画制作的过程中 我们经常需要对动画的编辑效果进行测试 以便及时进行修改或调整 执行菜单 控制 播放 命令 或者按 Enter 键 即可在舞台上播放动画 观看动画效果 执行菜单 控制 测试影片 命令 或按 Ctrl Enter 键 即可在FlashPlayer播放器中测试整个动画效果 如图1 61所示 图1 61测试影片 1 6 6导出Flash影片 当动画制作完成并测试无误后 就可以利用导出命令将作品导出为独立的Flash影片了 执行菜单 文件 导出 导出影片 命令 在弹出的 导出影片 对话框中指定作品的保存位置 并在 文件名 文本框中输入作品的文件名 文件类型 保持默认设置 扩展名为 swf 如图1 62所示 图1 62导出影片 STEP2单击 保存 按钮 则弹出如图1 63所示的 导出FlashPlayer 对话框 保持默认设置后 单击 确定 按钮 则出现一个导出进度条 很快 作品就被导出为一个独立的电影文件了 图1 63 导出FlashPlayer 对话框