还剩13页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
补间动画 补间动画做flas___时,在两个关键帧中间需要做“补间动画”,才能实现图画的运动;插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的 FLAS___制作中补间动画分两类一类是形状补间,用于形状的动画;另一类是动作补间用于图形及元件的动画 FlashCS4补间动画的类型包括动作补间动画、形状补间动画和传统补间动画 动作补间动画是指在Flash的时间帧面板上,在一个关键帧上放置一个元件,然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等,Flash将自动根据二者之间的帧的值创建的动画动作补间动画建立后,时间帧面板的背景色变为淡紫色,在起始帧和结束帧之间有一个长长的箭头;构成动作补间动画的元素是元件,包括影片剪辑、图形元件、按钮、文字、位图、组合等等,但不能是形状,只有把形状组合(Ctrl+G)或者转换成元件后才可以做动作补间动画形状补间动画是在Flash的时间帧面板上,在一个关键帧上绘制一个形状,然后在另一个关键帧上更改该形状或绘制另一个形状等,Flash将自动根据二者之间的帧的值或形状来创建的动画,它可以实现两个图形之间颜色、形状、大小、位置的相互变化形状补间动画建立后,时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间也有一个长长的箭头;构成形状补间动画的元素多为用鼠标或压感笔绘制出的形状,而不能是图形元件、按钮、文字等,如果要使用图形元件、按钮、文字,则必先打散(Ctrl+B)后才可以做形状补间动画任务实例补间动画——小鸟飞翔+弹跳小球+变形文字知识点元件的概念及类型;创建元件;元件与实例;补间动画;操作步骤
一、创建Flas__档执行【文件】|【新建】命令,创建一个新的Flas__档接着右键【时间轴】左侧的【图层】面板,选择【属性】命令,并将“图层1”命名为“背景”
二、添加背景
1.选择“背景”图层的第1帧,执行【文件】|【导入】|【导入到舞台】命令,导入“背景.jpg”__文件作为背景
2.修改__及舞台大小参数
(1)修改__大小单击舞台中的__(即选中背景__),在__【属性】面板中,断开锁定按钮,修改【位置和大小】的【宽】为960像素,【高】为600像素
(2)修改舞台大小单击场景1的空白区域(__以外的区域),在弹出的舞台【属性】面板中,修改【大小】中的【宽】为960像素,【高】为600像素
3.将背景__与舞台对齐单击背景__,执行【窗口】|【对齐】命令,打开【对齐】面板,勾选【对齐】面板中【与舞台对齐】选项,并在【对齐】参数组中分别单击【水平中齐】和【垂直中齐】按钮使背景__相对于舞台居中对齐
4.延长背景的帧序右击“背景”图层的第80帧(预设动画长度为80帧),在弹出的菜单中选择【插入帧】命令(即插入普通帧)延长“背景”的帧序到第80帧
5.锁定背景单击“背景”图层的锁定按钮,即可将背景__锁定
三、创建影片剪辑元件
1.创建新图层,命名为补间动画
2.创建小鸟原地飞行影片剪辑元件执行【插入】|【新建元件】命令,在弹出的【创建新元件】对话框中,设置【名称】为小鸟飞翔;【类型】为影片剪辑,如图1所示,然后单击【确定】按钮,进入元件编辑模式然后,将此编辑模式中的“图层”1命名为逐帧动画如图2所示图1图
23.导入素材执行【文件】|【导入】|【导入到库】命令,将“素材”文件夹中“
01.gif-
14.gif”等14个图形文件及sound.mp3音乐文件导入到【库】面板中
4.利用逐帧动画的制作方法,制作小鸟原地飞翔的影片剪辑元件
(1)添加空白关键帧分别右键“逐帧动画”图层中的第2-14帧,依次执行【插入空白关键帧】命令,使“逐帧动画”图层中从第1-14帧都添加上【空白关键帧】如图3所示图3
(2)添加素材选中“逐帧动画”图层的第1帧(即单击第1帧),从【库】面板中拖动“
01.gif”小鸟图形到舞台中心;接着再选中“逐帧动画”图层的第2帧,从【库】面板中拖动“
02.png”图形到舞台中心用同样的方法,分别选中“逐帧动画”图层的第3帧至第14帧,依次将库中的“
03.gif-
14.gif”图形添加到“逐帧动画”图层的第3-14帧中如图4所示图4
(3)编辑舞台的“小鸟”,使其相对于舞台居中对齐1)单击【图层】面板中“逐帧动画”图层,单击【时间轴】面板底部的【编辑多个帧】按钮,在【时间轴】上将出现【绘图纸外观】的括号,分别拖动【绘图纸外观】括号左右两侧,将括号展开,使其括住“逐帧动画”时间轴上的所有关键帧(目的使舞台中所有的“小鸟”对象可见)如图5所示此时,舞台效果如图6所示图5图62)使用【工具箱】中的【选择工具】,单击“逐帧动画”图层,将小鸟对象全部选中接着单击【对齐】面板【对齐】参数组中的【水平中齐】和【垂直中齐】按钮,使舞台中所有的“小鸟”对齐到舞台中中心点的位置效果如图7所示图73)再次单击【时间轴】底部的【编辑多个帧】按钮,退出多帧编辑状态接着,拖动【时间轴】上的【播放头】,查看舞台中“小鸟”原地飞翔的动作至此,“小鸟飞翔”影片剪辑元件制作完毕
四、制作补间动画
1.单击编辑窗口左上角的“场景1”,退出元件编辑模式,返回动画制作场景
2.添加元件选中“补间动画”图层中的第1帧,将【库】面板中的“小鸟飞翔”影片剪辑元件拖入舞台中的左侧适当的位置如图8所示
3.创建补间动画右键“补间动画”图层中第1-80帧之间的任一帧,选择【创建补间动画】命令,此时【时间轴】从第1帧到第80帧会变成浅蓝色如图9所示
4.插入【位置】属性关键帧右键“补间动画”图层的第80帧(最后一帧,即小鸟飞翔的结束帧),执行【插入关键帧】|【位置】命令(插入一个“位置”属性关键帧),然后按住【Shift】键,将舞台左侧的“小鸟”元件水平拖动到舞台右侧适当的位置(小鸟飞翔的结束位置),将出现一条小鸟飞翔的轨迹线其效果如图10所示
5.至此,小鸟飞翔补间动画制作完毕保存文件,按【Ctrl+Enter】快捷键发布并浏览动画效果图8图9图10补间动画制作说明
1.制作补间动画,只需编辑动画对象的起始状态(即,动画对象的开始状态和结束状态)
2.制作补间动画必须具备以下条件
(1)补间动画的运动对象,必须是元件(或影片剪辑元件,或图形元件,或按钮元件);
(2)补间动画的关键帧必须是属性关键帧属性关键帧有以下6种类型1)【位置】属性关键帧使对象产生位置变化;2)【缩放】属性关键帧使对象产生缩放(即放大,或缩小)变化;3)【倾斜】属性关键帧使对象产生倾斜动作;4)【旋转】属性关键帧使对象产生旋转动作;5)【颜色】属性关键帧使对象产生颜色变化;6)【滤镜】属性关键帧使对象产生特殊效果变化;
五、制作小球弹跳运动动画
1.绘制小球图形新建一图层,命名为“小球”选中第1帧,选择【椭圆工具】,将工具【属性】面板中【笔触】设置为【无】;【填充】设置为【调色板】底部的【红色渐变】按钮(单击【调色板】底部“”按钮即可)然后按住【Shift】键(绘制正圆),在舞台右侧外合适的位置绘制一个红色小球如图11所示图
112.将小球图形转换为图形元件单击小球,执行【修改】|【转换元件】命令,在弹出的“转换为元件”对话框中,将【名称】为设置“小球”;【类型】选择【图形】,并【确定】如图12所示在【库】面板中将看到刚转换的“小球”图形元件如图13所示图12提示
1.使用绘图工具绘制的对象是位图图形,单击鼠标选中它时,看到的现象是像素点阵分布效果
2.将绘制的图形转换成元件后,单击鼠标选中它时,看到的现象是蓝色线框框住对象的效果图
133.创建补间动画右键“小球”时间轴上第1帧至-第80帧之间任一帧,选择【创建补间动画】命令,在第1-80帧之间创建补间动画接着右键第80帧(小球运动的结束帧),执行【插入关键帧】|【位置】命令,在此处插入一个位置属性关键帧,如图14所示然后按住【Shift】键,将舞台左侧的小球水平拖动到舞台右侧外,此时舞台中会出现一条小球运动的轨迹线如图15所示图
144.保存文件然后按下【Ctrl+Enter】键,发布并测试动画小球将沿着轨迹线从舞台左侧,水平运动到舞台右侧外
5.编辑轨迹线,制作小球弹跳运动动画
(1)制作第1段运动轨迹(小球弹起)右键第20帧,执行【插入关键帧】|【位置】命令,在此处插入一个位置属性关键帧然后将鼠标__到第1帧至第20帧之间的轨迹线__(紧贴轨迹线),鼠标指针将变成一个带弧线的箭头,此时向上拖动轨迹线,使其变成一段抛物线,即可松开鼠标图15
(2)制作第2段运动轨迹(小球下落)右键第40帧,执行【插入关键帧】|【位置】命令,在此处插入一个位置属性关键帧然后将鼠标__到第20帧至第40帧的轨迹线__(紧贴轨迹线),鼠标指针将变成一个带弧线的箭头,此时向下拖动路径线,使其变成一段向下凹弧线即可松开鼠标此时轨迹线前两段已调整为横着的“S”形
(3)用同样的方法,右键第60帧,插入一个位置属性关键帧然后修改第40-60帧之间的运动轨迹;接着修改第60-80帧之间的运动轨迹线,使得小球沿着一条波浪轨迹线,跳动着运动到舞台外此时,【时间轴】面板及舞台效果如图16所示图16提示
1.制作小球弹跳运动的基本思路将小球运动的一段轨迹线,分成多段组成的轨迹线每段轨迹线由两个位置属性关键帧控制(仔细观察弹跳小球的轨迹线)
2.动画对象运动轨迹线是可以进行编辑修改的在编辑过程中,应按照小球运动力度逐步衰减的方式进行修改(单击“弹跳小球”图层,查看小球运动轨迹)
六、制作文字变形动画
1.新建一图层,命名为变形文字
2.创建影片剪辑元件
(1)执行【插入】|【新建元件】命令,在弹出的对话框中,设置【名称】为变形文字;【类型】为影片剪辑单击【确定】,进入元件编辑模式
(2)在元件编辑模式中,将图层1,命名为补间形状动画
(3)添加文字——小选中第1帧,单击【工具箱】中【文本工具】,设置【属性】面板中【系列】为隶书;【大小】为110;【颜色】为红色;其他默认在舞台中单击,并输入“小”字接着打开【对齐】面板,将“小”字与舞台居中对齐然后使用【修改】|【分离】菜单命令(或【Ctrl+B】快捷键),将其分离成位图图形,其文字效果如图17所示然后,右键第15帧,执行“插入关键帧”(由于第15帧中的对象将与后面帧的对象产生变形动作,因此,第15帧必须是关键帧),使“小”字的帧序延长至第15帧,此时【时间轴】如图18所示提示
(1)制作补间形状动画的对象,要求必须是位图图形;
(2)由于使用【文本工具】输入的文字对象是矢量图,因此,必须将其转换成位图图形(转换命令【修改】|【分离】命令),才能制作补间形状动画,使文字产生变形效果图17图18
(4)添加文字——鸟右键第30帧,执行“插入空白关键帧”,使用【文本工具】,设置【属性】面板中【系列】为隶书;【大小】为110;【颜色】为绿色;其他默认在舞台中单击,并输入“鸟”字将“鸟”字拖动到场景的左上角合适的位置,接着打开【对齐】面板,将“鸟”字与舞台居中对齐然后使用【Ctrl+B】快捷键,将其分离此时文字效果如图19所示此时【时间轴】面板如图20所示图19图20
(5)创建补间形状动画右键第15-30帧之间任一帧,执行【创建形状补间】命令,即创建由“小”字转变成“鸟”字的补间形状动画(注意补间形状动画的过渡帧是浅绿色,并带着一个指向箭头即由钱一个对象,转变为下一个对象)此时【时间轴】效果如图21所示图21
(6)添加文字——飞右键第45帧→插入关键帧→将“鸟”字延迟至第45帧然后,再右键第60帧→插入空白关键帧→文字工具输入“飞”字→在【属性】面板中,将其【颜色】设置为蓝色接着打开【对齐】面板,将“飞”字与舞台居中对齐然后使用【Ctrl+B】快捷键,将其分离
(7)右键第45帧与第60帧之间任一帧→执行“创建补间形状”动画,创建“鸟”字转变为“飞”字的变形动画此时,【时间轴】面板的效果如图22所示
(8)用上述同样的方法(步骤
(6)-
(7)),在【时间轴】上对应的帧中,制作将“飞”字转变为“翔”字的变形动画最后,【时间轴】效果如图23所示提示变形文字动画制作基本思路第1-15帧呈现“小”字→第15-30帧由“小”字变换到“鸟”字→第31-45帧呈现“鸟”字→第45-60帧由“鸟”字变换到“飞”字→第61-75帧呈现“飞”字→第75-90帧由“飞”字变换到“翔”字→第91-105呈现“翔”字图22图
233.单击舞台左上角“场景1”按钮,返回场景1,退出“变形文字”影片剪辑元件的编辑模式
4.在“场景1”中,单击“变形文字”图层的第1帧,拖动【库】面板中的“变形文字”影片剪辑元件到舞台的左上角合适的位置即可
5.保存文件,按【Ctrl+Enter】键,进行发布测试动画其效果如图24所示图24【绘图纸外观】括号在第1-80帧中右键任一帧,执行【创建补间动画】,创建一个补间动画,其过渡帧为浅蓝色小鸟飞翔的结束帧(“位置”属性关键帧)绘制小球转换成图形元件后的小球“小”字变成“鸟”字的动画“小”字变“鸟”字“鸟”字变“飞”字“飞”转变“翔”“鸟”转变“飞”“小”转变“鸟”。