例三运动效果的合成.docx
- 文档编号:23514426
- 上传时间:2023-05-17
- 格式:DOCX
- 页数:12
- 大小:198.86KB
例三运动效果的合成.docx
《例三运动效果的合成.docx》由会员分享,可在线阅读,更多相关《例三运动效果的合成.docx(12页珍藏版)》请在冰豆网上搜索。
例三运动效果的合成
例三:
运动效果的合成
在上两个单元中我们讲述了Flash最基础的动画制作过程,现在是不是觉得动画制作其实并不是我们原先想象的那么复杂?
是的,只要用心体会,掌握了制作的技巧,然后充分发挥想象力,制作出那些画面绚丽、变化无穷的优秀的Flash动画己不再是可望不可及的了,这也并不需要用户具有非常专业的美术功底。
下面的这一单元将教用户怎样用几个小的动画片段拼凑成一个较复杂又极具视觉效果的动画。
教学目的:
•进一步熟悉Flash各属性面板的功能
•加深对符号及实例的使用
•区分运动动画与变形动画适用的场合及不同功能
实例说明:
背景不断地在蓝、红、黄、绿之间变换颜色,变换的色彩是倾斜转圈渐变的,五个立体的圆球先后从空中落下后又弹起,然后逐渐变化成字符“FLASH”,同时在画面的下半部分形成静像效果。
制作步骤如下:
1、制作背景颜色不断变化的色彩变换动画
色彩在几种不同的颜色之间不断地变换实际上就是由几个变形动画首尾帧连接而成的。
(1)新建一个文档,设置速率为12帧/秒,宽450px,高300px。
(2)创建一个名为“background'的图形类型的符号,并打开它的符号编辑窗口。
(3)单击选中图层1的第1帧,打开填充面板,选择线性渐变,渐变色从蓝色变为白色,如图12.1(a)所示,然后用矩形工具绘制一个渐变填充的矩形。
(4)单击选中矩形,利用信息面板将矩形中心参照点的x和Y值都置为0,使矩形处于符号编辑窗口中央位置,并调整其大小、为宽450像素,高150像素,如图12-1(b)所示。
图12-1设置填充面板和利用信息面板精确调整矩形位置
(5)用油漆桶工具自矩形的右上角起至左下角拖动出一条直线。
松开鼠标时
矩形将由原来的垂直方向渐变改为倾斜渐变,如图12-2所示。
图12.2倾斜线性渐变的矩形
(6)继续选择第1帧,打开帧面板,将该帧的动画类型设置为变形动画。
(7)单击图层1的第10帧,按F6键插入一个关键帧,同时产生了第1帧到第10帧的变形动画。
(8)将第20帧、第30帧和第40帧也设置为关键帧,然后利用填充面板,将第10、20、30和40帧上的矩形颜色分别改为由白色线性渐变到绿色、由黄
色线性渐变到白色、由白色线性渐变到红色、由蓝色线性渐变为白色。
按回车键播放动画,查看矩形的颜色是否按要求在蓝、绿、黄、红之间旋转渐变。
此时的时间线应该如图12-3所示。
:
:
'■
毎啬口
15
1015
ZO25
3035
|—E—1■
”團层1/•*■
■j寸
•j、
•3*
•—>1
图12-3时间线
2、跳跃的小球
小球的跳跃过程是一段运动动画,我们将把小球的整个运动过程分解成两个部分,以着落点和弹起的顶点为分届的关键帧。
动画中共包含五个球体的跳跃动作,我们可以只制作一个球体的运动动画,然后把该运动动画转换成符号,这样就可以对符号重复使用,大大减小了文件的大小。
操作如下:
(1)、制作图形符号ball
新建一个图形类型的符号“ball”,在图形符号编辑区绘制一个小球。
也可以先在场景中绘制好小球,然后按F8键(或点菜单“插入”-“转换为元件”)将圆球转换成图形类型的符号一一“ball”。
为了绘图方便,可以借助网格线,执行菜单“查看”-“网格”-“显示
网格”
命令或按快捷键Ctrl+Alt+G,舞台中即会显示网格线。
然后选择菜单“查看”一“网格编辑网格”命令或按快捷键Ctrl+Alt+G,打开如图12-5所示的
“网格”对话框,选中“对齐网格”复选框,即开启网格的吸附功能。
图12-5“网格”对话枢
选择椭圆工具,无边线,在填充面板中设置圆形渐变色为从白色到深蓝色,并调整颜色滑块的位置,如图12-6所示。
绘制一个直径为三个网格的正圆。
为了增强真实感,选择油漆桶工具,在圆形上部单击鼠标,使单击处变为渐变的中心点,如图12-7所示。
图12-6球体的渐变属性图12-7符号ball
(2)、创建符号“jump”,类型为“图形”。
(3)、单击选中图层的第1帧,从符号库中将符号“ball”拖到当前的符号编辑窗口,在信息面板中设置其坐标为(0,-166)。
(4)、打开帧面板,选择动画类型为“运动”。
(5)、在第15帧上按F6键插入一个关键帧,同时形成第1帧到第15帧之间的运动过渡帧,修改第15帧上的球本坐标为(0,-26)。
(6)、选中第1帧至第15帧之间的所有帧,在帧面板中控制运动速度的文本框中输入数值-100,即球体在下落过程中速度越来越快。
(7)、将第25帧变为关键帧,同时使第15帧至第25帧之间形成运动过渡帧,修改第25帧上的球体坐标为(0,-116)。
(8)、选中第15帧至第25帧之间各帧,在帧面板中控制运动速度的文本框中输入数值100,即球体在弹起过程中速度越来越慢。
(9)、单击第35帧,插入关键帧,修改球体坐标为(1,-26)。
(10)、同样选中第25帧至第35帧之间各帧,在帧面板中控制运动速度的文本框中输入数值-100。
(11)、播放测试动画。
3、球体渐变成字符
小球逐渐变化为一个个英文字母的过程属于变形动画,把每个小球变形成不
同字符的过程制作成符号,是为了后面合成整体动画时能方便一些。
(1)按Ctrl+F8键或菜单“插入”一“新建元件”创建一个新的图形类型符号“shape--”。
(2)单击第1帧,将符号ball拖到编辑窗口中,改变实例的基准点为球体
底部的中间位置,并拖动基准点到场景的中心。
(通过“修改”一“变形”-
“任意变形”来改变中心点)
(3)单击第15帧,插入关键帧,打开字符面板,把字体设置为ArialBlack,字号为60,文字颜色为深蓝色(井003399),用文字工具输入字符“F”。
(4)执行“修改”菜单中的“分离”命令将字符打碎,并移至小球的球心附近。
(5)单击层控制区图层1右面的小方块,此时只显示对象轮廓,如图12-8所示。
图12-8显示图形轮廓
(6)选中字符“F”,用上下左右键调整其位置,使其基本上处于小球的包围之中。
(7)再次单击层控制区上的小方块,取消显示轮廓,选中小球,将其删除。
(8)同时选中第1帧到第14帧,执行打碎小球操作,将符号ball的实例也转换成矢量图形。
(9)在第1帧到第15帧之间创建变形动画。
(10)播放查看动画效果。
(11)参照以上方法制作字母“L'“A”“s”“H”的变形动画,但是记
得要将它们创建成符号。
球体变文字的动画基本上就完成了,但是我们还可以进一步优化动画效果,这就需要借助“提示点”,它是用来限制图形变形的轨迹的。
(用提示点的制作
方法可在课外时间做,现在请接着做第4个步骤的内容一“合成完整的动画”。
)
为了确定插入提示点的位置,先将最后一帧上的字符“F”复制后,回到第一帧,执行“编辑”菜单中的“粘贴到当前位置”命令。
注意,此时的球体和字符“F”都是矢量图形,所以为了防止它们因位置的重合而彼此融合为一体,首先应执行“修改”菜单中的“群组”,命令将字符群组,这样它就不会对下面的小球造成任何影响了。
用提示点限制变形轨迹
(1)在第1帧中浙莱单“修改”-“形状”-“添加形状提示”命令,
图形中央增
加一个标有字母a的提示点
(2)单击层控制区上的小方块,显示图形轮廓,移动提示点a到字符与小球左上方的交点位置,如图12-9(a)所示。
(3)回到第15帧,移动提示点到“F”的左上角处,如图12-10(b)所示。
(4)继续添加提示点,并分别确定它们的位置,最后使第1帧和第15帧上的提示点如图12-10所示。
(a)第1帧(b)第15帧第1帧第15帧
图12-9确定提示点位置图12-10显示所有的提示点
(5)删除第1帧中的字符。
现在再来播放一下动画,会发现它与未引用提示点的变形效果大有不同,如
图12-11所示
未用提示点的情况
第2帧第5帧第8帧第11帧第14帧
图12-11变形过程对比
通过对比不难看出插入了提示点后小球就会按预定的轨迹变化了,读者不妨
自己动手试着制作字母“L'“A”“S”“H”的变形动画,但是记得要将它们
创建成符号。
4、合成完整的动画
我们已经制作了多个简单变化的动画片段,并都将它们创建成了符号,这是为了更方便地用它们合成一个更加复杂的动画,包括小球从高处落下后又弹起,再逐渐变形为文字“FLASH”,同时背景层还不断地在各种颜色之间变化。
因为后面我们还要完成动画的镜像效果,所以接下来要合成的动画还是要先将它创建为符号,不过这次要创建的是影片剪辑类型的符号。
在合成动画之前,我们需要记住每个符号包括的总帧数,因为如果在当前帧上引用一个包括多个帧的图形符号的实例,我们将只能看到它的第一帧,只有将帧数延长到符号实际包含的帧数后,才能观察到动画的完整过程。
(1)创建影片剪辑符号zuheo
(2)将图层1改名为“背景”层,将符号background拖入场景,调整其基准点至场景的中心点。
(3)在层控制区中新建五个图层,从下至上依次命名为图层f、1、a、s和h
(4)将符号jump从库中拖动到场景中,使五个图层的第一帧上的内容都是jump的一个实例,这样场景中共出现五个小球。
(5)粗略调整每个符号实例的位置,使它们平均分布在场景中,并且基准点都接近作为背景的矩形的下边线位置。
(6)选中所有的小球,打开排列面板,单击水平平均间隔按钮ESI和水平
排列按钮旦,此时各小球位置如图12-12所示。
图12-12调整小球的位置
(7)同时选中图层f、1、as和h的第35帧,按F5键插入帧。
(8)单击图层f的第36帧,创建关键帧,将符号shape拖入场景中,位置与第35帧上的小球位置相同,然后在第36帧上删除符号jump的实例。
(为了与35帧的球对齐,可先在35帧插入关键帧,将符号shape拖入场景中与第35帧上的小球位置相同,然后在第36帧插入关键帧,最后将35帧恢复为普通帧,再把36帧的符号jump的实例删除)。
(9)参照步骤(8)为图层1、a、s和h的第36帧创建关键帧。
(10)同时选中图层f、1、as和h的第50帧,按F5键插入帧。
(11)单击图层f的第51帧,创建关键帧,输入一个字体为ArialBlack、字号为60、颜色为深蓝色(井003399)的字符“F”。
调整其位置与前一帧上的字符位置相同,然后删除这一帧上字符shapf的实例。
(12)用同样的方法分别编辑图层1、a、s和h的第51帧。
(13)移动图层1、a、s和h上的帧,使图层f、1、as和h上的帧顺次相
差6帧。
(14)同时选中所有图层(包括图层background)的第80帧,按F5键插入
帧。
(15)播放测试动画,此时时间线如图12-13所示
图12-13符号zuhe的时间线
5、制作镜像效果动画
最后我们要完成动画的镜像效果,因为符号zuhe的类型已经是影片剪辑而不是图形,所以不再需要延长它的帧数了。
(1)单击主场景图层第1帧,将符号zuhe拖入场景中。
(2)修改实例的基准点为矩形下边线的中间点,调整基准点的位置到舞台的中心点上,锁住图层1。
(3)新建图层2,拖入符号zuhe的另一个实例,然后选择莱单“修改”一“变形垂直翻转”命令。
(4)修改实例的基准点为矩形上边线的中间点,调整基准点的位置到舞台的中
心点上,如图12-14所示。
图12-14调整实例的位置
(5)锁住图层2。
(6)在图层2之上新建图层3,用矩形工具绘制一个无边线的黑色填充的矩形。
(7)选中矩形,点击菜单“插入/转为元件”命令将矩形转换成符号。
(8)从信息面板中修改矩形的高为150、宽为450,切换为左上角对齐模式,坐标为(0,150)。
(9)打开效果面板,修改矩形的透明度(Alpha)为30%。
到这里所有的动画就制作完成了,但是这时不能像前面那样直接按回车键来播放动画,这是因为影片剪辑类型的符号是不能测试播放的,只有按Ctrl+Enter键或选择“控制”菜单中的“测试影片”命令才可以看到本单元的动画演示效果。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 运动 效果 合成