FLASH CS5课件制作实例教程.ppt

广饶一中课件制作研讨 FLASHCS5课件制作 东营市胜利第四中学梅传俊 TelQ 445361135Email slofmcj FLASHCS5课件制作 实例教程 解压缩后双击开始安装 断开网络 在文件夹下有获取注册码用记事本打开并修改C windows system32 drivers etc hosts文件以避免网上验证 FlashCS5的安装 个性化工作区设置 可以使用各种元素 如面板 栏以及窗口 来创建和处理文档和文件 这些元素的任何排列方式称为工作区 Flashcs5中不同应用程序的工作区具有相同的外观 因此您可以在应用程序之间轻松切换 您也可以通过从多个预设工作区中进行选择或创建自己的工作区来调整各个应用程序 以适合您的工作方式 虽然不同产品中的默认工作区布局不同 但是您对其中元素的处理方式基本相同 FlashCS5拥有动画 传统 调试等7种工作区 用户可以根据自己的喜好 习惯设置自己的工作区 将工具条 时间轴等放置在自己喜欢的位置 例1 绘制中秋美景使用直线工具 刷子工具 颜料桶工具 椭圆工具来完成图形的绘制 效果图 一 绘图工具的使用 效果图 DECO工具的使用Deco工具是Flash的一套简化画图功能一套刷子工具 利用它可以很方便地画出树木 花草 火焰等效果 例2我们的校园 一 绘图工具的使用 使用TLF文本 从FlashProfessionalCS5开始 您可以使用新文本引擎 文本布局框架 TLF 向FLA文件添加文本 TLF支持更多丰富的文本布局功能和对文本属性的精细控制 与以前的文本引擎 现在称为传统文本 相比 TLF文本可加强对文本的控制 与传统文本相比 TLF文本提供了下列增强功能 更多字符样式 包括行距 连字 加亮颜色 下划线 删除线 大小写 数字格式及其他 更多段落样式 包括通过栏间距支持多列 末行对齐选项 边距 缩进 段落间距和容器填充值 控制更多亚洲字体属性 包括直排内横排 标点挤压 避头尾法则类型和行距模型 您可以为TLF文本应用3D旋转 色彩效果以及混合模式等属性 而无需将TLF文本放置在影片剪辑元件中 文本可按顺序排列在多个文本容器 这些容器称为串接文本容器或链接文本容器 能够针对阿拉伯语和希伯来语文字创建从右到左的文本 支持双向文本 其中从右到左的文本可包含从左到右文本的元素 当遇到在阿拉伯语或希伯来语文本中嵌入英语单词或阿拉伯数字等情况时 此功能必不可少 一 绘图工具的使用 使用文字工具输入需要的文字 使用属性面板设置文字的字体 大小 颜色 行距和字符属性 效果图 例3 制作心情日记 一 绘图工具的使用 一 轻松捕捉SWF动画 只要点击IE工具栏上的 硕思闪客精灵 图标或者鼠标右键菜单上的 硕思闪客名捕 即可打开保存 SWF 文件的对话框 将需要下载的flash文件选中 文件前面打勾 然后单击 Save 按钮即可保存 二 轻松转换SWF 硕思闪客精灵 强大所在就是可以把SWF文件转换成FLA文件 打开硕思闪客精灵 在左边的 文件浏览 框中选择SWF文件所在的文件夹后 下方的 名称 框中就显示当前路径下所有的SWF文件 选择你要修改的SWF文件 中间预览框中能预览该动画的播放效果 右框中显示了从SWF中分解出来的元素 包括矢量图 变形矢量图 图片 声音 字体 文字 动画 按钮 动画帧 命令代码等 图2 现在你只要单击工具栏上的 导出FLA Flex 按钮 即可打开另存为对话框 选择fla文件存放的位置 单击保存按钮即可 硕思闪客精灵 硕思闪客精灵 三 轻松获取SWF素材如你想提取SWF中的一部分素材 也可以利用 硕思闪客精灵 来完成 打开Flash动画后 硕思闪客精灵 会自动将Flash动画中所有的图片 矢量图 变形矢量图 字体 文字 按钮 动画 动画帧和代码等基本元素完全分解出来 例如我们要导出声音素材 在左边 名称 框中选中你需要的SWF文件后 再在右侧 导出 框中展开素材 选择 声音 前面的对勾 单击工具栏上的 输出资源 按钮 中秋美景 动 补间动画 补间动画在FlashCS4中引入 功能强大且易于创建 通过补间动画可对补间的动画进行最大程度的控制 传统补间 包括在早期版本的Flash中创建的所有补间 的创建过程更为复杂 补间动画提供了更多的补间控制 而传统补间提供了一些用户可能希望使用的某些特定功能 补间动画在整个补间范围上由一个目标对象组成 不需要添加关键帧 二 基本动画的制作 几个概念 帧 在Flash中 一系列单幅画面的每一格叫做帧 它是Flash动画中最小时间单位里出现的画面 关键帧 人为制作含有画面的帧 帧频 每秒钟显示的帧数叫帧率 flashcs5默认帧频为24 时间轴 也叫时间线 用来放置这一系列帧画面的线叫做时间轴 动画是按在时间轴上的先后出现的 图层 用来绘制画面的容器 一个时刻显示的画面可能有很多层组成 属性 一个元件所具备的特征库 用来存放影片剪辑 按钮 图形的容器 二 基本动画的制作 补间形状动画 补间形状动画 是由一个物体到另一个物体间的变化过程 像由三角形变成四方形等 形状补间是淡绿色底加一个黑色箭头组成的 常用于大小 形状 位置 颜色等的变化只用于矢量图形 文字需要打散 位图需要矢量化 可以添加提示点以实现精确变形例 矩形变成梯形流淌的奶油 二 基本动画的制作 传统补间动画 是由一个形态到另一个形态的变化过程 像移动位置 改变角度等 动画补间是淡紫色底加一个黑色箭头组成的 相对于补间动画来说的 原来叫动作动画或动画补间 常用于大小 位置 透明度3D等的变化只针对于元件 按钮元件 图形元件 影片剪辑元件 是淡绿色底加一个黑色箭头组成的 例 力和运动 二 基本动画的制作 逐帧动画 1 逐帧动画的概念和在时间帧上的表现形式在时间帧上逐帧绘制帧内容称为逐帧动画 由于是一帧一帧的画 所以逐帧动画具有非常大的灵活性 几乎可以表现任何想表现的内容 2 创建逐帧动画的几种方法 1 用导入的静态图片建立逐帧动画用jpg png等格式的静态图片连续导入Flash中 就会建立一段逐帧动画 2 绘制矢量逐帧动画用鼠标或压感笔在场景中一帧帧的画出帧内容 3 文字逐帧动画用文字作帧中的元件 实现文字跳跃 旋转等特效 4 导入序列图像例 花儿开了 二 基本动画的制作 预设动画 动画预设 Flashcs5支持动画预设功能 这可以把一些做好的补间动画保存为模板 并将它应用到其它对象上 在Flashcs5中元件和文本对象可以应用动画预设 在Flashcs5中已为我们保存了一些补间动画 我们可以直接将这些补间动画应用到我们自已的对象上 现在就来看看 都有些什么样的效果 点击 窗口 动画预设 这样就打开了动画预设面板 复制动画 粘贴动画 我们还可以直接将将动画复制 粘贴操作例10 课件片头制作新建AS文档导入背景图片输入文字 三 找到 预设动画 面板 选3D螺旋 重复3 4完成 角 函 数 几个字的制作 二 基本动画的制作 路径动画 单纯依靠设置关键帧 有时仍然无法实现一些复杂的动画效果 有很多运动是弧线或不规则的 如月亮围绕地球旋转 鱼儿在大海里遨游等 在Flash中能不能做出这种效果呢 答案是肯定的 这就是 引导路径动画 将一个或多个层链接到一个运动引导层 使一个或多个对象沿同一条路径运动的动画形式被称为 引导路径动画 这种动画可以使一个或多个元件完成曲线或不规则运动 例11 导弹的飞行打开源文件单击导弹 添加传统引导层绘制运动路径 用铅笔工具 给导弹层40帧添加关键帧 其他图层空帧给导弹图层创建传统补间动画调整首帧 尾帧导弹的位置 在需要的地方调整角度 二 基本动画的制作 路径动画 例12 地月系统将背景设为深蓝色绘制蓝色小球作为地球添加图层 绘制黄色小球作为月亮将月亮转换为元件给月亮添加传统引导层绘制空心椭圆将椭圆擦除一个小缺口给月亮制作传统补间动画调整月亮首帧 尾帧的位置 二 基本动画的制作 遮罩动画 遮罩动画的概念 1 什么是遮罩遮罩动画是Flash中的一个很重要的动画类型 很多效果丰富的动画都是通过遮罩动画来完成的 在Flash的图层中有一个遮罩图层类型 为了得到特殊的显示效果 可以在遮罩层上创建一个任意形状的 视窗 遮罩层下方的对象可以通过该 视窗 显示出来 而 视窗 之外的对象将不会显示 2 遮罩有什么用在Flash动画中 遮罩 主要有2种用途 一个作用是用在整个场景或一个特定区域 使场景外的对象或特定区域外的对象不可见 另一个作用是用来遮罩住某一元件的一部分 从而实现一些特殊的效果 二 基本动画的制作 例13情人节贺卡1打开情人节贺卡文件输入文字 情人节贺卡 竖排新建图层 输入其他文字 竖排将文字打散两次新建图层 在新建的图层创建彩虹色矩形 并逐步作出由小变大的动画效果 并盖住每列文字6 将文字图层设为遮罩层 遮罩动画 二 基本动画的制作 例14旋转的地球打开旋转的地球begin文件将地球拖至舞台 在第50帧空帧延续新建图层 将地图拖至舞台 第50帧插入关键帧将地图做从左到右的传统补间动画新建图层 将地图拖至舞台 调整其亮度为 70 第50帧插入关键帧将地图做从右到左的传统补间动画将地球图层设为遮罩层新建图层 将地球放入 遮罩动画 二 基本动画的制作 动画类型小结 逐帧动画 补间动画 传统补间补间形状补间动画 普通传统补间动画引导层动画遮罩动画 用脚本控制影片 在FlashCS5中 如果要实现一些复杂多变的动画效果就要涉及动作脚本 可以通过输入不同的动作脚本来实现高难度的动画效果 例15辛勤的蜜蜂打开辛勤的蜜蜂begin文件打开窗口 组件 Userinterface button拖两个button出来 分别命名为tz jx 找到属性 将其label值分别设为停止 继续选中停止按钮 单击代码片段 选择转到下一帧并播放 双击将函数体改为stop 继续按钮函数体改为play 三 高级动画的制作 骨骼动画 从FlashCS3开始新增 骨骼工具 来创建反向运动 FlashCS5有较大的改进 该工具可以在短时间里制作出复杂而自然的动画效果 这种制作方式很适合运用在皮影动画中 三 高级动画的制作 骨骼动画 例18森林公园打开森林公园begin文件插入新建元件 影片剪辑 袋鼠将袋鼠图片拖入将图片打散用套索工具将脚部分选中 转换为元件 脚 将腿部分选中 转换为元件 腿 身体部分转换为元件 身体 用骨骼工具分别给身体和腿连接部分加骨骼 腿和脚连接部分加骨骼逐步添加关键帧 调整袋鼠的动作在主场景制作袋鼠从左到右的路径动画 三 高级动画的制作 声音的调用 在FlashCS5中可以导入外部的声音素材作为动画的背景音乐或音效 FlashCS5提供了许多使用声音的方式 它可以使声音独立于时间轴连续播放 或使动画和一个音轨同步播放 可以向按钮添加声音 使按钮具有更强的互动性 还可以通过声音淡入淡出产生更优美的声音效果 例19幼儿英语课件 三 高级动画的制作 调用视频 在Flash文件内嵌入视频1选择 文件 导入 导入视频 将视频剪辑导入到当前的Flash文档中 2选择本地计算机上要导入的视频剪辑 3选择 在SWF中嵌入FLV并在时间轴上播放 4单击 下一步 5选择用于将视频嵌入到SWF文件的元件类型 用flvplayback组件1在舞台上选定FLVPlayback组件后 打开属性检查器 窗口 属性 然后输入实例名称 2选择属性检查器中的 参数 或打开组件检查器 窗口 组件 3输入参数值或使用默认设置 三 高级动画的制作 调用视频 例20播放视频新建AS3文档窗口 组件 video flvplayback选择视频的位置 三 高级动画的制作 动画编辑器 在Flash中