Fash动画设计教程
Flash 动画设计教程
课程的主要内容 Flash动画基础 Fash特点、矢量图、 Flash工作环境介绍。 绘制图形 绘图工具的使用、各种形状的绘制方法 对象的编辑 文字、形状、图像的修改与编辑。 帧-帧动画 动画的基础知识,帧-帧动画实例。 旋转动画 旋转动画的制作过程与实例 导向移动动画 导向移动动画的制作过程与实例 形状过渡动画 形状过渡动画的制作过程与XYZ变换实例 遮罩动画 遮罩动画的制作过程与实例
课程的主要内容 Flash 动画基础 绘制图形 对象的编辑 帧-帧动画 导向移动动画 形状过渡动画 旋转动画 遮罩动画 Flash 特点、矢量图、Flash工作环境介绍。 绘图工具的使用、各种形状的绘制方法。 文字、形状、图像的修改与编辑。 动画的基础知识，帧-帧动画实例。 旋转动画的制作过程与实例。 导向移动动画的制作过程与实例。 形状过渡动画的制作过程与XYZ变换实例。 遮罩动画的制作过程与实例
第1章 Flash中文版基础知识 什么是 Flash Fash是由美国著名软件公司 - macromedia公司出品的矢量绘 图和动画制作软件 1998年, Macromedia公司收购了一家很小的计算机公司,同时 将该公司开发的网络发布插件 FutureSplash更名为 Flash2,并发布出 去,取得了意想不到的效果。以后继续开发升级,很快就推出了 Flash3,使 Flash被商业界接受。199年6月又推出了 Flash4,更加 受到各方面的重视。2000年9月发布了 Flash5,引起了市场的强烈 反应。2002年3月推出了 Flash mX,2004年推出Fash2004MX。 Flash如此受到人们欢迎的主要原因是,它可以在使用很小字节 量的情况下,实现高质量的矢量图形和交互式动画的制作。目前, Fash文件的格式已成为网络动画事实上的标准格式,是发布网络多 媒体的首选网页设计工具。它不仅可用于网页制作,还可以应用于 交互式多媒体软件的开发、多媒体教学和游戏等
第1章 Flash 中文版基础知识 什么是 Flash Flash 是由美国著名软件公司—Macromedia公司出品的矢量绘 图和动画制作软件。 1998年，Macromedia公司收购了一家很小的计算机公司，同时 将该公司开发的网络发布插件FutureSplash更名为Flash 2，并发布出 去，取得了意想不到的效果。以后继续开发升级，很快就推出了 Flash 3，使Flash被商业界接受。1999年6月又推出了Flash 4，更加 受到各方面的重视。2000年9月发布了Flash 5，引起了市场的强烈 反应。2002年3月推出了Flash MX，2004年推出Flash 2004 MX。 Flash如此受到人们欢迎的主要原因是，它可以在使用很小字节 量的情况下，实现高质量的矢量图形和交互式动画的制作。目前， Flash文件的格式已成为网络动画事实上的标准格式，是发布网络多 媒体的首选网页设计工具。它不仅可用于网页制作，还可以应用于 交互式多媒体软件的开发、多媒体教学和游戏等
Flash的主要特点 简单易学: 操作界面友好,使用方便 采用浮动面板,面板安排更合理。 绘图工具简单易学,可以更简便地绘制各种矢量图形。 ■与 Macromedia公司的其他产品配合密切。尤其是和 Dreamweaver和 Fireworks等组 合成一体,成为“梦幻组合”,使制作网页更方便。 功能强大: 具有较强的矢量绘图和动画制作功能。绘制的图像质量高,制作的动画和网页 数据量小。 较强的多媒体技术。具有很强的导入和发布功能,可以导入位图、MP3、AVⅠ、 QuickTime等格式文件。 可以充分调用 Flash文件内部库中的文件,重复利用资源。 Flash mⅨX具有自己的脚本语言。它所有的编程方式和编程思想都符合面向对象 的语言形式 增加了一组最常用应用程序组件,如滚动条、按钮、文本框等,可以加快应用 程序的开发速度
Flash 的主要特点 简单易学： ▪操作界面友好，使用方便。 ▪采用浮动面板，面板安排更合理。 ▪绘图工具简单易学，可以更简便地绘制各种矢量图形。 ▪与Macromedia公司的其他产品配合密切。尤其是和Dreamweaver和Fireworks等组 合成一体，成为“梦幻组合”，使制作网页更方便。 功能强大： •具有较强的矢量绘图和动画制作功能。绘制的图像质量高，制作的动画和网页 数据量小。 •较强的多媒体技术。具有很强的导入和发布功能，可以导入位图、MP3、AVI、 QuickTime等格式文件。 •可以充分调用Flash文件内部库中的文件，重复利用资源。 •Flash MX具有自己的脚本语言。它所有的编程方式和编程思想都符合面向对象 的语言形式。 •增加了一组最常用应用程序组件，如滚动条、按钮、文本框等，可以加快应用 程序的开发速度
数字图像 数字图像的种类有两种:一种是点阵图 (也叫位图),另一种是矢量图 、点阵图 点阵图也叫位图,它由许多颜色不同 深浅不同的小圆点(像素)組组成。像素是组成 图像的最小单位,许许多多的像素构成一幅 完整的图像。在一幅图像中,像素越小,数 目越多,则图像越清晰 点阵图可以表现得更自然和更逼真,更 接近于实际观察到的真实场景。但图像文件 般较大,在将它放大、缩小和旋转时,会 立生失真
数字图像 数字图像的种类有两种：一种是点阵图 （也叫位图），另一种是矢量图。 1、点阵图 点阵图也叫位图，它由许多颜色不同、 深浅不同的小圆点(像素)组成。像素是组成 图像的最小单位，许许多多的像素构成一幅 完整的图像。在一幅图像中，像素越小，数 目越多，则图像越清晰。 点阵图可以表现得更自然和更逼真，更 接近于实际观察到的真实场景。但图像文件 一般较大，在将它放大、缩小和旋转时，会 产生失真
矢量图 矢量图由一些基本图元组成,这 些图元是一些几何图形,如:点、线 矩形、多边形、圆和弧线等。这些几 何图形均可由数学公式计算后获得 矢量图的图形文件是绘制图形中各图 元的命令。显示矢量图形时,需要相 应的软件读取这些命令,并将命令转 换成组成图形的各个图元。 由于矢量图是采用数学描述方式 的图形,所以通常由它生成的图形文 件相对比较小,图形颜色的多少与文 件的大小基本无关。另外,在将它放 大、缩小和旋转时,不会象点阵图那 样产生失真
矢量图 矢量图由一些基本图元组成，这 些图元是一些几何图形，如：点、线、 矩形、多边形、圆和弧线等。这些几 何图形均可由数学公式计算后获得。 矢量图的图形文件是绘制图形中各图 元的命令。显示矢量图形时，需要相 应的软件读取这些命令，并将命令转 换成组成图形的各个图元。 由于矢量图是采用数学描述方式 的图形，所以通常由它生成的图形文 件相对比较小，图形颜色的多少与文 件的大小基本无关。另外，在将它放 大、缩小和旋转时，不会象点阵图那 样产生失真
§1.2 Flash的工作环境 工具箱标题栏菜单栏主要工具栏 调色版面板 acronedia Flash I-[命名-1 文件①)编排日)查看描入①)修改)本①控制C窗①)和0 令一时国轴 红 A职纯色ˇ AAIER1 Alpha:100%. 100 6和场景1 台,85% #OO66CD 时间轴 看 颜色 颜色样本面板 舞台工作区 习 Macromedia Flash N 自述文件 属性”面 以连接到 macromedia corm并 大小【5040像素 发布:[ Flash Player 6
§1.2 Flash的工作环境 工具箱 标题栏 菜单栏 主要工具栏 调色版面板 时间轴 舞台工作区 “属性”面 板 颜色样本面板
、菜单栏与主要工具栏 菜单栏 菜单栏在标题栏的下边,菜单栏有九个主菜单。 Flash mX菜单 的形式与其他 Windows软件的菜单形式相同,都遵循基本相同的规 定 主要工具栏 主要工具栏也叫常用工具栏,它有16个按钮,其中一些按钮都 是标准化的,如新建、打开、保存、剪切、复制、粘贴等。另外 些按钮则是用于绘图编辑,如平滑、直线、对齐对象等按钮。 对齐对象 平直 旋 滑线 转 缩对 放齐 和 倾斜
一、菜单栏与主要工具栏 菜单栏 菜单栏在标题栏的下边，菜单栏有九个主菜单。Flash MX菜单 的形式与其他Windows软件的菜单形式相同，都遵循基本相同的规 定。 主要工具栏 主要工具栏也叫常用工具栏，它有16个按钮，其中一些按钮都 是标准化的，如新建、打开、保存、剪切、复制、粘贴等。另外一 些按钮则是用于绘图编辑，如平滑、直线、对齐对象等按钮。 平 滑 直 线 旋 转 和 倾 斜 缩 放 对 齐 对 齐 对 象
、 Flash工具箱 工具 箭头 部分选取 线条 套索 工具箱提供用于图形绘 钢笔 A 文本 制和图形编辑等的各种工具 椭圆 矩形 铅笔 工具箱内从上到下分为四个 任意变形 填充变形 栏 墨水瓶 颜料桶 滴管 橡皮擦 工具栏,查看栏, 查看 手形 缩放 颜色栏,选项栏。 颜色 笔触颜色 填充颜色 选项 工具功能键
二、Flash 工具箱 工具箱提供用于图形绘 制和图形编辑等的各种工具。 工具箱内从上到下分为四个 栏： 工具栏，查看栏， 颜色栏，选项栏
面板 在Flas中提供了许多面板(也叫浮动面板),利用这些面板,可以 完成绘制图形、加工文字、制作动画等许多操作。通过“窗口”菜 单,可以打开不同的面板窗口 十六进制编辑文本框 红:0 #FFFFFF 颜色选择器按钮 混色器面板 6纯色√ 绿:102 A1pha:100% 颜色样本面板 纯色样本 #0066CC 渐变色样本 属性 属性面板 文档 大小:[50x40像索]背景:「帧频:12 未命名-1 发布[hF1wx6
三、面板 在Flash中提供了许多面板（也叫浮动面板），利用这些面板，可以 完成绘制图形、加工文字、制作动画等许多操作。通过 “窗口”菜 单，可以打开不同的面板窗口。 混 色 器 面 板 颜 色 样 本 面 板 属 性 面 板