《flash教程第一课---逐帧动画》由会员分享，可在线阅读，更多相关《flash教程第一课---逐帧动画（36页珍藏版）》请在金锄头文库上搜索。
1、FLASH 动画制作,主讲人：徐小利 Email: 158656163,第一讲 FLASH基础,一、FLASH动画原理 二、基础绘图 二、关键帧（逐帧）动画,FLASH简介,Flash是美国的Macromedia公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。,动画的产生原理,所谓动画，指诸多静止的连续性画面根据时间发展连续播放而产生的视觉动感，即看起来画面在动。,什么是动画？,也可以说，动画是一系列物体组成的图像帧的动态变化过程，其中每帧图像是在前一帧图像基础上进行变化。,帧 最
2、小单位的单幅影像画面,动画原理-帧,动画原理-帧,我是一朵小小花,动画原理-帧的类型,第8页,关键帧：表示关键状态的帧,实心,人工编辑,动画原理-帧的类型,第9页,过渡帧：在两个关键帧之间，电脑自动完成过渡画面的帧。,动画原理-帧的类型,第10页,普通帧：延续和继承前一关键帧的内容,动画原理-帧的类型,第11页,动画类型,Flash基础动画,逐帧动画,补间动画,形状补间,动作补间,Flash交互型动画,Flash动画,关键帧动画,摇曳的烛光,动作补间,过山车,形状补间,图形变变变,动画文件的存储格式,源文件：（可以查看代码并可修改）：*.fla GIF格式 没有交互作用的普通二维动画。 SWF
3、格式 制作完成后的动画类型作品，只能用Flash播放器播放，不能编辑和修改，具有交互特征。,动画格式,Flash 8界面介绍,第17页,场景,场景就像舞台，舞台由特定的大小、音响、灯光等条件组成，同样，一幕场景需要固定的分辨率、帧频、背景等。 在编辑Flash动画之前应先在属性面板中设置好所需的参数。,Flash 8工作环境,第18页,时间轴,主要用于创建动画和控制动画的播放等操作。时间轴的左侧是图层区，右侧是时间线控制区，由播放指针、帧、时间轴标尺及状态栏组成。,Flash 8工作环境,第19页,帧与图层,帧：最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。 图层：一个图层，犹如一张透
4、明的纸，上面可以绘制任何事物或书写任何文字，所有的图层叠合在一起，就组成了一幅完整的画。,Flash 8工作环境,FLASH绘图工具栏,绘图工具栏： 用于编辑图形和文本的各种工具，可以绘图，选取，喷涂，修改以及编排文字； 在选择了某一工具时，其所对应的修改器(Modifier)也会在工具条下面的位置出现，修改器的作用是改变相应工具对图形处理的效果。,基础绘图,基础绘图效果,基础绘图所用工具,1.基础图形（方形、圆形等）,基础绘图所用工具,闭合图形构成： 轮廓线 填充 闭合图形绘制步骤： 1.选中适合的绘图工具 基础图形的绘制工具（方形、圆形等） 复杂图形的绘制工具 （钢笔工具）、 （铅笔工具）
5、,基础绘图所用工具,2.修改图形的轮廓 选择工具：选中对象、变形（鼠标后跟随弧形） 部分选择工具：通过节点的调整变形 任意变形工具：通过节点任意变形 3.轮廓、填充属性的设置 窗口颜色,基础绘图所用工具,3.轮廓、填充属性的设置 轮廓：线条的颜色、粗细、样式等 填充：颜色、模式,基础绘图所用工具,4. 填充效果的改变 填充变形工具,5. 轮廓或填充的删除 方法1：选中后，Delete删除 方法2：绘制设置为 或,FLASH之关键帧动画,原理：每个关键帧一个不同的画面，由于画面之间的间隔很短（flash中默认的播放速度是12帧/秒），因此给人动的感觉。 步骤： 在第一个关键帧（第一帧为默认的关键
6、帧）做好需要的画面 在后面的帧中选定一帧点击右键插入关键帧（或空白关键帧，插入关键帧则继承前面画面的内容，可只做修改。插入空白关键帧则本画面需要重新做，两者视具体情况定） 重复第二步,FLASH之关键帧动画,二、 关键帧动画实例霓虹灯 所用工具：文字工具，椭圆工具,黑色箭头工具 文字工具： 点击 按钮 进入文字编辑状态，在空白区单击，可无宽度限制的输入文字。 设置文本的属性 可通过文本菜单或文本属性面板设置字体、字型、颜色等文字属性。,FLASH之关键帧动画,FLASH之关键帧动画,椭圆绘图工具： 作用：画圆/椭圆。 按住SHIFT键时，用椭圆工具可以画出正圆。 操作方法： 选取椭圆工具，在工
7、作区中按下左键拖动即可得到一个有填充色的椭圆。 画出的椭圆通常既有填充色，又有边线色，可将边框与填充部分分离； 选中边框线或填充色后，通过相应的调色板可重新填色或改变边框的颜色。,FLASH之关键帧动画,说明： 在画椭圆之前，一般应先设置好线型、颜色和填充色，如果不满意，也可事后重新设置。 在选择了椭圆、矩形、钢笔等工具后，线条和填充物的颜色面板右上角会出现 按钮，如果先单击线条颜色面板，再单击 按钮，会使绘出的图形没有边线。对填充物颜色也类似。,填充色的设置,各选项的含义与相应的填充色面板如下： (1)无 ：无色。 (2) 纯色：固定颜色。 (3) 线性：颜色线性变化。 (4) 放射状：颜色
8、从中心向四周放射性变化。 (5) 位图：表示填充的是图像,填充变形,填充变形按钮 可以编辑渐变颜色或位图图像填充，只对渐进色和位图填充有效，可以对所填颜色的范围，方向等进行修改以获得特殊的效果。,FLASH之关键帧动画,二、 关键帧动画实例霓虹灯 主要步骤： 1.新建文件，修改属性，将尺寸改为400*200 2.双击图层1，改名为“文字”。选中文字工具，输入文字“动画制作”，修改文字属性，调整文字大小、颜色、字体等。（此帧是第一帧，是系统默认的关键帧，颜色为紫色） 3.单击第4帧，点击右键，在弹出的菜单中选中“插入关键帧”（或F6键），改变文字的颜色为绿色 4.单击第8帧，点击右键，在弹出的菜单中选中“插入关键帧”（或F6键），改变文字的颜色为黄色。依次在12，16，20插入关键帧，并改变文字的颜色。,FLASH之关键帧动画,5.文字层做好后锁上。单击添加图层按钮，添加一个图层，并改名为“灯”。 6.选中“灯”层的第一帧，选择椭圆工具，绘制椭圆，复制n个椭圆，并排列好。此帧所有的椭圆都是红色。 7.选中第二帧，插入关键帧，将第一个椭圆变成绿色，其他都为红色。 8.选中第三帧，插入关键帧，将第二个椭圆变成绿色，其他都为红色。依次类推。直到最后一个椭圆变成绿色。 9.保存文件。按CTRL+ENTER测试动画。,练习题:制作一个倒计时效果（5，4，3，2，1，GO!),
