flash经典案例

精品文档 1欢迎下载 案例案例 1 1 用时间轴特效制作旋转的树叶 用时间轴特效制作旋转的树叶 步骤步骤 1 1 在菜单栏中选择 文件 新建 命令 此时会打开 新建文档 对话框 选择一种要创建的文档类型 即可新建一个 Flash 文档 步骤步骤 2 2 如图 13 2 2 所示的为文档的 属性 面板 可以在该面板中设定文档的大 小 背景色和播放的速度等 此时 采取默认的设置 步骤步骤 3 3 在菜单栏中选择 文件 导入 导入到舞台 选择要导入的图像 文件 点击 确定 后 图像显示在工作界面中 如图 13 2 3 所示 步骤步骤 4 4 在菜单栏中选择 插入 时间轴特效 变形 转换 变形 打 开如图 13 2 4 所示的变形对话框 输入旋转 360 度 点击 更新预览 预览动画效果 点击 确定 按钮 图 13 2 1 新建文档 对话框 图 13 2 2 文档的 属性 面板 图 13 2 3 文档的 属性 面板 精品文档 2欢迎下载 步骤步骤 5 5 返回工作界面 选择 控制 测试影片 命令 或者按 Ctrl Enter 键 测试动画效果 如图 13 2 5 所示 导入的图片会旋转 360 度 案例案例 2 2 用时间轴特效制作鲜花的旋晕效果 用时间轴特效制作鲜花的旋晕效果 步骤步骤 1 1 在菜单栏中选择 文件 导入 导入到舞台 选择要导入的图像文 件 案例 2 png 点击 确定 后 图像显示在工作界面中 步骤步骤 2 2 在菜单栏中选择 插入 时间轴特效 效果 模糊 打开对话 框 保持默认设置 点击 更新预览 预览动画效果 点击 确定 按钮 案例案例 3 3 用时间轴特效制作爆炸的球 用时间轴特效制作爆炸的球 步骤步骤 1 1 在菜单栏中选择 文件 导入 导入到舞台 选择要导入的图像文 件 案例 3 png 点击 确定 后 图像显示在工作界面中 步骤步骤 2 2 在菜单栏中选择 插入 时间轴特效 效果 分离 打开对话 框 保持默认设置 点击 更新预览 预览动画效果 点击 确定 按钮 案例案例 4 4 创建跑步动画 创建跑步动画 步骤步骤 1 1 新建一个 FLASH 文档 选择 文件 导入 导入到舞台 命令 从外部文件夹 导入跑步文件夹 步骤步骤 2 2 因为图片名称结尾以相邻数字命名的 所以系统会自动弹出对话框 提示 是否导入所有序列文件 步骤步骤 3 3 关键帧被自动生成 按 Ctrl Enter 键 测试动画效果 案例案例 6 6 创建贺卡 创建贺卡 图 13 2 4 变形 对话框 精品文档 3欢迎下载 步骤步骤 1 1 新建一个 FLASH 文档 从外部文件夹导入案例 5 jpg 选择 文件 导入 导 入到舞台 命令 步骤步骤 2 2 选中第 1 到第 12 帧 按 F6 键在第 1 到第 12 帧都插入关键帧 步骤步骤 3 3 在第一帧中使用文本工具输入文字 祝你永远开心舒心一切顺心 步骤步骤 4 4 在第一帧中保留一个字 第二帧中保留两个字 顺序执行 步骤步骤 5 5 按 Ctrl Enter 键 测试动画效果 案例案例 7 7 把把 gifgif 动画文件转变为动画文件转变为 flashflash 逐帧动画 逐帧动画 步骤步骤 1 1 新建一个 FLASH 文档 在场景中右键单击 在弹出菜单中选择 文档属性 设置帧速为 25 文档大小设置为 200X300 背景颜色白色 步骤步骤 2 2 从外部文件夹导入 dy gif 选择 文件 导入 导入到舞台 命令 步骤步骤 3 GIF3 GIF 文件作为连续帧被导入到舞台 案例案例 8 8 创建小车行驶的动画 创建小车行驶的动画 步骤步骤 1 1 新建一个 FLASH 文档 选择 文件 导入 导入到舞台 命令 从外部文件夹 导入案例 7 gif 步骤步骤 2 2 在第 30 帧插入关键帧 将小车移到舞台的另外一边 步骤步骤 3 3 将第一帧的小车缩小一些 步骤步骤 4 4 选择第 1 到第 30 帧之间的任意一帧 单击鼠标右键 在弹出的快捷菜单中 选择 创建补间动画 步骤步骤 5 5 中间帧被自动生成 按 Ctrl Enter 键 测试动画效果 案例案例 9 9 实现图片由浓到淡变化的效果 实现图片由浓到淡变化的效果 步骤步骤 1 1 按照子任务 1 的方法新建一个大小为 550 像素 400 像素的 Flash 文档 并导入需要图像案例 9 gif 到舞台 步骤步骤 2 2 选中图像 选择菜单中的 修改 转换为元件 命令 弹出如图 13 2 13 所示的 转换为元件 对话框 在 类型 中选择 图形 点击确定 回到工作区 选中第 50 帧 按 F6 键插入关键帧 步骤步骤 3 3 选中图形元件 在如图 13 2 14 所示的 属性 面板中选择颜色为 Alpha 参数设置为 15 图 13 2 13 转换为元件 对话框 精品文档 4欢迎下载 步骤步骤 4 4 选择第 1 到第 50 帧之间的任意一帧 单击鼠标右键 在弹出的快捷菜单中 选择 创建补间动画 如图 13 2 15 所示 创建运动补间动画 步骤步骤 6 6 选择 控制 测试影片 命令 或者按 Ctrl Enter 键 测试动画效果 如图 13 2 16 所示 导入的图像颜色会由淡到浓显示 案例案例 1010 创建旋转文字 创建旋转文字 PartPart 1 1 排列文字排列文字 1 1 启动 启动 FlashFlash CS4CS4 新建一个文档 然后将文档属性做如图 新建一个文档 然后将文档属性做如图 2 12 1 所示的设置 所示的设置 图图 2 12 1 2 2 单击 单击 工具箱工具箱 中的中的 文本工具文本工具 按钮按钮 然后在其属性面板中做如图 然后在其属性面板中做如图 2 22 2 所示的设所示的设 置 并在舞台中输入如图置 并在舞台中输入如图 2 32 3 所示的文字 所示的文字 图 13 2 14 图形元件的 属性 面 板 图 13 2 15 选择 创建补间动画 命令 精品文档 5欢迎下载 图图 2 22 2 设置字体属性设置字体属性 图图 2 32 3 输入文字输入文字 3 3 新建一个 新建一个 图层图层 2 2 然后按住 然后按住 ShiftShift 键的同时使用键的同时使用 椭圆工具椭圆工具 绘制一个如图绘制一个如图 2 42 4 所示的圆形 所示的圆形 图图 2 42 4 绘制圆形绘制圆形 4 4 选中文字 然后按 选中文字 然后按 Ctrl BCtrl B 组合键打散文字 如图组合键打散文字 如图 2 52 5 所示 所示 图图 2 52 5 打散文字打散文字 5 5 使用 使用 选择工具选择工具 将文字拖曳到线条上使文字围绕圆圈进行排放 如图将文字拖曳到线条上使文字围绕圆圈进行排放 如图 2 62 6 所示 所示 精品文档 6欢迎下载 图图 2 62 6 排放文字排放文字 技巧提示 技巧提示 在排放文字的时候可激活在排放文字的时候可激活 工具箱工具箱 中的中的 贴紧至对象贴紧至对象 按钮按钮 激活状态为 激活状态为 这样在 这样在 排放文字的时候就会自动贴紧圆线了 排放文字的时候就会自动贴紧圆线了 6 6 依次选中单个文字 然后按 依次选中单个文字 然后按 F8F8 键将每个文字都转为影片剪辑 然后使用键将每个文字都转为影片剪辑 然后使用 任意任意 变形工具变形工具 调整文字方向 如图调整文字方向 如图 2 72 7 所示 删除圆形线 再选中所有文字 最终将其转换为所示 删除圆形线 再选中所有文字 最终将其转换为 影片剪辑 效果如图影片剪辑 效果如图 2 82 8 所示 所示 图图 2 72 7 调整文字方向调整文字方向 PartPart 2 2 旋转动画制作旋转动画制作 1 1 进入影片剪辑编辑区 然后选中第 进入影片剪辑编辑区 然后选中第 100100 帧 再按帧 再按 F6F6 键插入关键帧 如图键插入关键帧 如图 2 92 9 所所 示 示 精品文档 7欢迎下载 图图 2 92 9 创建关键帧创建关键帧 2 2 选择第 选择第 1 1 帧 然后在该帧上单击右键 并在弹出的菜单中选择帧 然后在该帧上单击右键 并在弹出的菜单中选择 创建补间动画创建补间动画 命令 最后在属性面板中选择命令 最后在属性面板中选择 顺时针顺时针 1 1 次次 案例案例 1111 圆形转变为五角星的形状补间动画 圆形转变为五角星的形状补间动画 步骤步骤 1 1 按照子任务 1 的方法新建一个大小为 550 像素 400 像素的 Flash 文档 在工具栏上选择如图 13 2 17 所示的 椭圆工具 在第 1 帧绘制一个实心圆 如图 13 2 18 所示 图 13 2 17 选择 椭圆工具 图 13 2 18 绘制实心圆 精品文档 8欢迎下载 步骤步骤 2 2 使用选 椭圆工具 类似的方法选择 多角星形工具 点击如图 13 2 19 所示的 多角星形工具 的 属性 面板上的 选项 按钮 在如图 13 2 20 所示的 工具设置 对话框里面进行设置 样式为 星形 变数为 5 步骤步骤 3 3 选择第 20 帧 按 F6 键插入一个关键帧 并在此帧中 使用 多角星形 工具 绘制一个实心的五角星 如图 13 2 21 所示 步骤步骤 4 4 选择第 1 帧 单击鼠标右键 在弹出的快捷菜单中选择 创建补间形状 图 13 2 19 多角星形工具 的 属性 面板 图 13 2 20 设置 多角星形工具 图 13 2 21 绘制五角星 精品文档 9欢迎下载 如图 13 2 22 所示 创建形状补间动画 步骤步骤 5 5 选择 控制 测试影片 命令 或者按 Ctrl Enter 键 测试动画效果 如图 13 2 23 所示 圆形会逐渐变成五角星的形状 案例案例 1212 虫变蛹化蝶的过程 虫变蛹化蝶的过程 步骤步骤 1 1 打开案例 11 文件夹中的初始文件 fla 文件 步骤步骤 2 2 将元件 2 拖动到舞台 点击修改 分离将元件 2 分离 步骤步骤 3 3 选中第 10 帧 按 F6 键 插入关键帧 步骤步骤 4 4 选中第 30 帧 按 F6 键 插入关键帧 删除元件 2 拖入元件 3 点击修改 分离将元件 3 分离 步骤步骤 4 4 选中第 10 帧 右键选择 创建形状补间 完成从虫到蛹的变化 步骤步骤 5 5 选中第 40 帧 按 F6 键 插入关键帧 步骤步骤 6 6 选中第 70 帧 按 F6 键 插入关键帧 删除元件 3 拖入元件 4 点击修改 分离将元件 4 分离 步骤步骤 7 7 选中第 40 帧 右键选择 创建形状补间 完成从蛹到蝶的变化 步骤步骤 8 8 选中第 80 帧 按 F6 键 插入关键帧 案例案例 1414 全球移动通信的路径动画 全球移动通信的路径动画 步骤步骤 1 1 按照子任务 1 的方法新建一个大小为 400 像素 400 像素的 Flash 文档 在图层 1 中导入一张比较大的图像做为背景 然后点击按钮插入一个新的图层 2 在图 层 2 中插入一张比较小的图像做为移动的物体 如图 13 2 24 所示 图 13 2 22 创建形状补间动画 精品文档 10欢迎下载 步骤步骤 2 2 选中图层 2 点击按钮插入一个新的引导层 图层 2 在引导层 图层 2 中使用 铅笔工具 并在如图 13 2 25 所示的菜单中选择 平滑 此时使用 铅笔工具 绘制出来的是平滑的曲线 使用 铅笔工具 在引导层的第 1 帧中绘制出一 条曲线 做为图像移动的引导路径 如图 13 2 26 所示 步骤步骤 3 3 在引导层和图层 1 的第 100 帧插入普通帧 步骤步骤 4 4 在图层 2 的第 1 帧 选择要移动的图像 与引导线开始端点完全吻合 如 图 13 2 27 所示 在图层 2 的第 100 帧按 F6 键插入关键帧 将要移动的图像与引导线 的结束端点完全吻合 如图 13 2 28 所示 图 13 2 24 导入图像到工作区 图 13 2 25 选择 铅笔工具 的属性为 平滑 图 13 2 26 绘制引导路径 精品文档 11欢迎下载 步骤步骤 5 5 在图层 2 的第 1 帧上右键单击 在弹出的菜单中选择 创建补间动画 完成补间动画的创建 步骤步骤 6 6 选择 控制 测试影片 命令 或者按 Ctrl Enter 键 测试动画效果 如图 13 2 29 所示 图层 2 中的物体会沿着引导层中引导线的曲线轨迹进行移动 案例案例 1515 豹子沿路径动态奔跑的路径动画 豹子沿路径动态奔跑的路径动画 步骤步骤 1 1 使用导入到库的命令 将素材导入到库中 步骤步骤 2 2 将树林 1 jpg 放到图层 1 中 在第 30 帧插入关键帧 背景就做好了 步骤步骤 3 3 单击时间轴上按钮插入一个引导层 使用铅笔工具绘制从左往右的路径 路径绘制之后 在第 30 帧插入关键帧 路径就做好了 步骤步骤 4 4 插入新图层 注意新图层要在引导层之下 表明新的图层中的对象会根据 引导层中的路径进行运动 步骤步骤 5 5 在新图层的第一帧中插入元件 1 注意不要插入 gif 动画 不然效果是错 的 将元件与引导线的开始位置大致吻合 注意大致吻合即可 不能完全吻合 步骤步骤 6 6 在新图层的第 30 帧插入关键帧 将元件 1 的位置挪动到引导线的结束位置 大致吻合 步骤步骤 7 7 选择新图层的第一帧 右键单击 创建补间动画 步骤步骤 8 8 关键帧被自动生成 按 Ctrl Enter 键 测试动画效果 案例案例 1717 行星沿路径动态运动的路径动画 行星沿路径动态运动的路径动画 步骤步骤 1 1 将星空 jpg 放到图层 1 中 在第 30 帧插入关键帧 背景就做好了 步骤步骤 2 2 新建图层 2 以及其对应的引导层 步骤步骤 3 3 在引导层中绘制一个椭圆 并用橡皮擦出一个小缺口 在第 30 帧插入关键 帧 路径就做好了 步骤步骤 4 4 在图层 2 的第一帧中插入地球 1 png 背景是透明的 在第 1 帧中将地球 1 和路径的开始吻合 图 13 2 27 物体与引导线开始端点吻合图 13 2 28 物体与引导线结束端点吻合 精品文档 12欢迎下载 步骤步骤 5 5 在图层 2 的第 30 帧插入关键帧 将地球 1 的位置挪动到引导线的结束位置 吻合 步骤步骤 6 6 选择图层 2 的第一帧 右键单击 创建补间动画 步骤步骤 7 7 关键帧被自动生成 按 Ctrl Enter 键 测试动画效果 案例案例 1818 利用遮幕动画实现探照灯效果 利用遮幕动画实现探照灯效果 步骤步骤 1 1 将世博夜景 3 jpg 放到图层 1 中 文档大小匹配选 内容 调整动画大 小 在第 60 帧插入关键帧 背景就做好了 步骤步骤 2 2 新建图层 2 以及其对应的引导层 步骤步骤 3 3 在引导层中绘制一条沿着大桥的曲线 在第 60 帧插入关键帧 路径就做好 了 步骤步骤 4 4 在图层 2 的第一帧中绘制一个无边的实心圆 颜色不限 在第 1 帧中将实 心圆和路径的开始吻合 步骤步骤 5 5 在图层 2 的第 60 帧插入关键帧 将实心圆的位置挪动到引导线的结束位置 吻合 步骤步骤 6 6 选择图层 2 的第一帧 右键单击 创建补间动画 步骤步骤 7 7 选择图层 2 的所有帧 右键选择 转换为关键帧 补间动画生成的帧都 被保留下来 步骤步骤 8 8 删除引导层 步骤步骤 9 9 右键单击图层 2 选择 遮幕层 步骤步骤 10 10 新建图层 3 将世博夜景 3 jpg 放到图层 3 中 转换为图形元件 将其 alpha 值改为 30 步骤步骤 11 11 按 Ctrl Enter 键 测试动画效果 案例案例 1919 利用遮幕动画实现电影镜头效果 利用遮幕动画实现电影镜头效果 步骤步骤 1 1 将世博夜景 jpg 放到图层 1 中 文档大小为 800 1000 像素 步骤步骤 2 2 在第一帧中将图片左端对齐舞台左端 步骤步骤 3 3 在第 80 帧插入关键帧 将第 80 帧的图片右端对齐舞台右端 步骤步骤 4 4 选择图层 1 的第一帧 定义动作补间动画 步骤步骤 5 5 新建图层 2 在这个图层上绘制一个矩形 无边框 任意色 矩形的宽和 舞台一样宽 高和夜景图片的高一样 步骤步骤 6 6 右击图层 2 选择 遮幕层 这时可以看到一个从左到右拍摄夜景的电 影镜头效果 可以给学生先看一下 步骤步骤 7 7 在在图层 1 第 55 帧插入关键帧 删除图层 1 第 55 帧之后的所有帧 步骤步骤 8 8 将图层 1 解锁 图层 2 隐藏 精品文档 13欢迎下载 步骤步骤 9 9 选择图层 1 的第 80 帧 插入关键帧 将第 80 帧的图片放大到 300 并移 动运动馆至舞台中心 步骤步骤 10 10 选择图层 1 的第 55 帧 选择 动作补间动画 步骤步骤 11 11 按 Ctrl Enter 键 测试动画效果 案例案例 2020 制作图形元件 制作图形元件 步骤步骤 1 1 按照子任务 1 的方法新建一个大小为 400 像素 200 像素的 Flash 文档 背景色为黑色 使用 文本工具 在工作区中写出 清仓特价 四个字 字体为 华文彩 云 大小为 80 像素 加粗 字体颜色为白色 如图 13 2 30 所示 步骤步骤 2 2 选中文本 执行 修改 分离 命令二次 或者按 Ctrl B 两次 把 字体打散 再选择 颜料桶工具 把字体中心填充成红色 填充之后的效果如图 13 2 31 所示 在图层 1 的第 30 帧插入普通帧 图层 1 的作用是显示文字 步骤步骤 3 3 选择菜单 插入 新建元件 弹出如图 13 2 32 所示的 创建新元件 对话框 选择类型为 图形 点击确定后进入新元件的编辑 绘制一个如图 13 3 33 所 示的无边长条矩形 在如图 13 3 34 所示的颜色面板中选择类型为 线性 将三个色标 全部设置为白色 第一和第三个的 Alpha 值为零 中间的为 75 可以在如图 13 3 35 所示的 库 面板中找到新建的元件 图 13 2 30 输入文本 图 13 2 31 为文本填充颜色 精品文档 14欢迎下载 步骤步骤 4 4 点击场景和元件按钮可以在场景和元件的 编辑工作区之间切换 切换到场景工作区 新建一个遮罩层 图层 2 在图层 2 的第 1 帧 中添加刚才做好的元件 并将元件放在文本的最左端 如图 13 2 36 所示 在图层 2 的第 30 帧按 F6 键插入关键帧 同样插入元件 放在文本的最右边 如图 13 2 37 所示 图 13 2 32 创建新元件 对话框图 13 2 33 绘制新元件 图 13 2 34 新元件的 颜色 面板图 13 2 35 库 面板 图 13 2 36 遮罩层第 1 帧图 13 2 36 遮罩层最后一帧 精品文档 15欢迎下载 步骤步骤 5 5 在图层 2 的第 1 帧上右键单击 在弹出的菜单中选择 创建补间动画 完成补间动画的创建 步骤步骤 6 6 选择 控制 测试影片 命令 或者按 Ctrl Enter 键 测试动画效果 如 图 13 2 37 所示 图层 2 中的闪光棒会沿着文本划过 案例案例 2121 制作影片剪辑元件 制作影片剪辑元件 步骤步骤 1 1 新建文档 选择 插入 新建元件 选择类型为 影片剪辑 单击 确定后进入元件的编辑场景 步骤步骤 2 2 选择导入到舞台 将骏马图像序列全部导入到舞台 按下 Enter 键 可以 看到骏马在原地奔跑 步骤步骤 3 3 返回到 场景 1 可以看到库中增添了刚才创建的元件 在第一帧将骏 马放在舞台的右边 第 20 帧将骏马放在舞台的左边 创建补间动画 实现骏马飞奔的动画 案例案例 2222 制作按钮元件 制作按钮元件 步骤步骤 1 1 新建文档 选择 插入 新建元件 选择类型为 按钮 单击确定 后进入元件的编辑场景 步骤步骤 2 2 选择导入到库 将按钮图像序列全部导入到库 将 1 jpg 文件拖入到弹起 的帧中 步骤步骤 3 3 然后选择指针经过的帧 按 F6 插入关键帧 将 2 jpg 文件拖入到指针经过 的帧中 步骤步骤