flash学习资料解析.docx
《flash学习资料解析.docx》由会员分享,可在线阅读,更多相关《flash学习资料解析.docx(21页珍藏版)》请在冰点文库上搜索。
flash学习资料解析
Flash动画制作
flash是著名的矢量图形编辑和动画创作专业软件。
利用该软件制作的矢量图和动画具有文件小、交互性强、可无损失放大、带音效和兼容性好等特点,作品效果细腻而独特。
在教育领域中,计算机辅助教学正逐步深入,课件已经成为扩大教学外延、解决教学难点、丰富教学内容、引起学生兴趣的重要教学工具。
Flash制作课件,缩放自如、流畅;文件小巧以便于共享和网上浏览;有很强的交互功能,真正实现与用户的互动。
无论在教育领域还是其他领域,flash都有卓越的表现。
本模块将从诸多案例入手,学员在模仿案例制作的过程中了解flash的基本制作方法并能熟练运用。
学习目标:
在这个模块中,将通过一系列的案例学习来引导学员,从静态场景到简单动画和简单动作,再到声音的控制,最后到交互功能的介入。
希望学员在学完本模块之后,不仅能初步掌握FLASH动画制作的原理和方法,更能领悟到作品的设计思路,充分利用软件本身所提供的功能来进行创新,以实现从感性认识到理性认识的飞跃,最终能够制作出在理论指导下的有创新价值的优秀作品。
一、工作环境与运动动画
菜单栏:
包含flashMX的所有功能。
绘图工具栏:
位于窗口的左侧,放置了可供图形和文本编辑的各种工具,用这些工具可以绘图、选取、喷涂、修改以及编排文字,还有些工具可以改变查看工作区的方式。
在选择了某一工具时,其所对应的选项也会在工具条下面的位置出现,选项的作用是改变相应工具对图形处理的效果。
属性面板:
在FlashMX工作区选中某个对象后,系统会自动显示该对象相应的属性面板可以直接通过该面板修改对象属性。
帧动作面板:
可以直接选中帧或对象设置Action。
图层区:
主要用于制作复杂动画时,绘制图形.创建元件和动画片段等。
在时间轴中动画的每一个动作都放置在一个FLASH图层中;每层都包含一系列的帧,各层中帧的位置对应。
时间轴:
用它可以调整电影的播放速度,并把不同的图形作品放在不同图层的相应帧里,以安排电影内容播放的顺序。
标尺:
用于动画辅助操作,可以精确定位。
场景:
是用于绘制、编辑和测试动画的地方,一个场景就是一段相对独立的动画一个FLASHF动画可以由一个场景组成,也可以由几个场景组成。
若一个动画有多个场景,动画会按场景的顺序播放;若要改变场景的播放顺序可在场景中使用交互功能。
网格:
仅为动画辅助工具。
生成动画以后,不可见。
库面板:
用以存放可以重复使用的称为符号的元素。
符号的类型包括有图片(Graphics)、按钮(Button)和电影片断(MovieClip)。
其调用的快捷键为Ctrl+L。
混色器:
设置填充色。
▲说明:
元件可以在插入的任何地方进行编辑(不必切换到元件编辑区)。
如在动画的工作区里直接修改元件,库里相应的动画元件就会随之发生变化。
动画一:
光碟转动
一.建立新动画:
1.运行FlashMX。
这时系统启动并自动建立了一个新文件。
▲执行:
“文件/新建”菜单命令或按可以新建一个的影片文件。
2.设置舞台属性:
执行“修改/文档”菜单命令(或按Ctrl+J)。
其实FlashMX提供了“属性提示器”见下图2,再点开“大小”可以设置文档属性见图2
(1)播放速度(帧频)
(2)舞台尺寸(尺寸)(3)背景颜色(4)选用何种标尺单位等。
一般每秒12帧的播放速度比较合适。
这里我们设定一个尺寸为300*300的蓝色背景舞台。
图2影片属性设置
图3文档属性
二.建立组件:
1.新建光碟元件(创建一个图符)。
执行“插入/新建元件”菜单命令(或按Ctrl-F8键)进入建立元件的对话框窗口,给元件起名(最好是取拼音名或数字名,比如guang),选择类型是图形。
然后按确定按钮。
马上就进入到创建新元件的编辑状态。
2.在绘图工具栏中选椭圆工具。
并将其下的属性提示器参数设置为下图3所示。
图4椭圆工具的属性提示器(边框色和填充色)
3.在工作区里拖动鼠标绘制一个圆(在拖动鼠标的同时按下shift键不松手,画出来的是正圆)。
注意:
圆的中心一定要和舞台中心的“+”对准。
最好从查看中调出标尺和网格。
4.利用直线工具画一园的直径,选中此直径,调出窗口下边的“变形面板”(见图5)旋转设45度,在右下边的旋转复制按钮(向右小箭头),连按三次,就会出现四条直径,把圆分为8叶。
图5变形面板
5.再在一边利用椭园工具画一小的正园,选中拖入大圆的正中心,记住一定要中心对齐。
6.利用漆桶工具,分别在8叶中充入不同的好看的颜色,这样元件就做好了。
三.建立运动动画:
1.设置起始位置:
(1)元件做好后,点击时间轴右上角的“场景1”回到主场景。
(2)按Ctrl-L打开图库,发现里面已经有一个做好了的名为guang的的元件。
在预览窗口中把该元件拖动到工作区中的中央,此时时间轴的第1帧上的小圆圈已经由空心变成了实心,表明该帧不再为空,变为关键帧。
2.设置目的位置:
(1)在时间轴第10帧单击鼠标左键,该帧变蓝表示被选,在此处按F6键插入一个关键帧,第10帧也变为实心小黑点。
(3)单击选中时间轴上的第1帧,下边出现帧的属性面板,点开“补间”和“旋转”的向下箭头选择如图6
图6在帧面板中设置运动动画
▲小球运动建好后的时间轴状态如图7:
图7光碟运动建好后的时间轴状态
这时时间轴窗口的状态如图6所示,第1帧和第10帧之间出现了一个实线箭头,且背景变成淡紫色,表示这两帧之间有一段运动渐变动画。
如果两帧之间出现了虚线,表示过渡不成功,需要重新查看每一个关键帧及其属性。
3.测试效果:
执行“窗口/工具栏/控制栏”菜单命令,打开控制面板,按播放钮播放动画,或者按下Ctrl+Enter预览窗口,以全屏预览动画,可以看到本页上面的左边的动画效果。
4.如果想让光蝶向前滚动,可以点一下时间轴的第一帧,光蝶放到舞台左边,再在第10帧把光蝶放到舞台右边,就会出现滚动效果。
5.如果想让光蝶向前动,可以点一下时间轴的第一帧,去掉旋转,再把光蝶放到舞台左边,再在第10帧把光蝶放到舞台右边,就会出现滚动效果。
(移动对象可以用shift+ ↑ ↓ → ←)
四.存盘:
用Flash做动画不难吧。
做好了动画不要忘记存盘,执行“文件/保存”菜单命令(或按Ctrl+S键),在弹出的对话框中输入存档文件名,确定。
这时系统会把源文件用.fla格式存档。
如果这时在Flash中再次按下Ctrl+Enter键,则系统会自动生成.swf的电影文件,可以用Flash电影播放器直接观看。
1.3相片的运动
一.新建动画文件:
1)新建/文件。
2)设置影片属性:
或按ctrl+F3550*400,帧频12,背景颜色自定。
二.导入你的相片
1)点文件/导入,找到相片的位置,点打开,这时在舞台和图库中都有了你的相片了
2)相片转化为元件。
点一下舞台上的相片,点插入菜单下“转化为元件”,组件起名“pic”,类型或行为“图形”此时相片上出现一个“+”表示已为元件,你可以删掉他,此时组件库中已保存此元件。
三.制作动画:
A.运动效果
1)制作第一个关键帧:
回到场景1,选择箭头工具,将pic从图库中拖放到舞台的左上角的外侧。
2)制作第二个关键帧:
用鼠标单击第15帧。
此时帧变成蓝色。
按f6键添加关键帧。
将相片拖动到舞台右下角。
3)创建动画:
单击第一帧。
在下边的帧面板上找到“补间”点开下拉条,找到“运动渐变”,设置为运动,如是想让相片旋转,再点下边的“旋转”下拉条,设为顺时针,次数为“1”按回车键看一下播放效果。
B.放大效果
1)在30帖处按F6插入关键帧,此时把相片拖入舞台中央。
2)点工具栏中的任意变形工具,此时在相片周围出现八个方块,拖运,可使相片变大,变形,变成你想要的样子。
你可以让相片放大的和舞台一样的大。
3)再在回到15帧,在帧面板上设置运动动画。
点回车看一下播放效果。
C.淡出且变小效果
1)在45帖处按F6插入关键帧,点工具栏中的任意变形工具,此时在相片周围出现八个方块,拖运,可使相片变小。
2)再点一下此时舞台上的相片组件,下边的属性提示器会出现相应的提示,找到“颜色”点开下拉条,找到“透明度或”“Alpha”再在其后的方框中设为20%,此时相片变的透明且淡.
3)再在回到30帧,在帧面板上设置运动动画。
点回车看一下播放效果。
D.推进效果
同理,在60帧插入关键帧,使相片再放大,调透明度100%,回到45帧建立运动动画,回车会看到相片向前变清晰且向前推进的效果。
E.由正面到反面的渐变效果
1)在75帧按f6插入关键帧,找到窗口下边的“变形”,点一下“倾斜”再在后边的“垂直斜度”框中输入“180”则相片为反面显示。
(或直接利用变形工具拖动,效果更好)
2)回到60帧,在帧面板上设置运动动画。
点回车看一下播放效果。
要想让反面效果保存时间长一些,可在第90帧处按F5
4.存盘:
1)存成flash文件:
格式为*.fla。
选择路径,输入文件名,确定。
2)输出可播放文件:
格式为*.swf。
文件/导出影片。
设置参数导出。
3)输出动画文件:
格式为*.gif。
文件/导出影片。
1.4雨滴制作
方法一
新建/文件。
设置影片属性:
或按ctrl+F3200*180,帧频12,背景颜色深蓝色
一.建水滴图形元件:
1)按Ctrl+8新建图形元件1,利用椭园工具画一无边框椭园,再利用黑箭头工具调整此图形为水滴状。
2)点选中图形,在混色器中选取放射状(径向)颜色调整为从白色到淡蓝色的渐变。
(大小约2*4)
3)用油漆桶填充使水滴上白下边淡蓝的渐变。
二.建水波图形元件:
1)按Ctrl+8新建图形元件2,利用椭园工具画一无填充椭园。
2)在30帧处按F6插入关键帧,单击修改-变形-缩放与旋转,设置比例为200,旋转为0。
3)创建动画:
单击第一帧。
在下边的帧面板上找到“补间”点开下拉条,找到“形状渐变”,设置为运动。
三.建水滴运动动画
1)回到场景1,从库中将元件1拖出放在场景中的适当位置(上边),在第15帧按F6插入关键帧,将水滴调到场景中下边,同时调整水滴大小较第一帧的大一些。
建立运动动画。
2)新建图层2,将图层2移到图层1的下边,在第15帧处插入空白关键帧(按F7)将元件2拖入场景中,调整位置到水滴的正下方,使水滴正好在园的中间。
3)在第二层的第40帧插入关键帧,并将此帧中的元件的Alpha值设为0,创建运动渐变。
4)新建图层3.4.5.将图层2的第15到40帧全部全别复制到图层3.4.5.的第25.35.45帧处。
测试保存。
二、变形动画和帧帧动画
变形动画是FLASH动画中比较特殊一种过程动画,和运动动画不同的是,其动画对象只能是矢量图形对象。
群组对象、图符引例对象、符号和位图图像均不能够作为变形动画的对象(除非把它们打散成矢量图形)。
变形动画可以在两个关键帧之间制作出变形的效果,让一种形状随时间变化成另外一种形状;还可以对形状的位置.大小和颜色进行渐变。
变形动画有两种形式,一种是不可控的(也叫简单变形),而另外一种则是可控的(通过添加控制点来实现,也叫控制变形)。
下面先介绍一个简单变形动画的制作过程。
2.1欢渡国庆
一.创建影片:
新建一个Flash文件。
设置电影属性。
尺寸大约400X300,背景浅桔色。
二.创建动画:
1.在绘图工具箱中选择矩形工具,用矩形工具在场景中画出一个没有边框的红色矩形。
这是变形动画的第1帧。
2单击第10帧并按F7键,插入一个空白关键帧,点椭圆工具场景中画出一个没有边框的蓝色小球。
点第一帧,在下边的属性提示中,设置变形动画,选择形状渐变。
此时,矩形变圆的动画完成。
(播放一下看看)
3.点工具栏中的文字工具,看到下边的文字提示器面板,设置文字格式。
在文字格式中选取英文字体为:
Webdings,大小为:
40,颜色为:
红色。
单击第20帧并按F7键,插入一个空白关键帧,单击第20帧关键帧,选择文字工具,并在场景上单击,然后输入一个字母v。
这时场景中会出现一辆汽车符号,选择常用工具栏上的任意变形工具按扭,调整汽车符号到合适的大小,执行"修改/分离",打散(分离)汽车,此时还可以点一下漆桶工具,选彩虹色,汽车变彩色。
点第10帧,在下边的属性提示中,设置变形动画,选择图形变化。
(播放一下看看)
▲提示:
在英文字体中有很多特殊的字体,如Webdings,它可以产生各类图案。
4.单击第40帧并按F7键,插入一个空白关键帧,点工具栏中的文字工具。
输入“欢渡国庆"并设置自己喜欢的颜色,然后打散文字,可能要打散两次呀。
点第20帧在下边的属性提示中,设置变形动画,选择图形变化。
(播放一下看看)
5.按F5在第50帧插入一帧,以延长第40帧的效果
▲提示:
因为Flash不能对群组、图符(元件)、字符或者位图图像进行动画变形,所以要将字符打散。
有的要打散两次。
6.点控制菜单下的影片测试,看变形效果。
三.测试和保存文件:
保存:
文件名:
txjb.fla
导出影片,格式txjb.swf,或gif动画格式txjb.gif。
2.2三角画法
一.创建影片:
新建一个Flash文件。
设置电影属性。
尺寸大约300X300,帧频6px背景自定。
二.创建动画:
1.在绘图工具箱中选择直线工具,用直线工具在场景中画出一红色直线,,线粗为3,在第10帧按F6插入关键帧,回到第一帧,选中此直线,点工具栏中的任意变形工具,把直线拉短,注意要与原直线重合。
播放一下看看
2.在第一层的第10帧按F5,增加普通帧,目的是延长第10帧的效果。
再增加一层,在第二层的第10帧按F7键,插入一个空白关键帧,再利用直线工具画三角形的第二边。
这一层的第20帧按F6加关键帧,回到第10帧使第三边变短设置变形动画。
(播放一下看看)
3.同理,在前两层的第20帧都按F5。
再增加一层,在第三层的第20帧按F7键,插入一个空白关键帧,再利用直线工具画三角形的第三边。
这一层的第30帧按F6加关键帧,回到第20帧使第三边变短设置变形动画(播放一下看看)
4.在第31帧的三层中都按F6,利用箭头工具选中31层的三边,改变颜色为黄色(闪动效果),第32帧再改回为红色第35帧加普通帧延长效果。
三.测试和保存文件:
导出影片,格式sanjiao.swf,或gif动画格式sanjiao.gif。
2.3帧帧动画
一.创建影片:
新建一个Flash文件。
设置电影属性。
尺寸大约400X400,帧频1px背景枣红。
调出查看/网格。
二.创建动画:
1.在绘图工具箱中选择文字工具,设置文字属性面板,字体为华文行楷,字色为黑色,大小为49.
2.在舞台中左边输入“闪客沙龙”四字,在第2、3、4、5、6帧均按F6插入关键帧。
3.第一帧选中“客沙龙”删掉,第2帧选中“沙龙”删掉,第3帧选中“龙”删掉,第4帧为全,第5帧改字色为黄色,第6帧为黑色。
4.在第6帧点一下,在舞台右边合适位置输入“和睦家庭”,第6帧选中“睦家庭”删掉,第7帧选中“家庭”删掉,第8帧选中“庭”删掉,第9帧为全,第10帧改字色为黄色,第11帧为黑色。
三.测试和保存文件:
导出影片,格式zzdh.swf,或gif动画格式zzdh.gif。
2.4学写毛笔字
1.做图形元件“毛笔”
A.画一竖长无边线矩形,填充--线性--左灰右深黄。
B.画一个椭圆做笔尖--填充放射渐变--左浅右深。
利用黑箭头工具调整椭园,使之样子象毛笔头的形状。
C.利用箭头工具--分别选取笔杆和笔头,旋转成45度--把二者拖到一起组成一枝笔--把椭圆向左下拖出一个平行的尖来--转成图片入库(二者均不要边线)
2.键入“一”字
回到场景,选华文行楷,字的大小为200(注意自已打入200)或利用任意变形工具拉大。
在场景中写一个大写的“一”字,调整使其在场景的中央。
利用修改-分离,打散“一”字
3.写字
A.再增加一层为“毛笔层”拖入笔。
B.在“字”层,第二到第40帧全按F6都变为关键帧用橡皮擦去笔尖后面所有的字。
C.按毛笔写“一”的运笔方法。
在每一帧,调整笔在字上的位置,同时用橡皮擦掉笔后边的字的部分,一直到第四十帧。
相信你比我有耐心。
来吧,干吧~~~~~~~~~~~。
4.背景
重建一图层为背景层,可以是填充你喜欢的颜色,可以是导入的一幅画
5.注意做这个字是要耐心的,要时间,所以要注意及时保存呀。
三、引导层和遮罩
3.1小飞机沿轨迹运动
一.新建影片
新建一个电影文件,在属性对话框中,设定动画尺寸,背景颜色为兰色。
二.制作小飞机元件:
1.利用矩形工具在舞台上拖一矩形,用箭头工具向外拖一角,再将另一对角向内拖动,用直线工具连接刚拖过的两个角,利用漆桶工具改变两三角的颜色。
2.利用箭头工具选中整个飞机,执行“插入/转换为元件”,则飞机上出现一小“+”字。
三.制作动画:
1.创建飞机运动图层:
(1)单击第一层的第1帧,将飞机拖放在场景中的左上角。
(2)选择第20桢,按F6键插入关键桢。
(3)找到属性面板,建立1--20桢之间的小飞机运动动画。
在“使路径适应”上打勾。
2.单击时间轴窗口上的“添加引导图层”按钮,或执行“插入/运动引导层”为第一图层增加一个引导图层。
在绘图工具箱中选择铅笔工具,并选择铅笔工具的附属选项“平滑”。
然后用铅笔工具在场景中画一个平滑曲线。
3.选择第一层的第1帧。
拖动第1帧上的飞机到曲线左端点上,注意一定要元件中心点与线一端对准。
4.选择第一层的第20帧。
用同样的方法将小球拖动到曲线的右端点上。
5.按Enter测试。
四.测试和保存影片:
分别执行“文件/保存”和“文件/导出影片”命令保存和导出影片,文件名分别是:
fly.fla和fly.swf。
3.2遮罩的运动
一.新建影片:
新建一个电影文件,导入一张你喜欢的图片,利用任意变形工具使其放大到和舞台一样的大。
二.创建遮罩层
1.点插入菜单下的新建元件,性质为图形,利用矩形工具在舞台中央拖一矩形,颜色任意。
2.回到场景,新建图层2,打开窗口菜单下的库,将正方形拖出到舞台中央,利用任意变形工具使其缩小,这时此正方形默认在第一帧。
3.在第20帧按f6插入关健帧,调整此正方形到整个舞台。
4.回到图层2的第一帧,在属性面板建立运动动画,并把旋转调为顺时针,次数为1
5.点(选)中图层2,点鼠标右键,选择遮罩层,此时第一层自动显示为被遮罩图标内缩。
三.测试和保存影片:
1.按Ctrl+Enter测试影片
2.分别执行“文件/保存”和“文件/导出影片”命令保存和导出影片,文件名分别是:
fm.fla和fm.swf。
3.3被遮罩的运动
一.新建影片:
新建一个电影文件,全用默认。
二.创建被遮罩层
1.导入“清明上河图”图片,调整高度。
上河图的开始端在舞台的最右边,在第1000帧处按F6插入关健帧,然后按住Shift,同时利用键盘上的方向键向左移动上河图,直到图的左边与舞台的右边对齐。
2.回到第一帧,在帧属性面板建立运动动画。
三.创建遮罩层
1.新增加图层2,在舞台正中画一椭圆,高度比上河图的上下边各高出一些。
2.点(选)中图层2,点鼠标右键,选择遮罩层,此时第一层自动显示为被遮罩图标内缩。
按Ctrl+Enter测试影片(因图片较大可能有的效果不好,如果不出效果,执行“修改/帧/翻转帧”)
四.创建背景层
1.选中图层2,新建图层3,(在图层2的上边)导入一与上河图相宜的图片,转化为元件,在属性面板中将背景图的Alpha(透明度)设为20%
2.现在为了保证图层1和2不被改动,点击图层上的“锁定”标志。
3.在图层3的适当位置,(你所画的做为遮罩园以外的地方)利用文字工具输入“清明上河园”,字体字色自定,再输入“张择端”
五.测试和保存影片。
3.4卷轴画的制作
1.新建图形元件:
执行插入—新建元件—图形,文件名为juanzhou
(1)用矩形工具拖出一无边框矩形,点先矩形,在下边的属性面板中设定矩形的高和宽为(35*108),同时,选中此矩形,利用对齐面板(窗口-对齐)相对于舞台水平和竖直居中。
此时矩形的中央正好对准“+”中心。
(2)先中此矩形,,调出窗口-混色器即调色板,选中“线形渐变”由左向右颜色依次为:
(bf8e2bf3efebbf8e2b)或中间选择白色,两边选择深色,可根据各人喜好而定。
调出你喜欢的渐变色后可以用油漆桶在矩形上倒一下就OK了。
(3)在用矩形工具画一小长方形(24*16)充色,和上面的做法一样,(393a1bececec3939a1b)做好后放到大长方形上面,再复制一个,放在下面,(一定要对齐)。
可以利用放大镜放大一下看看。
(4)选种这三个长方形,修改—组合。
再一次利用对齐面板使其居中。
2.国画层:
回到场景,导入一幅国画,在场景中。
点中此画,在下边的属性栏中查看其高和宽,例:
导入的一幅670*329的图,要根据此图的大小适当放大一些舞台尺寸,设为800*380,背景颜色可以根据你的画而定,同时调整你的画在舞台上的位置。
锁定图层1。
3.遮照层:
(1)新加图层2,利用矩形工具画一矩形,正好覆盖下面的国画,在第二层的第80帧按F6加关键帧。
(2)回到第一帧,点选矩形,在下面的属性面板中,调整矩形的大小,高和国画相同,宽为10。
(3)回到第一帧,建立变形动画,看到出现绿地带箭头的线。
选中这一层,右键—遮照层。
会看到国画层自动的向右缩进一些。
锁定图层2。
4.左轴层:
新建图层3,从库中拖出图形元件juanzhou,可以利用任意变形工具,调整长和高放在国画的左边,以刚压住画的左边为宜。
5.右轴层:
(1)新建图层4,从库中拖出图形元件juanzhou,可以利用任意变形工具,调整长和高放在左轴的右边,注意调的比左轴细一些,与左轴并排放。
(2)同时在这一层的第80帧,按F6,再按同时按Shift和键盘上的向右方向键,把右轴调到与画的右边对齐。
(3)回到第一帧,建立运动动画
6.为了让画打开后停一会,在四层的第100帧都按F5增加帧。
然后测试保存。
四、电影剪辑(MC)
4.1闪动的星星
一.新建影片文件
设置影片属性:
尺寸550*400,背景蓝色。
二.创建星星电影剪辑
(1)
(1)选择工具箱中的椭圆工具,设置边框色为无色。
(2)执行“窗口/混色器”命令,打开填充面板,选择放射渐变。
颜色为从白色渐变。
图1
图1图2
(3)点插入菜单下的新建元件1,选择图形,按住shift键画一正圆,单击左键选中此圆,调整到圆心