flash教程.ppt

FLASH动画制作基础 LOGO 第一章Flash8 0入门 LOGO Flash8 0简介 Flash是一种创作工具 可用来创建诸如从简单的动画到复杂的交互式Web应用程序 如在线商店 之类的任何作品 通过添加图片 声音和视频 可以使Flash应用程序媒体丰富多彩 世界97 的网络浏览器都内建了Flash播放器 LOGO Flash8 0简介 Flash是一种创作工具 设计人员和开发人员可使用它来创建演示文稿 应用程序和其它允许用户交互的内容 Flash可以包含简单的动画 视频内容 复杂演示文稿和应用程序以及介于它们之间的任何内容 也可以通过添加图片 声音 视频和特殊效果 构建包含丰富媒体的Flash应用程序 Flash特别适用于创建通过Internet提供的内容 因为它的文件非常小 Flash是通过广泛使用矢量图形做到这一点的 与位图图形相比 矢量图形需要的内存和存储空间小很多 因为它们是以数学公式而不是大型数据集来表示的 LOGO Flash8 0简介 LOGO Flash的起源 Flash最初的设计者是乔纳森 盖伊 JonathanGay 1995年 是互联网高速发展的一年 但同时 大部分人已经不满足于互联网的平面浏览模式 于是乔纳森 盖伊凭借着敏锐的市场观察力 设计出了FutureSplashAnimator矢量动画软件 这就是Flash的前身 LOGO 这个软件具有众多的优点 其中最为称道的是它的流式播放和矢量动画 一方面流式播放可以解决网络带宽的影响 一边下载一边播放 而另一方面 矢量图像解决了传统位图占用空间大的缺陷 在当时来说 这个软件从一出世 就带有浓重的互联网气息 直到现在 这些仍然是Flash赖以辉煌的主要优势 这个软件出世以后 主要拥有两大客户 一个是微软 另一个就是迪斯尼 LOGO Flash最早期版本称为FutureSplashAnimator 当时最大的用户是微软和迪斯尼 由乔纳森 盖伊 JonathanGay 于1995年创造 1996年卖给了Macromedia 同时改名为Flash1 0 1999年6月 Macromedia公司推出了Flash4 0与其专用播放器FlashPlayer 而在这之前它没有自己的专用播放器 这一变革使得Flash成为真正意义上的交互多媒体软件 LOGO 2000年Macromedia推出了Flash5 0 它所支持的播放器为FlashPlayer5这年开始Macromedia将Flash的发展 与Dreamweaver和Fireworks整合在一起 被称之为网页三剑客 2002年Macromedia推出了FlashMX支持的播放器为FlashPlayer6 Flash6开始了对外部jpg和MP3调入的支持 2003年Macromedia推出了FlashMX2004 其播放器的版本被命名为FlashPlayer7 LOGO 2005年10月 Macromedia推出了Flash8 0 加入了包括滤镜在内的许多新功能 增强了对视频支持 可以将视频打包成Flash视频 即 flv文件 这也加速了在线视频发展 在线视频网站开始大量诞生同年Adobe耗资34亿美元并购Macromedia从此 Flash便冠上了Adobe的名头 LOGO 如今 Flash已经初步具备跨平台交互多媒体的特性 被称之为 最小巧的多媒体平台 可以说 这一切的发展 是当初的设计者乔纳森 盖伊始料不及的 但Flash的取胜之道 却是乔纳森 盖伊在最初设计Flash时 就已经奠定了 那就是矢量动画 关键帧技术和流式播放 LOGO FLASH的特点 1 使用矢量图形和流式播放技术 与位图图形不同的是 矢量图形可以任意缩放尺寸而不影响图形的质量 流式播放技术使得动画可以边播放边下载 从而缓解了网页浏览者焦急等待的情绪 LOGO FLASH的特点 2 通过使用关键帧和图符使得所生成的动画 swf 文件非常小 几K字节的动画文件已经可以实现许多令人心动的动画效果 用在网页设计上不仅可以使网页更加生动 而且小巧玲珑下载迅速 使得动画可以在打开网页很短的时间里就得以播放 LOGO FLASH的特点 3 把音乐 动画 声效 交互方式融合在一起 越来越多的人已经把Flash作为网页动画设计的首选工具 并且创作出了许多令人叹为观止的动画 电影 效果 而且在Flash4 0的版本中已经可以支持MP3的音乐格式 这使得加入音乐的动画文件也能保持小巧的 身材 LOGO FLASH的特点 4 强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画 通过ACTION和FSCOMMAND可以实现交互性 使Flash具有更大的设计自由度 另外 它与当今最流行的网页设计工具Dreamweaver配合默契 可以直接嵌入网页的任一位置 非常方便 LOGO 学习后我们能做什么 作品欣赏我们要学些什么 课程内容介绍用什么样的学习方法 课程学习方法 LOGO FLASH操作环境介绍 时间轴 绘图工具栏 舞台 面板 层 属性面板 LOGO 文件操作 新建flash文件保存flash文件打开flash文件 LOGO 第二章Flash绘图 LOGO Flash工具箱介绍都是矢量图工具只能编辑矢量图型 LOGO 案例1 月亮要点提示1 椭圆工具2 选择工具3 绘制模式 LOGO 运行Flash8 新建一个文档 选择 椭圆工具 设置笔触颜色为空 填充颜色为红色 按住shift键 在舞台上绘制出一个圆 如图1 点击 选择工具 按下Alt键 拖动舞台上的圆 复制一个圆形 如图2 点击delete键 删除后面的圆 得到月亮 LOGO 知识点总结和强调 在flash中利用绘图工具绘图时 可以设置不同的绘制模式 1 合并绘制合并绘制是flash默认的绘制模式 在此模式下 绘图工具绘制出来的图形都是分离形状 这些形状重叠时会自动进行合并和擦除 如上面月亮的绘制 2 对象绘制在对象绘制模式下 用绘图工具绘制出来的图形是独立的对象 这些对象在叠加时不会相互影响 合并绘制是flash默认的绘制模式 如何切换到对象绘制模式呢 选择任意一种绘图工具 工具面板参数区就会出现 对象绘制 按钮 点击此按钮即可进入对象绘制的模式 LOGO 选择工具 选择对象在工具箱的 工具 区选择 选择工具 在对象的外框上单击 即可选择对象的外边框 在对象的内部单击 即可选择内部形状 在对象上双击 即可选择整个对象 在对象外的空白舞台上单击 即可取消选择 在工具箱的 工具 区选择 选择工具 在对象外按住鼠标左键 由上至下拉出一矩形区域框住要选择的对象 即可选择该对象 对象的选取 复制选取主选 副选工具 按住shift选择多个对象复制按住alt拖动对象 LOGO 椭圆工具 椭圆工具用于绘制椭圆或圆形图案 可在绘制的椭圆中填充颜色 单击工具箱中的椭圆工具按钮 光标变成一个小十字形状 在工作区按下鼠标左键并拖动 释放鼠标 则可得到一个以拖动区域的长方形为外切圆的椭圆 如果拖动鼠标的同时按下 shift 键 则得到的是一个正圆 椭圆 圆的属性可以再工作区下方的属性面板上设置 LOGO 案例2 绘制花朵要点提示1椭圆工具2选择工具 复制 变形 3填充变形工具4任意变形工具5变形面板6铅笔工具7直线工具 LOGO 绘制花朵的步骤 绘制花瓣选择 椭圆工具 设置笔触颜色为空 填充颜色随便 按住鼠标不放 舞台上绘制出一个椭圆 如图1 点击 选择工具 选择该椭圆 再点击 颜料桶工具 在混色器活动面板当中 设置类型为线性 选择左色标为红色 右色标为黄色 如图2 图1 图2 LOGO 选择 填充变形工具 通过旋转填充将图形填充调整为如图3 选择 任意变形工具 调整线性渐变的中心点到花瓣的最下端位置 如图4 图3 图4 LOGO 点击窗口 变形 调出变形面板 设置变形面板当中 旋转角度为30度 再点击 复制并应用变形 多次 得出如图5所示的花瓣 点击选择工具 将所有花瓣全部选中 再选择 任意变形工具 将其进行缩放到如图6 这样一个花瓣就画好了 图5 图6 LOGO 绘制花竿选择 铅笔工具 在选项卡中选择平滑 设置笔触颜色为绿色 笔触大小为2 画一条线段 作为花竿 如图7 图7 LOGO 绘制绿叶选择 椭圆工具 设置笔触颜色绿色 填充颜色为绿色 他们的颜色几乎选的相近 按住鼠标不放 舞台上绘制出一个椭圆 如图8 点击选择工具 将鼠标移动到椭圆的右顶端 当鼠标后面跟了一个弧形的时候 将鼠标往外拉 拉的过程中同时按下ctrl键 拉出来的角度比较尖 如图9 图8 图9 LOGO 再用选择工具调整叶子的两侧 如图10 点击 直线工具 选择一种较为浅一点的绿色 绘制叶子的脉络 这样一片叶子就绘制好了 如图11 按住Alt键 拖动绿色 复制绿叶 然后用任意变形工具调整叶子的大小 最后将花朵与绿叶合成 如图12 图10 图11 图12 LOGO 知识点的总结和强调 颜料桶工具给封闭区域填充颜色墨水瓶工具为矢量图描边 设置 空隙大小 可在有较大缺口时仍能填充 LOGO 填充变形工具通过调整填充区域的大小 方向 中心点位置 实现线性 放射状 位图填充的变形 以线性填充变形为例 放射状 位图填充略 移动渐变中心点 改变渐变量 改变渐变方向 LOGO 利用任意变形工具整体形状的变化旋转 倾斜缩放扭曲封套利用变形面板窗口 设计面板 变形精确地对对象进行等比例缩放 旋转 控制对象倾斜度 旋转 倾斜 缩放 扭曲 封套 拖动圆心可以确定变形的轴心 LOGO 铅笔工具绘制任意形状的曲线 属性设置同直线选中铅笔工具后 单击辅助选项面板的铅笔模式按钮伸直平滑墨水 LOGO 选择工具利用主选工具变形移动 增加端点直线曲线化 LOGO 实例三 绘制螺钉要点提示 1多边形工具2椭圆工具3任意变形工具4线条工具 LOGO 绘制螺钉步骤 点击绘图工具栏 矩形工具 左键点击长按 选择多角星形工具 在属性面板中进行设置 笔触颜色为空填充颜色为黑色点击选项 样式 多边形 边数 6绘制一个正六边形边形在 工具 面板中 单击 椭圆 工具 选择对象绘制 再在属性面板当中进行设置 笔触颜色为空 填充颜色为黄色 在六边形内绘制圆圈时 按住Shift键约束形状如下图示 LOGO 用移动工具调整圆形在正六边形中的位置 调整到合适位置后 用ctrl B打散圆形 再按下delete键删除圆形 如图 用任意变形工具 调整舞台上图形的形状如下图所示 在 工具 面板中 选择 线条 工具 在舞台上 从六边形到您向下拖动的笔触副本绘制四条垂直线 如下图所示 LOGO 矩形工具 多边形 星形 椭圆 矩形由边框和填充区两部分组成边框同直线属性设置填充色通过颜料桶实现图形的填充色纯色线性渐变放射状渐变位图 LOGO 直线工具直线属性有 颜色 粗细 线型 角度点击直线工具后 在属性面板中 设置颜色 粗细 线型按鼠标左键拖动或Shift 拖动 生成任意 水平 垂直 45度直线 LOGO Ctrl B 与 Ctrl G 命令在Flash中 Ctrl B 打散 分离 和 Ctrl G 组合 是两个常用的快捷键 组合就是把一个或多个图形组合在一起 作为一个整体进行移动 删除 复制等操作 打散就是把组合的图形分离 LOGO LOGO 图层 图层 Layer 为了制作方便 动画中背景 角色放在不同的透明纸上 每个对象置于不同的图层当中 图层重叠播放 就形成了我们预设中的动画 一个场景可由几个图层组成 每个图层的内容由图像 动画 组件或音效等构成 放在上层的对象会遮盖下层的重叠部分 强调 层是为了让动画内容分开 不同的内容放在不同的层 LOGO 层的操作 新建图层为图层命名删除图层新建图层文件夹 LOGO 图层状态 选择图层显示 隐藏所有图层锁定 解除锁定所有图层将所以图层视为轮廓 LOGO 时间轴 时间轴相当于整个动画的剪辑师 掌握着整个动画进行的过程 将不同的图象与元件按照动作发生的先后顺序 分别加入时间轴中 再安排他们出场的时间 动作等 FLASH即会根据时间轴的设置逐一播放 构成一部连续动画作品 LOGO 帧 Frame 帧就是动画中最小单位的单幅影像画面 相当于电影胶片上的每一格镜头 在动画软件的时间轴上帧表现为一格或一个标记 而Flash软件它只需要将动画的开始和结束位置确定后 中间的部分则由软件自动来完成 所以制作起来非常方便 LOGO 帧源自于电影 电影中帧的数量及其放映速度决定了电影的整个长度 每帧包含不同的图像信息 就像电影胶片中的一幅一幅的图像 比如电影是一秒钟播放25帧 表示一秒钟播放了25帧画面 那么如果一共有100帧画面 就会播放 100 25 4秒钟 LOGO 帧的类型 关键帧 相当于二维动画中的原画 指角色或者物体运动或变化中的关键动作所处的那一帧 任何动画要表现运动或变化 至少前后要给出两个不同的关键状态 而中间状态的变化和衔接电脑可以自动完成 在Flash中 表示关键状态的帧叫做关键帧 关键帧是特殊的帧 用来定义动画中的变化 包括对象的运动和特点 如大小和颜色 在场景中添加或删除对象以及帧动作的添加 任何时候 当用户希望动画发生改变 或者希望发生某种动作 必须使用关键帧 LOGO 关键帧的概念来源于传统的动画片制作 熟练的原画师设计动画片中的关键画面 也即所谓的关键帧 然后由动画师制作过渡帧 在计算机动画中 过渡帧的生成由计算机来完成 插值代替了设计中间帧的动画师 一个过渡动画 只需要两个关键帧 一个是开始帧 一个是结束帧 所有影响画面图象的参数都可成为关键帧的参数 如位置 旋转角 纹理的参数等 关键帧技术是计算机动画中最基本并且运用最广泛的方法 LOGO 帧的类型 关键帧 定义动画在某一时刻的新的状态 有具体内容 非系统生成空白关键帧 没有内容的关键帧为空白关键帧 两者用来定义动画中的变化 包括对象的运动和特点 如大小和颜色 在场景中添加或删除对象以及帧动作的添加 任何时候 当用户希望动画发生改变 或者希望发生某种动作 必须使用这两种帧 LOGO 帧的类型 普通帧 两个关键帧间系统生成的过渡帧在Flash里我们叫它作普通帧静态帧 显示同一层上最后一个关键帧的内容 在时间轴上 关键帧必须总是在普通帧的前面 前置关键帧的内容显示在随后的每个普通帧中 直到到达另一个关键帧为止 空白帧 LOGO 帧的操作 1 插入帧 选定一个或多个帧后 单击右键 选择 插入帧 命令将在选定的帧后插入一个和这个选定帧完全一样的帧 如果选定的帧是一个未曾使用的空白帧 那么将在和这个帧最接近的前面的帧之间插入和前面的帧一样的帧 如果选定的帧是两个关键帧之间的任一过渡帧的话 那么将在和这个帧最接近的前面的帧之间插入一个和前面的帧一样的过渡帧 或使用快捷键 F5 LOGO 2 删除帧 选定一个或多个帧后 单击右键 选择 删除帧 命令 或使用键盘快捷键 Shift F5 可以将选定的帧删除 当一个帧被删除后 后面的帧将自动向前移动 LOGO 3 插入关键帧 将鼠标移动到帧的方格位置 用鼠标左键单击要定义为关键帧的方格 方格变为反亮显示 单击鼠标右键 选择 插入关键帧 命令或在选好方格后 直接按下键盘上的