flash cs3.ppt

FlashCS3实例与操作 第1章初次接触FlashCS3 关于Flash动画熟悉FlashCS3工作界面Flash的基本操作Flash动画入门 1 1关于Flash动画 1 1 1Flash动画的应用领域 Flash目前被广泛应用于网页设计 网页广告 网络动画 多媒体教学课件 游戏设计 企业介绍 产品展示和电子相册等领域 网页设计网页广告 Flash音乐动画多媒体教学课件 Flash游戏 1 1 2Flash动画的特点 Flash动画的特点主要有以下几点 主要由矢量图组成 Flash动画主要由矢量图形组成 矢量图形具有存储容量小 并且在缩放时不会失真的优点 这就使得Flash动画具有存储容量小 而且在缩放播放窗口时不会影响画面清晰度的优点 存储容量小 Flash动画主要是由矢量图形组成的 矢量图形具有存储容量小 并且在缩放时不会失真的优点 可以边下载边播放 在网络上播放时 发布后的 swf文件具有 流 媒体的特点 可以边下载边播放 而不像GIF动画那样要把整个文件下载完了才能播放 具有交互性 FLASH可通过为动画添加脚本使其具有交互性 它可以让观众参与到动画中 通过点击 选择等操作决定动画的运行过程和结果 这一点是传统动画所无法比拟的 制作简单 FLASH动画的制作相对比较简单 一个爱好者只要掌握一定的软件知识 拥有一台电脑 一套软件就可以制作出简单的动画 制作成本低 用FLASH制作动画可以大幅度降低制作成本 减少人力 物力资源的消耗 同时 在制作时间上也比传统动画大大缩短 1 1 3Flash动画创作流程 在创建Flash动画时 虽然每个人的制作风格不同 但创建动画的步骤基本相同 1 2熟悉FlashCS3工作界面 1 2 1启动FlashCS3 启动FlashCS3 1 单击 开始 按钮 在弹出的菜单中选择 所有程序 AdobeDesignPremiumCS3 AdobeFlashCS3Professional FlashCS3开始页 2 进入FlashCS3的开始页 单击 Flash文件 ActionScript3 0 或者 Flash文件 ActionScript2 0 选项即可新建一个Flash文档 并进入FlashCS3工作界面 1 2 2FlashCS3工作界面的组成部分 FlashCS3工作界面 FlashCS3的工作界面包含标题栏 菜单栏 文档选项卡 主工具栏 时间轴 编辑栏 舞台 工具箱和多个控制面板等组成部分 1 标题栏 标题栏位于FlashCS3工作界面的最上方 从左向右依次为软件名称 当前编辑的文档名称和软件控制按钮 标题栏 2 菜单栏 菜单栏中的各菜单包含了几乎所有的FlashCS3应用命令 通过执行这些命令 可以满足用户的不同需求 菜单栏 3 主工具栏 主工具栏位于菜单栏下方 通过单击主工具栏上的按钮 可以快速执行FlashCS3的常用命令 主工具栏 4 文档选项卡 打开多个文档后 单击文档选项卡可切换当前编辑的文档 此外在 文档选项卡 上右击鼠标 还可以在弹出的快捷菜单中使用常用的文件操作命令 文档选项卡 5 时间轴 时间轴 面板用于组织和控制动画内容 它主要包括图层和时间帧两部分 时间轴 面板 图层区 在图层区中可以进行新建图层 删除图层 改变图层顺序等操作 时间帧 我们在Flash中绘制的图形 实际上都为位于时间帧上 舞台只是观察 编辑图形的地方 时间帧标尺 用于计算时间帧的长度 播放头 用于指示舞台的显示 舞台中所显示的图像是播放头所在帧的图像 时间帧状态栏 用于显示播放头所在帧的状态 还可以设置帧的显示方式 6 编辑栏 编辑栏用于 时间轴 的隐藏或显示 编辑场景 或 编辑元件 的切换 舞台显示比例设置等 编辑栏 7 舞台 舞台是放置和编辑动画内容的矩形区域 这些内容可以是矢量图形 文本框 按钮 导入的位图图形或视频剪辑等 8 工具箱 工具箱位于舞台左侧 其中包含了Flash中常用的绘图工具 填充工具和编辑工具 工具箱 9 常用面板 制作动画时 最常用的几个面板是 属性 面板 颜色 面板 库 面板和 动作 面板 属性 面板 使用 属性 面板可以方便地查看和编辑当前选定对象的属性 属性 面板 颜色 面板组 颜色 面板组用来设置图形填充色或线条颜色 它包括 颜色 和 样本 两个面板 库 面板 库 面板是保管Flash动画素材的一个仓库 在Flash中创建的元件 以及从外部导入的音乐 视频和位图等素材都存放在 库 面板中 颜色 面板组 库 面板 动作 面板 在制作交互动画时 若在创建Flash文档时选择 Flash文件 ActionScript2 0 选项 则只能在 动作 面板中查看 输入或编辑选定对象 关键帧 按钮实例或影片剪辑 上的动作脚本 若选择 Flash文件 ActionScript3 0 选项 则即可以在 动作 面板中为关键帧添加动作脚本 也可以新建一个ActionScript文件输入动作脚本 1 2 3自定义工作界面 用户可以根据个人习惯和工作需要 对工作界面进行调整 调整后还可将工作界面保存起来 以方便以后调用 打开 动作 面板 1 启动FlashCS3并进入其工作界面后 如果在默认的工作界面中找不到你想要的面板 可以通过选择 窗口 相应面板名称 菜单来打开它 例如打开 动作 面板 颜色 面板组 2 Flash会将某些性质相同的面板放在一个面板组中 此时单击面板组中的面板名称 可在不同的面板之间切换 隐藏 显示面板 3 要隐藏某个面板 只需单击该面板的标题栏或标题栏上的 最小化 按钮 要显示隐藏的面板 只需单击该面板的标题栏或 还原 按钮即可 折叠 展开面板 5 单击右侧面板组右上角的折叠 按钮或 展开 按钮可使面板组在图标状态和打开状态之间切换 6 在面板组处于图标状态状态时 单击图标可展开相应面板 展开相应面板 4 要关闭某个面板组 可单击面板组标题栏右侧的按钮 要单独关闭面板组中的某个面板 可单击面板名称右侧的按钮 保存工作区布局 对话框 7 如果希望将调整好的工作界面保存起来 以便下次直接调用 可选择 窗口 工作区 保存当前 菜单 在打开的 保存工作区布局 对话框中输入名称 然后单击 确定 按钮 即可保存当前的工作界面 选择保存的工作界面 8 保存工作界面后 可以在 窗口 工作区 的子菜单中选择它 如果想恢复FlashCS3的默认布局 只需选择 窗口 工作区 默认 菜单即可 1 3Flash文档的基本操作 启动Flash时 在开始页单击 Flash文件 ActionScript3 0 或 Flash文件 ActionScript2 0 系统会自动新建一个Flash文档并进入工作界面 选择 文件 新建 菜单或按快捷键 Ctrl N 在打开的对话框中选择 Flash文件 ActionScript3 0 或 Flash文件 ActionScript2 0 选项 单击 确定 按钮 右击文档选项卡 在弹出的快捷菜单中选择 新建 菜单 或单击主工具栏中的 新建 按钮 1 3 1新建 保存和打开文档 1 新建文档 要制作Flash动画 应首先创建一个Flash文档 创建Flash文档的方法有以下几种 2 保存文档 新建文档并在文档中进行操作后 为了在以后需要时随时打开该文档 应在关闭文档前进行保存 保存文档 1 选择 文件 保存 菜单 或按快捷键 Ctrl S 在打开的 另存为 对话框中选择文档保存路径 输入保存文件名 选择保存类型 然后单击 保存 按钮 即可保存文档 3 关闭文档 保存文档后 若暂时用不到该文档 可将该文档关闭以节省系统资源 关闭文档的方法主要有以下几种 单击文档选项卡最右侧的 关闭 按钮 可关闭当前文档 右击工作界面中的文档选项卡 在弹出的快捷菜单中选择 关闭 菜单 可关闭当前文档 选择 全部关闭 菜单 可关闭所有打开的文档 在工作界面中选择 文件 退出 菜单 可退出FlashCS3程序 通过按钮关闭文档通过右击文档选项卡关闭文档 4 打开文档 将文档保存并关闭后 在需要时可再将其打开进行编辑或调用 打开文档的方法主要有以下几种 启动Flash时 在开始页左侧的 打开最近的项目 下选择最近保存过的文档 或在 文件 打开最近的文档 子菜单中选择需要打开的文档名称 要打开任意文档 可选择 文件 打开 菜单 或按快捷键 Ctrl O 打开 打开 对话框 在该对话框中选择要打开的文档路径及名称 单击 打开 按钮 打开文档 1 3 2设置文档属性 在新建Flash文档后 可根据实际需要设置舞台大小 背景颜色和帧频等文档属性 具体设置方法请参考以下操作 1 新建Flash文档后打开 属性 面板 单击面板中的 文档属性 按钮 2 在打开的 文档属性 对话框中 可设置文档尺寸 背景颜色 帧频等文档属性 设置文档属性 标题和描述 将动画传到网上后 若希望别人能通过搜索引擎搜索到动画 可以在此处暑如动画标题和描述 作为搜索关键词 尺寸 尺寸是指舞台的宽和高 最小尺寸可设置为1像素 1像素 最大尺寸可设置为2880像素 2880像素 播放动画时 位于舞台外面的对象不会被显示 匹配 要将舞台大小设置为最大可用打印区域 可选择 打印机 单选按钮 背景颜色 单击该选项右侧的色块 可在弹出的 拾色器 中设置舞台的颜色 帧频 是指动画的播放速度 单位是 fps 即每秒播放多少帧 帧频越高 动画播放的速度越快 比较常用的帧频为12 18 24和25 标尺单位 如果要在文档中使用标尺 可在该选项右侧的下拉列表中选择标尺的度量单位 1 3 3设置舞台 舞台是创建和编辑Flash动画中所需对象的场所 在绘制或编辑对象时 对舞台进行放大 缩小或移动等设置 可方便我们的操作 要对舞台进行放大 缩小或移动操作 可参考以下操作 放大舞台显示比例 1 要放大舞台应单击选择工具箱中的 缩放工具 或按快捷键 Z 然后将光标移动到舞台 当光标呈形状时单击 即可将舞台显示比例放大 缩小舞台显示比例 2 选择 缩放工具 然后将光标移动到舞台中并按下 Alt 键 当光标呈形状时单击可缩小舞台显示比例 放大指定区域 3 选择 缩放工具 后 在舞台中按住鼠标左键并拖动 拖出一个矩形框 松开鼠标后 矩形框内的区域会填满整个窗口 缩放 下拉列表 4 单击编辑栏右侧的 缩放 下拉按钮 通过选择打开的下拉列表中的不同选项可快速调整舞台大小 利用滚动条移动舞台使用 手形工具 移动舞台 5 将舞台放大后 如果希望查看没有被显示的区域 可拖动舞台下方或右侧的滚动条 6 选择工具箱中的 手形工具 然后在舞台上按住鼠标左键并拖动 也可移动舞台显示区域 利用快捷键 Ctrl 或 Ctrl 可快速使舞台放大200 或缩小50 双击工具箱中的 手形工具 或选择 视图 缩放比率 符合窗口大小 菜单 可缩放舞台以使其完全适合目前的窗口空间 选择 视图 缩放比率 显示全部 菜单 可以显示当前帧中的全部内容 包括舞台外的对象 1 3 4网格 标尺与辅助线 在绘图或移动对象时 利用网格可以精确安排对象在舞台上的位置 并使不同对象相互对齐 利用标尺和辅助线可以精确定位对象在舞台上的位置 要使用网格 标尺和辅助线 可参考以下操作 显示网格线 1 选择 视图 网格 显示网格 命令 即可在舞台上显示网格 网格 对话框 2 选择 视图 网格 编辑网格 菜单 在打开的 网格 对话框中可以设置网格线的颜色 网格间的距离以及对象是否贴紧网格对齐等 启用标尺选择标尺度量单位 3 选择 视图 标尺 菜单 即可在舞台中启用标尺 4 选择 修改 文档 菜单 打开 文档属性 对话框 在对话框中的 标尺单位 下拉菜单中 可以根据需要选择标尺度量单位 拖出辅助线 根据辅助线放置对象 5 在舞台上方的标尺处按住鼠标左键并拖动 可拖出水平辅助线 在舞台左侧的标尺处按住鼠标左键并拖动 可拖出垂直辅助线 反复操作可拖出多条辅助线 6 拖出辅助线后 便可以根据辅助线放置对象 对象会自动贴紧辅助线 辅助线 对话框 清除全部辅助线 7 选择 视图 辅助线 编辑辅助线 菜单 可在打开的 辅助线 对话框中设置辅助线的颜色 贴紧精确度等参数 8 要清除某条辅助线 只需使用 选择工具 将其拖出舞台即可 若要清除舞台上的全部辅助线 可选择 视图 辅助线 清除辅助线 菜单 1 3 5操作的撤销与恢复 在制作Flash作品的过程中 有时会发生误操作 此时可将误操作撤销 还有时会将正确的操作误撤销 此时可将其恢复 对操作进行撤销和恢复的方法主要有以下几种 选择 编辑 撤销 菜单 为上一步操作 或按快捷键 Ctrl Z 可撤销前一步操作 连续执行可撤销多步操作 选择 编辑 重做 菜单 或按快捷键 Ctrl Y 可恢复撤销的操作 连续执行可恢复多步撤销操作 单击主工具栏上的 撤销 按钮可撤销前一步操作 单击主工具栏上的 重做 按钮可恢复撤销的操作 利用 历史记录 面板可一次性撤销或恢复多步操作 具体方法请参考本书第3章内容 1 4Flash动画入门 1 4 1一个简单的动画 Flash动画制作原理 传统动画和影视都是通过连续播放一组静态画面实现 每一幅静态画面就是一个帧 Flash动画也是如此 在时间轴的不同帧上放置不同的对象或设置同一对象的不同属性 例如位置 形状 大小 颜色 透明度等 当播放头在这些帧之间移动时 便形成了动画 1 打开素材文档 制作心跳动的动画 2 选中第2帧 然后按 F6 键插入一个关键帧 3 使用 任意变形工具 适当放大心图形 4 按快捷键 Ctrl Enter 观看动画播放效果 即可看到一颗心在碰碰的跳动 1 4 2另一个简单的动画 认识绘图工具 元件 帧和图层 下面通过绘制动画所需的小球 熟悉 工具箱中 绘图工具的使用方法 打开素材文档 1 打开素材文档 1 认识绘图工具 绘制小球 选择 椭圆工具 设置填充颜色为 没有颜色 2 按住 工具箱 中的 矩形工具 不放 在打开的工具列表中单击 椭圆工具 或者按快捷键 O 将其选中 3 单击 工具箱 颜色区的 填充颜色 按钮 在打开的 拾色器 对话框中选择 没有颜色 绘制正圆形 4 单击图层2的第1帧 将光标移动到舞台中 然后在按住 Shift 键的同时按住鼠标左键并拖动 绘制一个没有填充色的正圆形 选择 颜料桶工具 选择渐变填充色 5 单击 工具箱 中的 颜料桶工具 或按快捷键 K 将其选中 6 再次单击 填充颜色 按钮 在打开的 拾色器 对话框中选择由蓝色到黑色的放射状渐变色 填充正圆形 7 将光标移动到正圆形的左上角并单击 为正圆填充颜色 小球就绘制好了 在制作动画补间动画时 必须将绘制的图形转换为元件 或先创建元件 再在元件内部绘制图形 下面通过将刚刚绘制的小球转换为图形元件 介绍将对象转换为元件的操作过程 选择 转换为元件 菜单输入元件名称并设置元件类型 2 在打开的 转换为元件 对话框中 名称 编辑框中输入 小球 再在 类型 列表中选择 图形 单选钮 设置完毕后单击 确定 按钮 即可将小球转换为名为 小球 的图形元件 1 使用 选择工具 双击舞台中的小球将其选中 然后选择 修改 转换为元件 菜单 或按快捷键 F8 2 认识元件 将小球转换为图形元件 库 面板中的元件