最简单实用的Flash教程.ppt

动画素材 专题四 单元四 一 动画简介 动画原理人眼具有 视觉残留 特性 当一系列静止的画面以一定的速率连续播放时 就会形成运动的视觉效果 帧与帧速率动画中播放的每一幅画面称为一帧 每秒钟播放的帧数称为帧速率 帧速率达到每秒10帧以上 产生运动感 帧速率达到每秒15帧以上 运动画面平滑流畅 电影的帧速率为每秒24帧 一 动画简介 常用的动画制作软件二维平面动画GIFAnimatorFlash三维立体动画3DStudioMAXMayaSoftimage3D 二 Flash软件安装与环境设置 Flash软件安装解压 绿化创建桌面快捷方式Flash文件及打开方式flaFlash源文件 使用Flash exe打开swfFlash动画文件 使用FlashPlayer exe打开 三 Flash软件界面 菜单栏舞台时间轴属性面板库面板工具箱 时间轴 三 Flash软件界面 帧数率 运行时间 三 Flash软件界面 属性面板 根据所选择的内容不同 属性面板发生变化文档属性散件属性元件属性帧属性工具属性 三 Flash软件界面 工具箱 绘图 部分 选取 部分 填充 部分 查看 部分 颜色 部分 选项 部分 练习 绘制椭圆 选择 椭圆工具 在 属性面板 上设置 椭圆工具 的属性 填充 笔触 起始结束角度 内径按住Shift键 绘制正圆用 选择工具 双击选中椭圆 在 属性面板 上修改 椭圆形状 的属性 位置和大小 填充和笔触 练习 绘制多边形与星形 1 使用 多角星形工具 绘制5边形2 使用 多角星形工具 绘制5角幸运星 四 散件 散件 形状 选中后呈现点状纹理可以部分选择用 选择工具 选择形状的填充用 选择工具 选择形状的笔触用 选择工具 或 套索工具 选择形状的一部分可以任意变形未选中形状时 光标接近形状的角点 可以改变角点的位置未选中形状时 光标接近形状的线条 可以改变线条的形状同一图层中 互连的形状会融合 五 元件 元件的类型图形元件影片剪辑元件按钮元件创建元件的方法方法一 新建元件 Ctrl F8 方法二 转换为元件 F8 五 元件 元件的特点选中后被蓝框包围不可以部分选择即使在同一图层中 也不相互融合 六 库面板 库是存放元件 图片 声音 视频等元素的地方库中的资源可以重复使用 七 元件的实例 元件存放在库里 将元件从库拖到舞台上 产生元件的一个 实例 元件的属性位置和大小色彩效果 亮度 色调 Alpha 七 元件的实例 元件与实例的关系实例依赖于元件而存在修改元件 会更新所有实例删除元件 实例也会被删除实例可以有独特个性修改一个实例的大小 亮度 色调或透明度 不会影响元件和其他实例 八 编辑元件 编辑元件方法1 在舞台上双击实例 进入 元件编辑界面 方法2 在库面板中双击元件 进入 元件编辑界面 返回场景 单击这里 九 帧 帧的类型空白关键帧 无内容的关键帧 可以编辑 关键帧 有内容的关键帧 可以编辑 普通帧 内容由Flash根据前一关键帧自动生成 不可以编辑 补间帧 内容由Flash根据开始关键帧和结束关键帧自动生成 不可以编辑 九 帧 帧操作在帧上右击 在菜单中选择相应的操作F6 插入关键帧 复制前一关键帧的图像 F7 插入空白关键帧F5 插入帧按住 Shift 可以选择连续的多个帧选中帧 光标尾部带有方框 通过拖拽移动帧的位置 九 帧的属性 标签补间缓动0均速运动正值减速运动负值加速运动旋转顺时针逆时针声音 十 图层 锁定或解除锁定图层 将图层显示为轮廓 显示或隐藏图层 新建图层 删除图层 新建文件夹 图层 像透明的玻璃 用于管理多个形状和动画 十一 Flash动画基本类型 逐帧动画 每一帧都是设计师绘制的关键帧 补间动画 设计师只绘制首 尾关键帧 两个关键帧之间的插补帧由Flash自动运算生成 补间形状 适用于散件补间动作 适用于元件的实例 十一 Flash基本动画类型 1 逐帧动画 逐帧动画 每一帧都是关键帧 实例 1 奔跑的小人 2 打字效果 1 奔跑的小人 设置舞台属性 大小为200 250 帧速率为12 选择菜单 文件 导入 导入到库 将5张小人图片导入到库 在第1帧 从 库 中将01 gif图片拖到舞台上 在第2帧插入空白关键帧 从 库 中将02 gif图片拖到舞台上 在第3帧插入空白关键帧 从 库 中将03 gif图片拖到舞台上 在第4帧插入空白关键帧 从 库 中将04 gif图片拖到舞台上 在第5帧插入空白关键帧 从 库 中将05 gif图片拖到舞台上 保存文件 按 Ctrl Enter 测试影片 2 打字效果 设置舞台属性 大小为400 200 颜色为深蓝 在第5帧插入空白关键帧 选用 文本工具 在属性面板上设置字体 黑体 样式 Bold 大小 80点 颜色 白 在舞台上输入文本 世界地理 选中文本 按键盘上的 Ctrl B 将其打散为4个文本 在第10帧插入关键帧 在第15帧插入关键帧 在第20帧插入关键帧 在第25帧插入帧 在第5帧删除后3个文本 在第10帧删除后2个文本 在第15帧删除后1个文本 保存文件 按 Ctrl Enter 测试影片 2 形状补间动画 形状补间 用于 形状 的变换实例 1 圆形 变 矩形 2 变形文字 A B C 3 变形图片 鱼 1 圆形变矩形 设置舞台属性 大小为400 300 颜色为深蓝 在第1帧的舞台上绘制一个圆形 注意 这时第1帧由空白关键帧转换为关键帧 在第5帧插入关键帧 注意 第5帧的图像是对第1帧图像的复制 在第20帧插入空白关键帧 在舞台上绘制一个矩形 在第25帧插入帧 在5 20任意帧上右击 选择 创建补间形状 保存文件 按 Ctrl Enter 测试影片 2 变形文字 设置舞台属性 大小为300 300 颜色为深蓝 选用 文本工具 在属性面板上设置字体 Arial 样式 Bold 大小 200点 颜色 黄 在第1帧的舞台上输入文本 A 在第5帧插入关键帧 在第20帧插入关键帧 将文本改为 B 在第25帧插入关键帧 在第40帧插入关键帧 将文本改为 C 在第45帧插入关键帧 在第60帧插入关键帧 将文本改为 A 在每个关键帧的舞台上选中文字 按 Ctrl B 将其打散 在5 25 25 40 45 60帧上 创建补间形状 保存文件 按 Ctrl Enter 测试影片 3 变形图片 设置舞台属性 选择菜单 文件 导入 导入到库 将图片 鱼 导入到库 在第1帧 从 库 中将图片 鱼 拖到舞台上 选择 任意变形工具 按住Shift键 等比例调整图片的大小 选中图片 鱼 按 Ctrl B 将其打散 在第10帧插入关键帧 在第30帧插入空白关键帧 输入文本 鱼 选中文本 鱼 按 Ctrl B 将其打散 在第40帧插入帧 在10 30帧上 创建补间形状 保存文件 按 Ctrl Enter 测试影片 3 动作补间动画 动作补间 用于 实例 的变换实例 1 沿直线运动的小球 2 时隐时现的小球 3 心动 4 星星旋转 5 旋转并移动的矩形 6 弹跳的小球 7 水滴 1 沿直线运动的小球 设置舞台属性 大小为600 200 颜色为浅蓝 在第1帧的舞台上绘制一个小球 笔触颜色为无 填充颜色为放射状渐变 将小球置于舞台左边 选中小球 按键盘上的F8 将其转为图形元件 在第24帧插入关键帧 在第24帧的舞台上 按住Shift键 水平向右移动小球 在1 24任意帧上右击 选择 创建传统补间 保存文件 按 Ctrl Enter 测试影片 2 时隐时现的小球 设置舞台属性 大小为600 200 颜色为浅蓝 在第1帧的舞台上绘制一个小球 将小球置于舞台左边 选中小球 按键盘上的F8 将其转为图形元件 在第15帧插入关键帧 按住Shift键将小球移动到舞台中央 在第30帧插入关键帧 按住Shift键将小球移动到舞台右边 选中第15帧 在舞台上选中小球元件 在属性面板上设置 色彩效果 样式 Alpha 值为0 在1 15任意帧上右击 选择 创建传统补间 在15 30任意帧上右击 选择 创建传统补间 保存文件 按 Ctrl Enter 测试影片 3 心动 新建文件 设置舞台属性 选择菜单 视图 网格 显示网络 选择菜单 视图 网格 编辑网络 设置如图 选择菜单 视图 标尺 然后从标尺中拖出辅助线 如图 3 心动 选择 钢笔工具 在 属性面板 上设置 笔触 颜色为黑色 笔触 宽度为 1 在第1帧的舞台上绘制一个心形 绘制完成后 切换到 选择工具 选择 窗口 颜色 菜单命令 在颜色面板上设置 填充 类型和颜色 如图 使用 颜料桶工具 填充心形 注意 如果不能填充 请设置颜料桶工具的 空隙大小 选项为 封闭大空隙 3 心动 删除心形的笔触 选中心形 按键盘上的F8 将其转为图形元件 使用 任意变形工具 按住Shift键 将心形等比例缩小 在第15帧插入关键帧 在第30帧插入关键帧 在第15帧 使用 任意变形工具 按住Shift键 将心形等比例放大 并旋转一定的角度 在1 15任意帧上右击 选择 创建传统补间 在15 30任意帧上右击 选择 创建传统补间 保存文件 按 Ctrl Enter 测试影片 3 心动 4 星星旋转 设置舞台属性 大小为300 300 颜色为深蓝 在第1帧的舞台上绘制一个星形 选中星形 按键盘上的F8 将其转为图形元件 在第24帧插入关键帧 在1 24任意帧上右击 选择 创建传统补间 选中1 24任意一帧 在属性面板上设置 旋转值 为 顺时针 保存文件 按 Ctrl Enter 测试影片 5 矩形旋转并移动 设置舞台属性 大小为600 200 颜色为浅蓝 在第1帧的舞台上绘制一个矩形 将矩形置于舞台左边 选中矩形 按键盘上的F8 将其转为图形元件 在第24帧插入关键帧 按住Shift键将矩形移动到舞台右边 在1 24任意帧上右击 选择 创建传统补间 选中1 24任意一帧 在属性面板上设置 旋转值 为 顺时针 保存文件 按 Ctrl Enter 测试影片 6 球体弹跳 设置舞台属性 大小为200 600 颜色为浅蓝 在第1帧的舞台上绘制一个小球 将小球置于舞台顶部 选中小球 按键盘上的F8 将其转为图形元件 在第15帧插入关键帧 在第30帧插入关键帧 选中第15帧 按住Shift键将小球移动到舞台底部 在1 15任意帧上右击 选择 创建传统补间 在属性面板上设置缓动值为 100 加速运动 在15 30任意帧上右击 选择 创建传统补间 在属性面板上设置缓动值为 100 减速运动 7 水滴 设置舞台属性 大小为500 500 颜色为深蓝 将第1图层命名为 水滴 在第1帧的舞台上使用 钢笔工具 绘制一个水滴 选择菜单 窗口 颜色 在颜色面板上设置 填充 类型和颜色 如图 7 水滴 使用 颜料桶工具 填充水滴 删除水滴的笔触 选中水滴 按键盘上的F8 将其转为图形元件 使用 任意变形工具 按住Shift键 等比例调整水滴大小 在第15帧插入关键帧 按住Shift键将水滴移动到舞台下方 在1 15任意帧上右击 选择 创建传统补间 在属性面板上设置缓动值为 100 新建第2图层 将第2图层命名为 涟漪 在第15帧插入关键帧 使用 椭圆工具 绘制涟漪 白边空心椭圆 选中涟漪 按键盘上的F8 将其转为图形元件 7 水滴 将 涟漪 图层调整到 水滴 图层的下方 在 涟漪 图层的第30帧插入关键帧 使用 任意变形工具 按住Shift键 等比例放大 涟漪 在舞台上选中 涟漪 在属性面板上设置其Alpha值为0 在 涟漪 图层的15 30任意帧上右击 选择 创建传统补间 保存文件 按 Ctrl Enter 测试影片 十二 Flash动画其它类型 路径动画 添加运动引导层遮罩动画 设置遮罩层脚本动画 添加ActionScript语言 1 路径动画 制作路径动画的步骤 1 制作一个 传统补间 动画 2 添加 传统运动引导层 3 绘制路径 4 对齐路径 5 调整到路径实例 1 沿曲线运动的小球 2 飞舞的蝴蝶 3 月球绕地球运动 1 沿曲线运动的小球 新建文件 设置舞台属性 在第1帧的舞台上绘制一个小球 并放置在舞台左边 选中小球 按键盘上的F8 将其转为图形元件 在第30帧插入关键帧 在1 30任意帧上右击 选择 创建传统补间 在 图层1 上右击 选择 添加传统运动引导层 然后用 铅笔 工具的 平滑模式 绘制路径 选中图层1 分别将第1帧和第30帧舞台上的小球对齐到路径两端 保存文件 按 Ctrl Enter 测试影片 2 飞舞的蝴蝶 新建文件 设置舞台属性 帧速率为12 选择菜单 文件 导入 导入到库 将图片 蝴蝶 gif 导入到库 注意 此时库里的 蝴蝶 gif 相当于位图1 位图2 位图3 等都是静态图片 只有影片剪辑 元件1 是动态的蝴蝶 在第1帧 从 库 中将 元件1 拖到舞台上 并放置在舞台左边 在第80帧插入关键帧 在1 80任意帧上右击 选择 创建传统补间 在 图层1 上右击 选择 添加传统运动引导层 然后用 铅笔 工具的 平滑模式 绘制路径 选中图层1 分别将第1帧和第80帧舞台上的蝴蝶对齐到路径两端 选中1 80任意一帧 在属性面板上勾选 调整到路径 保存文件 按 Ctrl Enter 测试影片 3 月球绕地球运动 新建文件 设置舞台属性 将图层1命名为 地球 在该图层第1帧的舞台上绘制一个蓝色圆形作为地球 并放置在舞台中心 在第60帧插入帧 将图层2命名为 月亮 在该图层第1帧的舞台上绘制一个黄色圆形作为月亮 选中黄色圆形 按键盘上的F8 将其转为图形元件 在第60帧插入关键帧 在 月亮 图层的1 60任意帧上右击 选择 创建传统补间 在 月亮 图层上右击 选择 添加传统运动引导层 用 椭圆 工具绘制圆形路径 然后用 橡皮 工具在圆形路径上擦出一个开口 选中 月亮 图层 分别将第1帧和第60帧舞台上的黄色圆形对齐到路径两端 保存文件 按 Ctrl Enter 测试影片 2 遮罩动画 遮罩的概念 遮罩层 用于遮挡 被遮罩层 遮罩层上的内容就像一个 洞 把 被遮罩层 显示出来实例 1 五彩文字 2 探照灯 1 五彩文字 新建文件 设置舞台属性 选择菜单 窗口 颜色 在颜色面板上设置 笔触 为 无 填充 类型为 线性渐变 颜色如图 在图层1第1帧的舞台上绘制一个矩形 放置在舞台中央 宽度大约为四分之三个舞台 新建