《Flash动画》PPT课件.ppt

Flash MX,学习内容及流程：,一、FLASH MX 2004的安装 二、熟悉 FLASH 的工作环境 三、常用工具的使用及练习 四、时间轴面板的理解及实例练习 五、FLASH内部素材的创建 六、创建逐帧动画及练习 七、创建渐变动画及练习 八、路径动画及练习 九、演示一个综合实例,FLASH MX 2004的安装,首先，双击打开刚才复制的flash2004安装文件夹。如图示：,双击安装文件Install flash mx2004-cs , 如图示：,出现安装进度后，单击下一步，如图示：,出现许可协议后，继续点是，如图示：,出现选择路径，可不用更改，直接点下一步，如图示：,继续点下一步，如图示：,再次点下一步，如图示：,等待安装状态，如图示：,到此完成了安装，点完成。如图示：,建议去掉前面的勾选状态，将其点击便可。,启动Flash: 点开始所有程序MacromediaFlash MX 2004 ,如图示：,弹出激活介面，点继续，如图示：,将序列号填入框内，如图示：,填完整后将出现对勾，点继续。如图示,出现注册界面，点以后提醒我。如图示：,提示新的下载内容，点否暂不下载，如图示：,点Flash文档，创建新的项目，如图示：,到此，我们便可以开始制作了。如图示：,为了方便后面操作，我们将主工具栏调出来，点窗口工具栏主工具栏，如图示：,主工具栏被调出来，如图示：,二、Flash MX的工作环境,Flash MX程序窗口,菜单栏,工具栏,工具箱,浮动面板,时间轴,展示区,标题栏,标题栏：注明了程序的名称以及当前所编辑的文档名称。 菜单栏：包含了FLASH MX中的所有命令，通过在菜单栏中选择 相应的菜单项，用户可以非常轻松地制作出精彩的动画。 工具栏：这里是菜单中一些常用命令的快捷方式。 工具箱：包含了各种用于创建及编辑对象的工具，使用这些工具。 时间轴：是动画编排的主要场所，用于显示动画的运行，以及不同图 层之间的关系。 展示区：也称舞台，用于显示动画当前帧的状态，是用户编辑、制作动 画的主要 区域，我们的大部分工作就在这里进行。 面 板：提供用于创建及编辑对象、制作动画、编辑的辅助工具。,Flash MX 工具栏,三、初识工具箱,工具箱用于绘图，为动画准备各帧各层的内容，并对其编辑和修改。,选取工具区,视图查看区,颜色选取区,附属选项区,工具箱的使用,线条工具,线条工具：用来画直线的工具。（注:演示一下）,椭圆工具,椭圆工具：用来画圆的工具，结合shift键可画正圆。(注:演示一下),矩形工具,矩形工具：用来画矩形的工具，结合shift可画正方形。(注:演示一下),铅笔工具,铅笔工具：用来绘制自由线条。(注:演示一下),刷子工具,刷子工具：用来绘制特殊线条。(注:演示一下),选择工具,选择工具：用来选择、移动对象，选整个图形需双击。(注:演示一下) 附带说明：Flash图形由轮廓线和填充区域组成。,文本工具,文本工具：输入文本工具。(注:演示一下),任意变形工具,任意变形：实现对图形的旋转、缩放及扭曲。(注:演示一下),填充变形,填充变形：对填充色不为单色的图形的色彩进行设置。(注:演示一下),墨水瓶工具,墨 水 瓶：用来更改线条的颜色和形式。(注:演示一下),油漆桶工具,油 漆 桶：用来更改填充区域颜色。(注:演示一下),吸管工具,吸管工具：拾取工作区中已存在的某种笔触或填充样式。(注:演示一下),橡皮擦工具,橡皮擦工具：擦掉画面上的内容。(注:演示一下),钢笔工具,钢笔工具：通过拖拽手柄的方式可画出任意曲线。(方法：先定一个控制 点，然后再定一个点，同时拖动鼠标形成曲线，以双击结束。),部分选取工具,部分选取：对图形的形状以钢笔路径的形式进行修改。(注:演示一下),套索工具,套索工具：选形不规则区域中的对象或对象中的一部分。(注:演示一下),属性面板、颜色选区及附属选项的使用（举例说明） 。,练习时间十分钟：尝试一下每个工具的使用及附属选项和属性面板的功能。,四、时间轴面板的认识及帧、图层的理解,动画帧操作区,图层操作区,素材列表按钮,场景列表按钮,时间轴显示模式按钮,层,帧格,隐藏/显示,锁定,外框显示,播放指针,帧数显示,增加新层,增加引导层,删除层,帧的概念,动画由一张张略不相同的画面连续播放而形成物体的动态。 这些略不相同的每张画面叫做帧。 制作动画过程中，在某一时刻需要定义物体的某种新状态，这个时刻所对应的帧叫做关键帧。,认识帧的类型,选取帧的操作,选取单一帧直接单击。 选取多个帧 Ctrl + 单击。 选取一个方形区域中的全部帧拖动鼠标。,关键帧创建,单个关键帧的创建 方法一：选取一帧，并选择“插入关键键”命令，在选取帧位置插入关键帧。 方法二：在一帧上单击鼠标右键，在弹出的快捷菜单中选择“插入关键键”命令。 多个关键帧的创建 拖动鼠标选取一定范围的帧，按照上面单帧创建方法同时建立多个关键帧。,帧的编辑 1,帧的复制 选取要复制的帧或关键帧，单击鼠标右键，在快捷菜单中选择“复制帧”命令。 帧的粘贴 选定目标帧，单击鼠标右键，在快捷菜单中选择“粘贴帧”命令。 注意：帧的粘贴将覆盖原目标帧上的所有内容。 帧的移动 选取准备移动的一帧或多帧，用鼠标直接将其拖放到目标位置。 改变动画的长度 向左或向右拖动首尾关键帧，可以改变动画的长度。,帧的插入 在快捷菜单中选择插入 Frames命令，可以插入新帧。 帧的删除 选取准备删除的一帧或多帧，在快捷菜单中选择“删除帧”命令。 动画帧的反转 选取准备反转的动画（首尾都必须有关键帧），单击鼠标右键，在快捷菜单中选择“反转帧”命令。 关键帧转换为普通帧 选取准备转换的关键帧，单击鼠标右键，在快捷菜单中选择“清除关键帧”命令。,帧的编辑 2,Flash的层,时间轴上，行就是层，列就是帧。 各层的画面是独立的，在各层中绘制图形或编辑物体不会影响到其他层。 在Flash层中，显示次序是从上至下，最下方的层显示为最底层。 一般将静止图片放置在背景层（最下方的层）中。 在Flash中可以不断新建层，可建层的数目只取决于计算机的内存，不会增大动画文件的体积。,图层基本操作,增加和删除图层 修改图层的名称 调节当前图层窗口的大小 调节图层的排列顺序 锁定和显示图层,实践练习：红日东升小实例,目 的： 1、运用工具箱绘图； 2、理解帧、图层及掌握其基本操作。 3、动画的初步理解。,步 骤： 1、在时间轴上单击第一帧，选取一个空白关键帧运用钢笔工具绘制一个山形封闭图形填充颜色。 （能自由发挥绘制漂亮一点，当然更好。）,2、双击图层名称命名为山。（第一个图层完成）,3、点击添加图层双击图层名称，命名为红日在山图层中点击锁定图层，则编辑时就不会受到影响在 红日图层中选取空白关键帧选取圆形工具选取颜色为红色在展示区画出一个圆。（第二个图层完成）,4、点击山图层向上拖动，移动图层的位置，使太阳位于山的后面点击隐藏山图层，再击则显示右击红 日层第一个关键帧，点创建补间动画在80帧处点击选取，再右击插入关键帧点击工具箱选取工具， 移动红日位置到右上角。（红日的运动动画完成）,5、单击山图层锁定按钮取消锁定，在80帧处单击选取帧右击插入帧。(背景图完成),6、点添加图层再加一层双击图层名称,将其命名为音乐再单击菜单文件导入导入到库选择素材 文件夹中 的东方红音乐文件点击菜单窗口勾选库。(将外部文件添加到库完成),7 、单击音乐层第一帧在库中单击音乐文件东方红,拖动到展示区。(将音乐添加到动画完成),8、点红日层第80帧点动作面板双击stop命令再次单击动作面板，将其收拢。,9、按回车键，即可预览动画效果。,10、发布动画：点文件导出导出影片选择保存路径，命名为红日东升点保存。,这就是大家制作的第一个动画，打开桌面文件瞧瞧自己的杰作吧！,五、认识3个重要概念： Flash的内部素材的类型,图片素材（Graphic ）：一般是只含一帧的静止图片，它是制作动画的基本元素之一，但不能对它添加交互行为和声音控制。,影片素材（ Movie Clip ）：是可反复取出使用的一段小动画，可独立于主动画进行播放。不能对它添加交互行为和声音控制。,按钮素材（Button ）：用于创建动画的交互控制按钮，以响应当前鼠标事件。,举例演示：,1、图片素材：点击菜单栏插入新建元件点图形命名为红日然后在展示区画一个红圆，即 一个太阳的图片组件素 材就自动添加到了库素材中。点场景返回原状。,2、影片素材：点击菜单栏插入新建元件点影片剪辑命名为红日升起把库中的图片素材红 日拖动到时第一帧展示区，单击第一帧右键，点创建补间动画，在80帧处右击，点 插入一个关键帧，-将80帧中的太阳位置移动到右上角。即一个太阳升起的影片组件 素材就自动添加到了库素材中。点场景返回原状。这个小动画便可添加到场景中的 任何位置，并可反复调用。,3、按钮素材：点击菜单栏插入新建元件点按钮命名为按钮，点确定单击弹起帧，在展示 区画一个矩形，-再在矩形内输入红日东升四个字右击第一帧，复制帧单击第二 帧，右击粘贴帧运用任意变形工具改变图形的大小将第二帧复制，粘贴到第三 帧 改变图形的色彩复制第1帧，粘贴到第4帧添加一个图层在第3帧中右击， 添加空白关键帧点文件导入导入到库选中一个BEEP的声音文件将库中声 音文件添加到展示区- 即一个按钮组件素材就自动添加到了库素材中。点场景返回原 状。 （ 演示：将按钮添加到场景，按CTRL+L回车，用鼠标点击就可观看效果了）,小实例：笔记本展示广告,六、制作动画,Flash动画,逐帧动画,渐变动画,移动渐变动画,形状渐变动画,逐帧动画,这是传统动画所采用的方式，动态部分分解成多个动作，然后一个个的制作。 每一帧都是关键帧，帧内容可以是：位图/矢量图形/文字。 这种动画文件所占空间较大。 Flash中逐帧动画有两种方式： 逐格的绘制分解动作 直接输入由其他软件所制作的分解动作连续图形文件,逐帧动画实例：梦字的笔画顺序,渐变动画,渐变动画只有两个不同状态的关键帧，关键帧之间的所有帧画面由Flash自动创建。 渐变动画有两种类型：运动渐变和形状渐变（每一种都可以包含颜色渐变）。 运动渐变：可以使事例、群组、文字等发生位置变换、尺寸缩放、平面旋转、颜色渐变或淡入淡出等效果的运动。 形状渐变：Flash可以使图形的形状发生变化，一个图形可以变成另一个图形，自动生成过渡帧。,渐变动画实例：,1、运动渐变动画：红日东升（前面所做的红日东升其实 就是一个运动渐变动画，由于时间关系不再阐述）。 2、形状渐变动画： 变脸