实验三 Flash动画的类型.docx
- 文档编号:5396689
- 上传时间:2022-12-15
- 格式:DOCX
- 页数:17
- 大小:1.60MB
实验三 Flash动画的类型.docx
《实验三 Flash动画的类型.docx》由会员分享,可在线阅读,更多相关《实验三 Flash动画的类型.docx(17页珍藏版)》请在冰豆网上搜索。
实验三Flash动画的类型
实验三flash动画的类型
一、实验目的
1.进一步了解Flash制作动画的基本原理;
2.掌握逐帧动画的创作方法;
3.运用补间动画的创作方法;
4.形状补间动画的创作方法;
5.能够根据不同的运动形式选择不同的动画类型;
6.掌握课堂范例的制作。
二、软、硬件
1.AdobeFlash软件;
2.多媒体计算机;
3.数位板(可选)。
三、实验内容
1.“国庆快乐”形状补间动画
主要制作步骤:
●导入图片素材,作为背景,在第80帧处按F6,生成关键帧,锁定该图层。
●新建图层,命名为“灯笼1”;在此图层上绘制灯笼(具体步骤略),在第20帧处按F6,生成关键帧。
●在第40帧处按F6,删除灯笼,输入“国”子,隶书红色,执行“修改”“分离”,将文字打散。
●点击20帧至40帧中的任何一帧,设置属性面板为“形状补间”。
●在第60帧处按F6,把“国”字延续到60帧;在80帧处按F6,把“国”字延续到80帧,删除“国”字,复制灯笼至此。
●点击60帧至80帧中的任何一帧,设置属性面板为“形状补间”。
●“灯笼2”、“灯笼3”和“灯笼4”图层的制作方法同上。
●导入声音到库面板,新建图层“声音”;在第20帧处建立关键帧,插入声音,在40帧处建立关键帧,结束声音;同理在60帧至80帧处插入声音。
2.飞碟
主要制作步骤:
●新建文件,绘制矩形,填充为深蓝色至蓝色的线性渐变,作为背景。
●新建图层,命名为“星云”,使用“刷子工具”,绘制星云,并在时间轴做星云从左向右慢慢移动的动画。
●新建图层,命名为“星球”,使用圆形工具绘制,并用“刷子工具”添加一些纹理,执行滤镜面板,模糊一下;并在时间轴做星球从左向右慢慢移动的动画。
●新建元件为“飞碟头”,绘制飞碟形状,并在时间轴上做飞碟头伸缩的动画。
●新建元件为“火焰”,绘制火焰形状,并在时间轴上做火焰伸缩的动画。
●新建元件,命名为“飞碟”,将“飞碟头”和“火焰”拖入到舞台中,组合成一个完整的飞碟,并做时间轴做飞碟左右摇摆的动画。
●回到主场景,新建图层,命名为“飞碟飞”。
给该图层添加路径引导层,在引导层绘制一条飞碟移动的曲线。
选中“飞碟飞”的第一帧,将飞碟放在引导路径的始点,选中飞碟飞的最后帧,将飞碟放在引导路径的终点,设置动画补间。
3.banner
主要制作步骤:
●设置舞台大小为800*168像素。
●导入位图,分离,应用图形互相切割的原理,将位图中多余的部分切掉。
●输入文字“时尚精品”,在1-15帧处做动画补间,在25-40帧处做动画补间。
●输入文字“彩妆天地”,在40-55帧处做动画补间,在65-80帧处做动画补间。
●输入文字“欢迎来到我的淘淘小屋”,在80-100帧处做动画补间,并设置为顺时针旋转。
●新建元件,类型为“图形”;绘制“星光”,在元件的时间轴上做星光闪烁的动画补间。
并将此元件拖放到舞台上,生成若干实例。
4.“我要学做闪客”
主要制作步骤:
●输入文字“我要学做闪客”,字体为“华文彩云”,分离两次,使字体变成形状,设置线条为白色,填充红色。
●新建图层,命名为“辉光”。
绘制长条矩形,应用“透明—白色—透明”的线性渐变填充,倾斜。
●在第30帧出建立关键帧,移动辉光至文字右上角,动画补间。
●新建图层,并转变为遮罩层,将文字层的对象复制至此图层,作为辉光的遮罩。
新建图层,导入声音。
5.红星闪闪
(1)动画效果:
●伴着音乐声起,黄色光芒由远及近,由小变大。
●模仿八一电影制片厂的片头效果。
(2)动画组织结构:
(3)主要制作步骤:
●新建元件,400*400像素,背景色黑色。
●在图层一建立一个与舞台等大的矩形,填充为右白到黑的放射状渐变,锁定该图层。
●新建图形元件,命名为“线条”,绘制一条水平线条,宽度设置为200像素。
●新建图层元件,命名为“闪光线条”,将“线条元件”拖入舞台,设置位置为(-200,20),将线条的变形点放置在舞台的“+”上。
●打开“变形”面板,输入旋转角度为15,点击“变形并复制”按钮,从而生成16个闪光线条的组合。
●新建影片剪辑元件,命名为“闪光”。
将“闪光线条”拖入舞台,在30帧处建立关键帧,设置补间动画,顺时针旋转;在该元件内建立新图层,将“闪光线条”拖入舞台,水平翻转,执行“分离”命名,并将线条转化为填充,在30帧处建立关键帧,设置补间动画,逆时针旋转。
●回到主场景,新建图层,命名为“闪光”,拖入“闪光”元件;
●新建图层,分别放置红五星、文字、声音。
6.江南五月
(1)动画效果:
●碧波荡漾的江南水乡,一个船夫在船头上打渔。
●加入背景音乐,效果会更好。
(2)动画组织结构:
(3)制作步骤:
●新建文件,600*400像素,颜色为米黄色。
●导入图片“桥”,并转换为影片剪辑元件,在属性中设置“色彩增值”混合模式。
●导入图片“湖水”,转化为影片剪辑元件,命名为“水波荡漾”。
●在“水波荡漾”元件中,执行“分离”命令,将湖水以上部分删除,并将该图层命名为“水波1”,在60帧处按F5。
●在“水波荡漾”元件中,新建一图层,命名为“水波2”,向下微移,在60帧处按F5。
新建图层,命名为“遮罩”,绘制很多平行的细长矩形(无边框),转化为图形元件“mask”,在60帧处按F6,将这些细长矩形做向下移动的动画。
●在“水波荡漾”元件中,新建图层,命名为“朦胧”,绘制一个矩形,与湖水等大,填充为透明色至白色的渐变。
●回到主场景,选中“水波荡漾”元件,在属性中设置“色彩增值”混合模式。
●摇船的动画制作方法雷同,略。
●加入竖排从右至左的文字,最好是设置为手写体。
7.荷塘月色
(1)动画效果:
●湖面不是有水滴掉落的涟漪。
●灯光忽明忽暗。
●文字从右至左出现,从无到有。
(2)动画组织结构:
(3)主要制作步骤:
●新建文件,400*282像素,背景色为白色,帧频设置为10fps。
●将图层一改名为“背景”,导入图片素材。
●新建图形元件,命名为“水波”,使用椭圆工具绘制白色至透明色的渐变,利用图形相减的原理,将中心抠除。
●新建影片剪辑元件“水滴动作”,设置关键帧如下:
⏹水波1:
16~60帧;在第16帧处,大小为3*1,不透明;在第60帧处,大小为180*58,透明。
⏹水波2:
21~65,效果同上。
⏹水波3:
26~71,效果同上。
⏹水波4:
31~75,效果同上。
⏹水波5:
38~80,效果同上。
⏹水波6:
44~87,效果同上。
●新建影片剪辑元件“灯光闪烁”,步骤略。
●新建影片剪辑元件“文字出现”,步骤略。
●回到主场景,新建图层如下:
⏹水滴1:
调用“水滴动作”元件,1~120帧。
⏹水滴2:
调用“水滴动作”元件,15~120帧。
⏹水滴3:
调用“水滴动作”元件,35~120帧。
⏹灯:
调用“灯光闪烁”元件,1~120帧。
⏹诗:
:
调用“文字出现”元件,1~120帧。
●主场景时间轴:
●“水滴动作”时间轴:
●“灯光闪烁”时间轴:
●“文字出现”时间轴
8.“老康蓝屋”LOGO
(1)动画效果:
●本例是网站的logo。
●星星沿着文字的边缘移动。
●文字内部的颜色从蓝变成透明,再变成蓝色。
(2)动画组织结构:
(3)主要制作步骤:
●新建文件,512*152像素,背景色为黑色。
●将图层一改名为“背景”,导入图片素材。
●新建图层,命名为“文字1”,输入“老康蓝屋”,字体“华文彩云”,大小80。
●新建图层,命名为“文字2”,复制“文字1”中的四个字,执行两次分离,将内部填充为蓝色,转化为元件“蓝屋”。
在30帧处按F6,微移字体,Alpha值设置为0,在60帧按F6,微移字体,Alpha值设置为100。
均做动画补间。
●新建元件,命名为“星星”,绘制星星(前面学过,略)。
●新建元件,命名为“星星旋转”,调用“星星”元件,在30帧处按F6,动画补间,顺时针转动。
●新建图层,命名为“星星1”。
添加路径引导层。
选中“星星1”图层,在上面分别添加“星星2”、“星星3”、“星星4”。
●选中引导层,拖入“蓝屋”,注意位置与“文字1”图层严格对齐。
●选中“星星1”,拖入“星星旋转”元件,放在“老”字边缘的某一点,这是星星移动的起始点,在60帧处按F6,沿路径移动星星至“老”字边缘的另一点,这是星星移动的结束点,建立动画补间。
●“星星2”、“星星3”、“星星4”的步骤略。
●主场景时间轴:
9.三维空间
(1)动画效果:
●7排小球,依照三维透视原理排列,错落有致地上下波动,小球接触地面时还荡出几圈波纹,较好地营造了一种三维空间感。
(2)需要绘制的元件:
(3)主要制作步骤:
●新建文件,500*250,背景颜色为黑色,设置20fps。
●新建参考图层,使用“直线”工具绘制参考线。
●绘制如上图所示的图形元件,分别命名为“光影”、“水波”、“小球”、“倒影”。
●新建元件,命名为“基础MC”,实现一个小球下落并弹起和水波放大消失的过程。
●新建元件,命名为“MC1”,建立四个图层,每个图层拖放一个“基础MC”,改变其大小,沿参考线放置。
实现一排小球错落有致起落的过程。
选中最后一帧,按F9,输入:
stop();
●复制“MC1”为“MC2”、“MC3”、“MC4”、“MC5”、“MC6”、“MC7”,修改元件中“基础MC”的位置。
●回到主场景,新建7个图层,分别放置“MC1”、“MC2”、“MC3”、“MC4”、“MC5”、“MC6”、“MC7”。
实现7排小球错落有致弹跳的过程。
选中最后一帧,按F9,输入:
stop();
●新建图层,使用放射式渐变填充,绘制天光。
10.交互课件
(1)动画效果:
●画面中左边排列着“课件”演示内容的7个项目,画面中间有7个人物图形,鼠标指向人物图形,将出现一根线条沿一定路径运动指向相应项目,到达项目后顶端的小球闪烁,以示该内容为该按钮的说明。
单击每个人物,就进入相应的“课件”内容。
(2)动画组织结构:
(3)制作步骤:
●新建文件,540*360,背景为米黄色。
●新建图层,应用一些渐变图形修饰背景。
●新建图层,放置标题文字、曲别针、圆规等设计原色。
●新建图层,放置按钮相应的对象,本例7个人物图形。
●新建场景2,输入内容,并从公共元件库中选择一个按钮,修改字体为“返回”。
●回到场景1,下面以“按钮4”为例,其他按钮可以通过元件的复制制作,当然要稍作修改。
●新建按钮元件,在这个元件的编辑场景中,在舞台十字中心位“元件库”置绘一个白色矩形,并转换为名为“按钮板”图形元件,把它的“Alpha”值置为“0”即可。
●按钮中MC的动画过程是通过一个名字叫“线条4”的MC元件实现的。
●整个的动画效果就是当鼠标移动到第4个按钮时,从“Layer1”到“Layer4”4段线条的“运动变形”过程,“Layer5”是小球闪烁3下效果。
在每个线条伸展动画的最后一帧设置一个停止动作:
Stop();
●回到主场景,选择按钮,添加动作脚本如下,跳转到场景2的第一帧。
on(release){
gotoAndPlay("Scene2",1);
}
●切换道场景2,选中“返回”按钮,添加动作脚本如下,跳转到场景1的第一帧。
on(release){
gotoAndPlay("Scene1",1);
}
11.鼠标看图
(1)动画效果:
●画面的底图是一个很漂亮的矢量风景图,起始状态它被一层黑色罩挡着,看不到,你必需用鼠标快速地划动,随着划动的轨迹,渐渐露出风景图,而在一定时间后又渐渐闭合。
●原来,风景图片是被一个个黑色对象遮挡着!
它们就是排列整齐的名叫“功能MC”的实例对象。
(2)动画组织结构:
(3)主要制作步骤:
●新建名为“图形”的元件,在舞台中绘制一个无边框的黑色小矩形。
●新建名为“跳转按钮”的元件,将“图形”元件拖放到舞台中央。
●新建名为“功能MC”的元件,将“跳转按钮”放置在第1帧,在第2帧插入关键帧,放置图形,做补间动画如下:
●单击“功能MC”第1帧定义“stop”,使正常情况下,指针停止在这里。
再单击舞台上的按钮元件,定义动作脚本为:
on(rollOut){
gotoAndPlay
(2);
}
●如果想让鼠标经过的地方,风光图片呈现且不消失,如何实现?
四、小结或问题讨论
1.请回答以下问题:
影片剪辑和图形元件有何区别?
什么是遮罩层?
什么是路径引导层?
如何将线条转化为填充?
如何导入外部库文件?
如何使用公用库?
如何新建场景?
2.备注:
大家实验报告主要阐述制作的思路和动画组织结构,某些步骤可以从略。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 实验三 Flash动画的类型 实验 Flash 动画 类型
![提示](https://static.bdocx.com/images/bang_tan.gif)