flash教程.ppt

1、FLASH动画制作基础,LOGO,第一章 Flash8.0入门,LOGO,Flash 8.0 简介,Flash 是一种创作工具，可用来创建诸如从简单的动画到复杂的交互式Web应用程序（如在线商店）之类的任何作品。通过添加图片、声音和视频，可以使Flash应用程序媒体丰富多彩。 世界97%的网络浏览器都内建了Flash播放器,LOGO,Flash 8.0 简介,Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容，也可以通过添加图片、声音、视频和特殊效果，

2、构建包含丰富媒体的 Flash 应用程序。 Flash 特别适用于创建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。,LOGO,Flash 8.0 简介, 网页上的应用 广告上的应用 站点建设上的应用，全Flash站点 多媒体娱乐上的应用,LOGO,Flash的起源,Flash最初的设计者是乔纳森.盖伊(Jonathan Gay)。 1995年，是互联网高速发展的一年，但同时，大部分人已经不满足于互联网的平面浏览模式，于是乔纳森.盖伊凭借着

3、敏锐的市场观察力，设计出了Future Splash Animator矢量动画软件，这就是Flash的前身。,LOGO,这个软件具有众多的优点，其中最为称道的是它的流式播放和矢量动画。一方面流式播放可以解决网络带宽的影响，一边下载一边播放；而另一方面，矢量图像解决了传统位图占用空间大的缺陷。在当时来说，这个软件从一出世，就带有浓重的互联网气息。直到现在，这些仍然是Flash赖以辉煌的主要优势。这个软件出世以后，主要拥有两大客户，一个是微软，另一个就是迪斯尼。,LOGO,Flash 最早期版本称为Future Splash Animator，当时最大的用户是微软和迪斯尼。 由乔纳森盖伊(Jona

4、than Gay)于1995年创造。1996年卖给了Macromedia，同时改名为Flash1.0 。 1999年6月，Macromedia公司推出了Flash4.0与其专用播放器Flash Player ，而在这之前它没有自己的专用播放器。这一变革使得Flash成为真正意义上的交互多媒体软件,LOGO,2000年Macromedia 推出了Flash5.0 ，它所支持的播放器为 Flash Player 5 这年开始Macromedia将Flash的发展，与Dreamweaver和Fireworks整合在一起，被称之为网页三剑客。 2002年Macromedia 推出了Flash MX支持

5、的播放器为 Flash Player 6。Flash 6开始了对外部jpg和MP3调入的支持。 2003年Macromedia 推出了Flash MX 2004，其播放器的版本被命名为 Flash Player 7,LOGO,2005年10月，Macromedia 推出了Flash 8.0，加入了包括滤镜在内的许多新功能，增强了对视频支持，可以将视频打包成Flash视频(即*.flv文件) ，这也加速了在线视频发展，在线视频网站开始大量诞生 同年Adobe耗资34亿美元并购Macromedia从此，Flash便冠上了Adobe的名头,LOGO,如今，Flash已经初步具备跨平台交互多媒体的特性

6、，被称之为“最小巧的多媒体平台”。可以说，这一切的发展，是当初的设计者乔纳森.盖伊始料不及的，但Flash的取胜之道，却是乔纳森.盖伊在最初设计Flash时，就已经奠定了，那就是矢量动画、关键帧技术和流式播放。,LOGO,FLASH的特点,1. 使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。,LOGO,FLASH的特点,2. 通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，

7、而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。,LOGO,FLASH的特点,3. 把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画(电影)效果。而且在Flash4.0的版本中已经可以支持MP3的音乐格式，这使得加入音乐的动画文件也能保持小巧的身材。,LOGO,FLASH的特点,4. 强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过ACTION和FS COMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默

8、契，可以直接嵌入网页的任一位置，非常方便。,LOGO,学习后我们能做什么？-作品欣赏 我们要学些什么？-课程内容介绍 用什么样的学习方法？-课程学习方法,LOGO,FLASH操作环境介绍,时间轴,绘图工具栏,舞台,面板,层,属性面板,LOGO,文件操作,新建flash文件 保存flash文件 打开flash文件,LOGO,第二章 Flash绘图,LOGO,Flash工具箱介绍 都是矢量图工具 只能编辑矢量图型,LOGO,案例1：月亮 要点提示 1.椭圆工具 2.选择工具 3.绘制模式,LOGO,运行Flash 8，新建一个文档。 选择“椭圆工具”，设置笔触颜色为空，填充颜色为红色。按住shif

9、t键，在舞台上绘制出一个圆，如图1： 点击“选择工具”，按下Alt键，拖动舞台上的圆，复制一个圆形。如图2： 点击delete键，删除后面的圆，得到月亮。,LOGO,知识点总结和强调,在flash中利用绘图工具绘图时，可以设置不同的绘制模式： 1、合并绘制 合并绘制是flash默认的绘制模式。在此模式下，绘图工具绘制出来的图形都是分离形状，这些形状重叠时会自动进行合并和擦除，如上面月亮的绘制。 2、对象绘制 在对象绘制模式下，用绘图工具绘制出来的图形是独立的对象，这些对象在叠加时不会相互影响。合并绘制是flash默认的绘制模式，如何切换到对象绘制模式呢？选择任意一种绘图工具，工具面板参数区就会

10、出现【对象绘制】按钮，点击此按钮即可进入对象绘制的模式。,LOGO,选择工具,选择对象 在工具箱的【工具】区选择 【选择工具】，在对象的外框上单击，即可选择对象的外边框；在对象的内部单击，即可选择内部形状；在对象上双击，即可选择整个对象；在对象外的空白舞台上单击，即可取消选择。 在工具箱的【工具】区选择 【选择工具】，在对象外按住鼠标左键，由上至下拉出一矩形区域框住要选择的对象，即可选择该对象。 对象的选取、复制 选取 主选/副选工具、按住shift选择多个对象 复制 按住alt拖动对象,LOGO,椭圆工具,椭圆工具用于绘制椭圆或圆形图案，可在绘制的椭圆中填充颜色。单击工具箱中的 椭圆工具按钮

11、，光标变成一个小十字形状，在工作区按下鼠标左键并拖动，释放鼠标，则可得到一个以拖动区域的长方形为外切圆的椭圆。 如果拖动鼠标的同时按下【shift】键，则得到的是一个正圆。椭圆/圆的属性可以再工作区下方的属性面板上设置,LOGO,案例2： 绘制花朵 要点提示 1椭圆工具 2选择工具（复制、变形） 3填充变形工具 4任意变形工具 5变形面板 6铅笔工具 7直线工具,LOGO,绘制花朵的步骤,绘制花瓣 选择“椭圆工具”，设置笔触颜色为空，填充颜色随便。按住鼠标不放，舞台上绘制出一个椭圆，如图1： 点击“选择工具”，选择该椭圆，再点击“颜料桶工具”，在混色器活动面板当中，设置类型为线性，选择左色标为

12、红色，右色标为黄色，如图2：,图1,图2,LOGO,选择“填充变形工具”，通过旋转填充将图形填充调整为如图3： 选择“任意变形工具”，调整线性渐变的中心点到花瓣的最下端位置，如图4：,图3,图4,LOGO,点击窗口变形，调出变形面板，设置变形面板当中，旋转角度为30度，再点击“复制并应用变形”多次，得出如图5所示的花瓣： 点击选择工具，将所有花瓣全部选中，再选择“任意变形工具”，将其进行缩放到如图6，这样一个花瓣就画好了。,图5,图6,LOGO,绘制花竿 选择“铅笔工具”，在选项卡中选择平滑，设置笔触颜色为绿色，笔触大小为2，画一条线段，作为花竿，如图7：,图7,LOGO,绘制绿叶 选择“椭圆

13、工具”，设置笔触颜色绿色，填充颜色为绿色，他们的颜色几乎选的相近。按住鼠标不放，舞台上绘制出一个椭圆，如图8： 点击选择工具，将鼠标移动到椭圆的右顶端，当鼠标后面跟了一个弧形的时候，将鼠标往外拉，拉的过程中同时按下ctrl键，拉出来的角度比较尖，如图9：,图8,图9,LOGO,再用选择工具调整叶子的两侧，如图10： 点击“直线工具”，选择一种较为浅一点的绿色，绘制叶子的脉络，这样一片叶子就绘制好了，如图11： 按住Alt键，拖动绿色，复制绿叶，然后用任意变形工具调整叶子的大小，最后将花朵与绿叶合成，如图 12,图10,图11,图12,LOGO,知识点的总结和强调,颜料桶工具 给封闭区域填充颜色

14、 墨水瓶工具 为矢量图描边,设置“空隙大小”可在有较大缺口时仍能填充,LOGO,填充变形工具 通过调整填充区域的大小，方向，中心点位置，实现线性，放射状，位图填充的变形。 以线性填充变形为例，放射状，位图填充略,移动渐变中心点,改变渐变量,改变渐变方向,LOGO,利用任意变形工具 整体形状的变化 旋转/倾斜 缩放 扭曲 封套 利用变形面板 窗口设计面板变形 精确地对对象进行等比例缩放、 旋转、控制对象倾斜度,旋转,倾斜,缩放,扭曲,封套,拖动圆心可以确定变形的轴心,LOGO,铅笔工具 绘制任意形状的曲线，属性设置同直线 选中铅笔工具后，单击辅助选项面板的铅笔模式按钮 伸直 平滑 墨水,LOGO

15、,选择工具 利用主选工具 变形 移动/增加端点 直线曲线化,LOGO,实例三、 绘制螺钉 要点提示： 1多边形工具 2椭圆工具 3任意变形工具 4线条工具,LOGO,绘制螺钉步骤,点击绘图工具栏-矩形工具，左键点击长按-选择多角星形工具，在属性面板中进行设置： 笔触颜色为空 填充颜色为黑色 点击选项样式:多边形；边数：6绘制一个正六边形边形 在工具面板中，单击椭圆工具，选择对象绘制，再在属性面板当中进行设置，笔触颜色为空，填充颜色为黄色，在六边形内绘制圆圈时，按住 Shift 键约束形状如下图示：,LOGO,用移动工具调整圆形在正六边形中的位置，调整到合适位置后，用ctrl+B打散圆形，再按下

16、delete键删除圆形，如图： 用任意变形工具，调整舞台上图形的形状如下图所示： 在工具面板中，选择线条工具。在舞台上，从六边形到您向下拖动的笔触副本绘制四条垂直线，如下图所示：,LOGO,矩形工具 （多边形，星形，椭圆 ） 矩形由边框和填充区两部分组成 边框同直线属性设置 填充色通过颜料桶实现 图形的填充色 纯色 线性渐变 放射状渐变 位图,LOGO,直线工具 直线属性有：颜色，粗细，线型，角度 点击直线工具后，在属性面板中，设置颜色，粗细，线型 按鼠标左键拖动或Shift+拖动，生成任意、水平、垂直、45度直线,LOGO,【Ctrl】+【B】与【Ctrl】+【G】命令 在Flash中，【C

17、trl】+【B】打散(分离)和【Ctrl】+【G】(组合)是两个常用的快捷键。 组合就是把一个或多个图形组合在一起,作为一个整体进行移动、删除、复制等操作。 打散就是把组合的图形分离。,LOGO,LOGO,图层,图层（Layer）： 为了制作方便，动画中背景、角色放在不同的透明纸上，每个对象置于不同的图层当中，图层重叠播放，就形成了我们预设中的动画。 一个场景可由几个图层组成，每个图层的内容由图像、动画、组件或音效等构成。放在上层的对象会遮盖下层的重叠部分。 强调：层是为了让动画内容分开，不同的内容放 在不同的层,LOGO,层的操作,新建图层 为图层命名 删除图层 新建图层文件夹,LOGO,图

18、层状态,选择图层 显示/隐藏所有图层 锁定/解除锁定所有图层 将所以图层视为轮廓,LOGO,时间轴,时间轴相当于整个动画的剪辑师，掌握着整个动画进行的过程。将不同的图象与元件按照动作发生的先后顺序，分别加入时间轴中，再安排他们出场的时间，动作等。FLASH即会根据时间轴的设置逐一播放，构成一部连续动画作品,LOGO,帧(Frame),帧就是动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。在动画软件的时间轴上帧表现为一格或一个标记。 而Flash软件它只需要将动画的开始和结束位置确定后，中间的部分则由软件自动来完成，所以制作起来非常方便。,LOGO,帧源自于电影,电影中帧的数量及其放

19、映速度决定了电影的整个长度。每帧包含不同的图像信息,就像电影胶片中的一幅一幅的图像.比如电影是一秒钟播放25帧，表示一秒钟播放了25帧画面。那么如果一共有100帧画面，就会播放（100/25）4秒钟。,LOGO,帧的类型,关键帧相当于二维动画中的原画。指角色或者物体运动或变化中的关键动作所处的那一帧。任何动画要表现运动或变化，至少前后要给出两个不同的关键状态，而中间状态的变化和衔接电脑可以自动完成，在Flash中，表示关键状态的帧叫做关键帧。 关键帧是特殊的帧，用来定义动画中的变化，包括对象的运动和特点(如大小和颜色)，在场景中添加或删除对象以及帧动作的添加。任何时候，当用户希望动画发生改变，

20、或者希望发生某种动作，必须使用关键帧。,LOGO,关键帧的概念来源于传统的动画片制作。熟练的原画师设计动画片中的关键画面，也即所谓的关键帧，然后由动画师制作过渡帧。 在计算机动画中，过渡帧的生成由计算机来完成，插值代替了设计中间帧的动画师。 一个过渡动画，只需要两个关键帧：一个是开始帧，一个是结束帧。 所有影响画面图象的参数都可成为关键帧的参数，如位置、旋转角、纹理的参数等。关键帧技术是计算机动画中最基本并且运用最广泛的方法。,LOGO,帧的类型,关键帧：定义动画在某一时刻的新的状态，有具体内容，非系统生成 空白关键帧：没有内容的关键帧为空白关键帧。 两者用来定义动画中的变化，包括对象的运动和

21、特点(如大小和颜色)，在场景中添加或删除对象以及帧动作的添加。任何时候，当用户希望动画发生改变，或者希望发生某种动作，必须使用这两种帧。,LOGO,帧的类型,普通帧：两个关键帧间系统生成的过渡帧在Flash里我们叫它作普通帧 静态帧，显示同一层上最后一个关键帧的内容。在时间轴上，关键帧必须总是在普通帧的前面。前置关键帧的内容显示在随后的每个普通帧中，直到到达另一个关键帧为止。 空白帧,LOGO,帧的操作,1、插入帧 ：选定一个或多个帧后，单击右键，选择“插入帧”命令将在选定的帧后插入一个和这个选定帧完全一样的帧，如果选定的帧是一个未曾使用的空白帧，那么将在和这个帧最接近的前面的帧之间插入和前面的帧一样的帧；如果选定的帧是两个关键帧之间的任一过渡帧的话，那么将在和这个帧最接近的前面的帧之间插入一个和前面的帧一样的过渡帧；或使用快捷键【F5】。,LOGO,2、删除帧：选定一个或多个帧后，单击右键，选择“删除帧”命令，或使用键盘快捷键【Shift】+【F5】，可以将选定的帧删除。当一个帧被删除后，后面的帧将自动向前移动。,LOGO,3、插入关键帧：将鼠标移动到帧的方格位置，用鼠标左键单击要定义为关键帧的方格，方格变为反亮显示，单击鼠标右键,选择“插入关键帧”命令或在选