FlashCS5项目教学.ppt

项目一Flash入门基础知识 初识FlashCS5制作第一个Flash动画使用FlashCS5的辅助功能本人有FLASHCS 项目教学的全部教学资料 包括教案 课件 素材原文件与练习用文件 视频资料等 需要请联系QQ 32177763 因是自己精心制作 不免费哟 非诚勿扰 任务一初识FlashCS5 任务说明 下面将带领读者了解Flash动画的应用领域 特点及创作流程 以及掌握启动和退出FlashCS5的方法 并认识FlashCS5的工作界面 一 Flash动画的应用领域 Flash动画被广泛应用于网页设计 网页广告 网络动画 多媒体教学课件 游戏 企业宣传 产品展示和电子相册等领域 网页广告Flash音乐动画 预备知识 二 Flash动画的特点 Flash动画的主要特点如下 制作简单 Flash动画的制作相对比较简单 一个爱好者只要掌握一定的软件知识 拥有一台电脑 一套软件就可以制作出简单的动画 存储容量小和缩放时不失真 Flash动画主要由矢量图形组成 矢量图形具有存储容量小 并且在缩放时不会失真的优点 此外 在发布Flash动画的过程中 程序还会压缩 优化各种动画组成元素 如位图图像 音频 视频等 这就进一步减少了动画的存储容量 从而使其更适于在网络上传输和播放 交互性强 我们可使用ActionScript语言为Flash动画添加代码 使动画具有交互性 三 Flash动画创作流程 每个人创建Flash动画的习惯不同 但都会遵循一个基本的流程 下面便为读者介绍创建Flash动画的流程 发布作品 任务实施 一 启动FlashCS5并熟悉工作界面 启动FlashCS5 1 单击 开始 按钮 在弹出的菜单中选择 所有程序 AdobeDesignPremiumCS5 AdobeFlashProfessionalCS5 或双击桌面上的图标 正确安装FlashCS5并进行注册后 可参照以下步骤启动FlashCS5 FlashCS5开始页 2 打开FlashCS5的开始页 单击 ActionScript3 0 或者 ActionScript2 0 选项即可新建一个Flash文档 并进入FlashCS5的工作界面 FlashCS5工作界面 3 进入FlashCS5的工作界面后 我们可以看到其工作界面由标题栏 菜单栏 文档选项卡 主工具栏 时间轴 编辑栏 舞台 工具箱和多个控制面板等组成 文档选项卡 当打开多个文档后 单击由文档名称形成的文档选项卡标签可切换当前编辑的文档 单击文档选项卡右侧的 关闭 按钮 可关闭相应的文档 编辑栏 用于选择需要进行编辑的场景 元件 以及设置舞台显示比例 舞台 舞台是用户创作和编辑动画内容的场所 在工具箱中选择绘图或编辑工具 并在时间轴面板中选择需要处理的帧后 便可以在舞台中绘制或编辑该帧上的图形 注意 位于舞台外的内容在播放动画时不会被显示 工具箱 工提供了绘制 编辑和填充图形 以及缩放和平移舞台的工具 要选择某工具 只需单击该工具即可 另外 部分工具的右下角带有黑色小三角 表示该工具中隐藏着其他工具 在该工具上按住鼠标左键不放 可从弹出的工具列表中选择其他工具 时间轴 面板 默认情况下 时间轴 面板位于舞台下方 用于组织和控制动画内容 它主要包括图层和时间帧两部分 时间轴 面板的左侧区域显示了动画中包含的图层名称及其相应状态 右侧显示了各图层的时间轴 时间轴 面板 属性 面板 属性 面板默认位于舞台右侧 利用它可以方便地查看和更改当前选定对象的属性 当前选定的对象的不同 属性 面板中的选项也会不同 其他面板 例如 利用 颜色 面板可以设置图形的填充色或线条颜色 利用 库 面板可以保管Flash动画中用到的素材 如元件 音乐 视频和位图等素材 二 自定义FlashCS5工作界面 用户可以根据个人习惯和工作需要 对FlashCS5的工作界面进行调整 调整后还可将工作界面保存起来 方便以后调用 要调整FlashCS5的工作界面可参考以下操作 选择工作界面的外观模式打开 动作 面板 1 启动FlashCS5并进入其工作界面后 单击 标题栏 右侧的 基本功能 下拉按钮 可在展开的下拉列表中根据自己的需要选择工作界面的外观模式 2 如果在默认的工作界面中找不到需要的面板 可以通过选择 窗口 面板名称 菜单来打开它 例如打开 动作 面板 关闭面板 4 要将不需要的面板关闭 只需单击该面板右上角的按钮 在展开的下拉菜单中选择 关闭 选项即可 若选择 关闭组 选项 可关闭同组的所有面板 切换面板 3 Flash会将某些性质相似的面板放在同一面板组中 此时单击面板组上方该面板的名称标签 可在不同的面板之间切换 切换面板显示状态 展开相应面板 6 单击右侧面板组右上角的 折叠 按钮或 展开 按钮 可使面板组在图标状态和展开状态之间切换 7 在面板组处于图标状态时 单击某图标可展开相应面板 再次单击可折叠面板 8 如果不小心将工作界面调乱了 还可在 布局模式 下拉列表中选择 重置XXX 选项 恢复默认的工作界面 若在该下拉列表中选择 新建工作区 选项 则可将当前工作界面保存起来 任务二制作第一个Flash动画 任务说明 制作Flash动画时 首先需要新建一个Flash文档并设置文档属性 对于新手来说 要制作出Flash动画 还需要简单了解一下制作动画的基本原理 本任务将带领大家学习这些知识 并创建第一个Flash动画作品 预备知识 一 Flash文档基本操作 1 新建文档 新建Flash文档的方法主要有以下两种 新建Flash文档 新建Flash文档 2 保存文档 保存文档 3 打开文档 启动Flash时 在开始页左侧的 打开最近的项目 下选择最近保存过的文档 在工作界面中选择 文件 打开 菜单 或按快捷键 Ctrl O 在打开的 打开 对话框中选择要打开的文档 单击 打开 按钮 直接在保存文档的文件夹中双击要打开的Flash文档 要打开以前保存的文档进行再次编辑 可使用以下几种方法 二 Flash动画制作原理 下面通过制作一颗心在跳动的动画 使读者进一步了解动画原理 制作心跳动的动画 1 打开素材文档 2 在时间轴面中板单击选中第2帧 然后按 F6 键插入一个关键帧 3 使用 任意变形工具 适当放大第2帧中的心图形 任务实施 一 新建Flash文档并设置属性 要制作Flash动画 首先要创建一个文档并设置其属性 下面是具体操作方法 选择 文档 菜单 1 启动FlashCS5 在开始页的 创建 设置区单击 ActionScript3 0 选项 创建一个Flash文档并进入FlashCS5工作界面 2 选择 修改 文档 菜单 设置Flash文档属性 3 在 尺寸 编辑框中设置文档的宽度和高度均为400像素 然后单击 背景颜色 右侧的色块 在弹出的 拾色器 面板中单击黄色 其他选项保持默认设置不变 单击 确定 按钮 尺寸 设置舞台的宽和高 播放动画时 将只显示位于舞台中的动画组成元素 背景颜色 单击该选项右侧的色块 可在弹出的 拾色器 面板中设置舞台颜色 帧频 是指动画的播放速度 单位是 fps 即每秒播放多少帧 默认为24fps 标尺单位 如果要在文档中使用标尺 可在该选项右侧的下拉列表中选择标尺的度量单位 二 制作小球弹跳动画 下面我们就来制作一个小球弹跳的动画 绘制正圆图形 1 按住工具箱中的 矩形工具 不放 在展开的工具列表中单击选择 椭圆工具 2 单击工具箱颜色区的 填充颜色 按钮 在打开的 拾色器 面板中选择一种渐变色 然后将光标移动到舞台中 在按住 Shift 键的同时 按住鼠标左键并拖动 绘制一个正圆形 创建 小球 图形元件 3 单击 图层1 的第1帧以选中舞台中的图形 然后按快捷键 F8 在打开的 转换为元件 对话框的 名称 编辑框中输入 小球 再在 类型 下拉列表中选择 图形 选项 设置完毕后单击 确定 按钮 即可将鸡蛋图形转换为图形元件 插入普通帧 4 单击 时间轴 面板的第50帧处选中该帧 然后按 F5 键在该处插入一个普通帧 创建补间动画并设置第1帧上的元件实例 5 右击舞台中的小球元件实例 从弹出的快捷菜单中选择 创建补间动画 为该元件实例创建补间动画 6 单击 时间轴 面板第1帧将播放头转到该帧 然后单击选中工具箱中的 选择工具 将光标移动到舞台中的小球元件实例上 按住鼠标左键不放并向左上方拖动 将小球元件实例拖到舞台外左侧偏上位置 设置第25帧和第50帧上的元件实例 7 单击 时间轴 面板第25帧将播放头转到该帧 然后使用 选择工具 将小球元件实例移动到舞台下方 参考以上方法设置第50帧上的元件实例 三 预览动画 在制作动画过程中 按下 Enter 键 可以测试动画在时间轴上的播放效果 反复按 Enter 键可在暂停测试和继续测试之间切换 预览动画 四 保存和关闭Flash文档 保存和关闭动画 任务三使用FlashCS5的辅助功能 任务说明 在Flash中绘制精细图形时 经常需要对视图进行缩放和平移 以及使用标尺 网格和辅助线精确定位对象的位置等 本任务将带领大家学习这些知识 预备知识 一 使用标尺 网格和辅助线 在绘图或编辑对象时 利用网格 标尺和辅助线可以精确调整对象在舞台上的位置 并使不同对象相互对齐 显示网格线 网格 对话框 拖出辅助线 辅助线 对话框 二 操作的撤销和恢复 按快捷键 Ctrl Z 可撤销前一步操作 连续执行可撤销多步操作 若不小心将正确的操作撤销了 可按快捷键 Ctrl Y 恢复撤销的操作 使用历史记录面板撤销和恢复操作 任务实施 一 缩放和平移视图 放大舞台显示比例 1 单击选择工具箱中的 缩放工具 然后将光标移动到舞台 默认情况下光标呈形状 此时单击可放大舞台显示比例 下面为读者介绍缩放和平移视图的具体方法 缩小舞台显示比例 2 选择 缩放工具 然后单击工具箱 选项区 的 缩小 按钮 或直接将光标移动到舞台中并按住 Alt 键 当光标呈形状时单击可缩小舞台显示比例 放大指定区域 3 选择 缩放工具 后 在舞台中按住鼠标左键并拖动 拖出一个矩形框 松开鼠标后 矩形框内的区域会填满整个工作区 缩放 下拉列表 4 单击编辑栏右侧的 缩放 下拉按钮 通过选择打开的下拉列表中的不同选项可快速调整舞台大小 符合窗口大小 缩放舞台以使其适合目前的窗口空间 双击工具箱中的 手形工具 可实现同样的效果 显示全部 在工作区显示当前帧中的全部内容 包括舞台外的对象 显示帧 在工作区显示整个舞台 利用滚动条移动舞台使用 手形工具 移动舞台 5 将舞台放大后 如果希望查看没有被显示的区域 可拖动舞台下方或右侧的滚动条 6 选择工具箱中的 手形工具 然后在舞台上按住鼠标左键并拖动 也可以查看没有被显示的区域 二 排列图案 下面以调整舞台上对象的位置制作图案为例 使读者进一步掌握网格 标尺与辅助线的使用方法 显示网格线 启用标尺 1 打开素材文档 选择 视图 网格 显示网格 命令 即可在舞台上显示网格 2 选择 视图 标尺 菜单 即可在舞台中启用标尺 拖出辅助线 3在舞台上方的标尺处按住鼠标左键并拖动 可拖出水平辅助线 在舞台左侧的标尺处按住鼠标左键并拖动 可拖出垂直辅助线 反复操作可拖出多条辅助线 锁定辅助线 4 选择 视图 辅助线 锁定辅助线 菜单 将辅助线锁定 根据辅助线放置对象 5 拖出辅助线后 便可以根据辅助线放置对象 对象会自动贴紧辅助线 6 选择 视图 辅助线 显示辅助线 菜单 隐藏辅助线