Flash逐帧动画与动作补间动画.ppt

第四讲 Flash逐帧动画与动作补间动画,1,教学内容,帧的基本操作 制作逐帧动画 元件的种类及制作方法 制作补间动作动画,2,一、帧的基本操作,1.操作帧的快捷方式 插入普通帧：F5 插入关键帧：F6 插入空白关键帧：F7 2.插入和删除帧 插入帧可以扩展两个关键帧之间的距离，增加动画的延续时间。插入帧：F5。 相反，删除帧可以缩小两个关键帧之间的距离，减少动画的延续时间。删除帧：ShiftF5。,3,二、制作逐帧动画,逐帧动画：也叫帧-帧动画，通过每一帧的变化来产生动画效果，例如：人走路时双脚交互向前的动作、奔跑的豹子等等。,4,二、制作逐帧动画（续）,知识点： （1）用导入的静态图片建立逐帧动画 （2）绘制矢量逐帧动画 （3）文字逐帧动画 （4）导入序列图像 实例1：倒计时动画 实例2：奔跑的豹子 实例3：制作风景切换动画 实例4：制作毛笔字动画,5,元件的类型,“图形”元件：可以是单位矢量、图像或一段不具交互性质的动画，可以采用导入或自行绘制，他们在工作区内都是以静态形式出现的，因此，交互式的动画或音效源是不能作为“图形”元件的。 “影片剪辑”元件：用于创建可以独立于主动画时间轴播放的动画剪辑。他可以是交互控制的对象，也可以是音效，并可以添加至主动画时间轴上进行触发播放。 “按钮”元件：它的作用是进行交互控制等功能，因此，“按钮”元件只有在被赋予命令语句后才有效。,6,绘制元件,新建元件：Ctrl+F8 直接转换为元件：F8 例1：树木图形元件的制作,7,树木图形元件的制作,新建一图形元件“小树” 绘制小树，树叶填充色：墨绿色（#006600），树根填充色褐色（#993300） 回到主场景，创建动作动画，使用“缩放工具”在第1帧处缩小图形实例，在第30帧处，放大图形实例。,8,导入元件,有的动画不得不使用外部素材，这些素材包括图片、声音、gif动画、视频等，导入后，如果要进行修改后使用，则必须要转成Flash的元件之后才能够进行编辑。,9,按钮元件制作,按钮元件是Flash的基本元件之一，它具有多种状态，并且会响应鼠标事件，执行指定的动作，是实现动画交互效果的关键对象。 有时为了节约制作时间，也可以导入公用库中的按钮，打开“窗口/公用库/按钮或窗口/设计面板/公用库/按钮”，再打开“库面板”中的展开文件夹选项，再将要选取的按钮拖到工作区的位置即可。,10,按钮的四个帧,第一帧是弹起状态，代表指针没有滑过按钮时该按钮的外观。 第二帧是指针经过状态，代表当指针滑过按钮时，该按钮的外观。 第三帧是按下状态，代表单击按钮时，该按钮的外观。 第四帧是点击状态，定义将响应鼠标单击的区域。这片区域在影片中是不可见的。,11,用按钮控制动画播放,播放按钮 on（press） play（）； 暂停按钮 on（press） stop（）； ,返回按钮 on（press） gotoAndplay（1）； 后退按钮 on（press） prevframe（）； 前进按钮 on（press） nextframe（）； ,12,三、补间的定义,所谓“补间” ，就是确定了开头、结尾和延续时间之后，让计算机自动生成的动画。这是Flash 的一个重要功能。这是创建随时间移动或更改的动画的一种有效方法，并且有效地减小所生成的文件大小。,13,“补间”的分类,补间动画：在一个时间点定义一个实例、组或文本块的位置、大小和旋转等属性，然后在另一个时间点改变那些属性。也可以沿着路径应用补间动画。 补间形状：在一个时间点绘制一个形状，然后在另一个时间点更改该形状或绘制另一个形状。,14,两者的核心区别,“补间动画”的对象是组合的物品，例如文字、元件、组件等 “补间形状”的对象是打散后的物品，例如线条、填充区域等。,15,1.创建动作补间动画,在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 根据二者之间的帧的值创建的动画被称为动作补间动画。,16,构成动作补间动画的元素,包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。,17,创建动作补间动画的方法,在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件 在动画要结束的地方创建或选择一个关键帧并设置该元件的属性 再单击开始帧，在【属性】面板上单击【补间】旁边的“小三角”，在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【创建补间动画】 就建立了“动作补间动画”。,18,操作实例：将“课件制作”4个字做成缩放动画,在flash第一帧中输入“课件制作”四个字 在第30帧处按F6插入关键桢，并修改文字的大小 右击第一帧，选择“创建补间动画”，创建动画成功。,19,操作实例,球的运动：从左边移动到右边 文字动画：