Flash动画设计与制作（1）基本知识与基本.ppt

1 Flash动画设计与制作 基本知识与基本操作 合肥工业大学计算机与信息学院石雷 2 Flash的基本知识 什么是Flash为什么要学习Flash如何学习Flash 3 Flash的基本知识 什么是Flash为什么要学习Flash如何学习Flash 4 Flash的基本知识 什么是Flash 流媒体的概念采用流式传输的方式在Internet上播放的媒体格式 而流式传输方式则是将整个音频视频及3D等多媒体文件经过特殊的压缩方式分成一个个压缩包 由视频服务器向用户计算机连续 实时传送 流媒体可分为五类 流式音频 流式视频 流式动画 流式图象 流式文本 Flash的原名 Animator最早的开发公司 FutureSplash公司 九十年代中期该公司被Macromedia公司所买下 1996年 微软网路 TheMicrosoftNetwork MSN 使用FutureSplash公司的Animator软件设计了一个界面与广告全银幕动画来模拟电视 从而大大推动了其发展 5 Flash的基本知识 什么是Flash 矢量图和位图矢量图形使用称作矢量的直线和曲线描述图像 矢量也包括颜色和位置属性 例如 树叶图像可以由创建树叶轮廓的线条所经过的点来描述 树叶的颜色由轮廓的颜色和轮廓包围区域的颜色决定 在编辑矢量图形时 您可以修改描述图形形状的线条和曲线的属性 您可以对矢量图形进行移动 调整大小 重定形状以及更改颜色的操作而不更改其外观品质 矢量图形与分辨率无关 这意味着它们可以显示在各种分辨率的的输出设备上 而丝毫不影响品质 6 Flash的基本知识 什么是Flash 矢量图和位图位图图形使用称作像素的排列在网格内的彩色点来描述图像 例如 树叶的图像由网格中每个像素的特定位置和颜色值来描述 用非常类似镶嵌的方式来创建图像 在编辑位图图形时 您修改的是像素 而不是直线和曲线 位图图形跟分辨率有关 因为描述图像的数据是固定到特定尺寸的网格上的 编辑位图图形可以更改它的外观品质 特别是调整位图图形的大小会使图像的边缘出现锯齿 因为网格内的像素重新进行了分布 在比图像本身的分辨率低的输出设备上显示位图图形时也会降低它的外观品质 7 Flash的基本知识 什么是Flash Flash是由Macromedia公司研发的 采用了流媒体技术的 基于矢量图的优秀的Web图像 动画设计工具 它可以广泛应用于网络中的多种领域 出色的效果 轻巧的任何编程基础体积加上便捷的操作 几乎可以没有 就可以制作出以往需要有很强的专业知识才能达到的效果 通过简单友好的创作环境 制作出精美绚丽的Flash动画 Flash的流行程度有目共睹 可谓是一个梦幻工厂 8 Flash的基本知识 什么是Flash Flash的特性友好的操作界面 容易学习 Flash的操作界面美观 层次清晰 各面板布局合理 相对其他制作动画的程序如JavaApplet Flash更加容易操作 无需任何编程基础就可以轻松制作出大量动画效果 生成的动画文件可以独立播放 用Flash制作的动画作品不仅可以在线观看 也可以离线观看 并同时保留其原来动画中的各种交互式操作功能 流媒体动画 Flash播放器在下载Flash影片时采用流媒体方式 也就是说 在Flash文件还没有完全下载完毕时就播放动画 即下载的同时进行播放 文件体积较小 由于Flash采用的图像方式是矢量图 生成的文件相对于传统网页动画中同等面积的像素图来说要小很多 可自由缩放 自动调整图像尺寸 Flash可以根据浏览者对浏览器窗口尺寸的改变自动调整窗口中网页内容的尺寸 这样就不会因为浏览器窗口的缩小而丢失网页内容 9 Flash的基本知识 什么是Flash Flash的特性具有交互式作用的多媒体影片 Flash影片可以通过ActionScript脚本语言与使用者建立交互式关系 使用者可以通过键盘操作或鼠标操作与影片之间产生互动 易用性 每个人都可以通过Flash制作出影片 动态网页 新版本虽然比早期的版本难一些 但在原来版本中可实现的操作 在新版本中同样容易实现 只是新版本中可实现的功能更多 看起来比较复杂而已 10 Flash的基本知识 什么是Flash为什么要学习Flash如何学习Flash 11 Flash的基本知识 为什么要学习Flash Flash可以制作出丰富绚丽的动态效果 而生成的文件又相对较小 加上它的交互性功能 被广泛应用于网络中的多种领域 制作Flash动画Flash可以制作各种风格的漫画动画 并且可以为这个动画配以声音效果 这些动画漫画 可以是MV 可以是有趣的故事 可以是公司宣传片 总之可以有很多不同的应用 在国内已经涌现出了许多出色的全Flash作品 制作Flash游戏利用Flash中的ActionScript脚本语言功能 可以制作出简单有趣的Flash游戏 制作Flash电子贺卡利用Flash制作的电子贺卡 不但图文并茂 而且可以伴有背景音乐 是目前网络中比较流行的一种祝福方式 12 Flash的基本知识 为什么要学习Flash 制作Flash教学课件以Flash动画的形式传达讲述内容 加上其交互式的操作制作出教学课件 制作Flash广告条在网页中会有大量的广告 许多广告都是由Flash制作完成的 制作Flash网页为了达到一定的视觉冲击力 企业往往在浏览者进入主页之前首先播放一段进站动画 或者整个网站都用Flash动画来实现 这样的网站交互性很强 内容丰富绚丽 十分个性化 13 Flash的基本知识 什么是Flash为什么要学习Flash如何学习Flash 14 Flash的基本知识 如何学习Flash 课上 好好听我讲解 课下 多练习 这点很重要 15 Flash的基本操作 Flash2004的工作环境创建Flash动画文件设置文件属性Flash动画的发布 16 Flash的基本操作 Flash2004的工作环境创建Flash动画文件设置文件属性Flash动画的发布 17 Flash的基本操作 Flash2004的工作环境 Flash制作工具的系统要求创作Flash影片需要下列硬件和软件 对于MicrosoftWindows IntelPentium200MHz或相当的处理器 运行Windows98SE WindowsME WindowsNT4 0 Windows2000或WindowsXP 64MBRAM 建议128MB 85MB可用磁盘空间 分辨率可达1024x768的16位彩色显示器 CD ROM驱动器 FlashPlayer的系统要求在浏览器中播放Flash影片需要下列硬件和软件 MicrosoftWindows95 Windows98 WindowsME WindowsNT4 0 Windows2000或者WindowsXP或更高版本 在Windows中 需要与Netscape4 或更高版本 配合使用的Netscape插件 而在MacOS上 则需要与Netscape4 5 或更高版本 配合使用的Netscape插件或InternetExporer5 0 或更高版本 要运行ActiveX控件 需要MicrosoftInternetExplorer4或更高版本 Windows95 Windows98 WindowsMe WindowsNT4 Windows2000 WindowsXP或更高版本 18 Flash的基本操作 Flash2004的工作环境 19 Flash的基本操作 Flash2004的工作环境 菜单栏文件菜单栏 操作对象多为整个文件 包含工作中最常用的各种命名 例如创建一个新的Flash文档 打开已有文档 保存文档 从外部导入文件等操作 编辑菜单栏 操作对象多为在场景中的各种元素 对它们进行编辑 另外 还可以通过它设置一些系统参数 如设置首选参数 定义工具面板 设置缺省字体映射与快捷键 视图菜单栏 用于设置场景的显示比例 尺寸 实现场景之间的切换 提供辅助线帮助Flash中的对象定位 如网格 标尺 插入菜单栏 操作对象主要为时间轴 用于在时间轴中插入各种帧 图层以及场景 制作时间轴特效等 修改菜单栏 操作对象为场景中的各种元素 图层 场景与时间轴等 用于修改它们的属性 形状与对齐方式等 文本菜单栏 操作对象为场景中的文本 用于设置文本的字体 字型 字号等 这些设置基本可以在文字属性面板中完成 另外 在文本菜单栏中还包括了检查拼写功能 用于检查文件中文字 语言方面的错误 命令菜单栏 用于使用自行设置的命令 适合完成一种重复性的操作工作 20 Flash的基本操作 Flash2004的工作环境 菜单栏控制菜单栏 用于控制场景中的动画进程 窗口菜单栏 用于显示或隐藏场景中的工具箱 时间轴以及各种操作面板 帮助菜单栏 用于显示软件的版本号 提供各种技术支持 21 Flash的基本操作 Flash2004的工作环境创建Flash动画文件设置文件属性Flash动画的发布 22 Flash的基本操作 创建Flash动画文件 舞台和工作区舞台就是创作影片中各个帧的内容的区域 您可以在其中直接勾画插图 也可以在舞台中安排导入的插图 舞台的操作 1 缩放 2 移动舞台视图 3 使用网格 辅助线和标尺 23 Flash的基本操作 创建Flash动画文件 图层和时间轴图层就像透明的薄片一样 一层层地向上叠加 图层可以帮助您组织文档中的插图 可以在图层上绘制和编辑对象 而不会影响其它图层上的对象 如果一个图层上没有内容 那么就可以透过它看到下面的图层 当创建了一个新的Flash文档之后 它就包含一个图层 可以添加更多的图层 以便在文档中组织插图 动画和其它元素 可以创建的层数只受计算机内存的限制 而且层数不会增加发布的影片的文件大小 可以隐藏 锁定和重新安排图层 要绘制 上色或者对图层或文件夹做其它修改 需要选择该图层以激活它 图层或文件夹名称旁边的铅笔图标表示该图层或文件处于活动状态 一次只能有一个图层处于活动状态 使用特殊的引导层可以使绘画和编辑变得更加容易 而使用遮罩层可以帮助您创建复杂的效果 24 Flash的基本操作 创建Flash动画文件 图层和时间轴时间轴用于组织和控制影片内容在一定时间内播放的层数和帧数 与胶片一样 Flash影片也将时长分为帧 图层就像层叠在一起的幻灯胶片一样 每个图层都包含一个显示在舞台中的不同图像 时间轴的主要组件是图层 帧和播放头 文档中的图层列在时间轴左侧的列中 每个图层中包含的帧显示在该图层名右侧的一行中 时间轴顶部的时间轴标题显示帧编号 播放头指示在舞台中当前显示的帧 时间轴状态显示在时间轴的底部 它指示所选的帧编号 当前帧频以及到当前帧为止的运行时间 注 时间轴的图层部分中的控件使您可以隐藏或显示 锁定或解锁图层 以及将图层内容显示为轮廓 可以在时间轴中插入 删除 选择和移动帧 也可以将帧拖到同一图层中的不同位置 或是拖到不同的图层中 25 Flash的基本操作 创建Flash动画文件 图层和时间轴 26 Flash的基本操作 创建Flash动画文件 创建新文档每次打开Flash时 应用程序都会创建一个扩展名为FLA的新文件 您可以在工作时创建其它新Flash文档 27 Flash的基本操作 Flash2004的工作环境创建Flash动画文件设置文件属性Flash动画的发布 28 Flash的基本操作 设置文件属性 利用 文档属性 对话框设置文件属性要设置新文档的大小 帧频 背景色和其它属性 可以使用 文档属性 对话框 选择 修改 文档 可打开文档属性对话框 帧频 是每秒显示的动画帧的数量 对于大多数计算机显示的动画 特别是在Web站点播放的动画 8fps 每秒帧数 到12fps就足够了 默认影片大小为550 x400像素 最小大小为1x1像素 最大为2880 x2880像素 29 Flash的基本操作 设置文件属性 设置Flash中的首选参数选择 编辑 首选参数 30 Flash的基本操作 Flash2004的工作环境创建Flash动画文件设置文件属性Flash动画的发布 31 Flash的基本操作 Flash动画的发布 发布概述当已准备好将影片传递给观众时 可以发布MacromediaFlashMX文档 FLA文件 用于回放 默认情况下 发布 命令可以创建FlashSWF文件并将Flash影片插入浏览器窗口中的HTML文档 也可以以其它文件格式 如GIF JPEG PNG和QuickTime格式 发布FLA文件 以及在浏览器窗口中显示这些文件所需的HTML文件 上述其它格式可使那些没有安装FlashPlayer6的用户在浏览器中显示影片动画和交互 当以其它文件格式发布FLA文件时 每种文件格式的设置都会存储在该FLA