电脑学苑
Flash4 实例教程
您的位置:克拉玛依职业技术学院->课件园地 -> Flash4 实例教程
『教您制作课件』『教您使用软件』『常用软件下载』
Flash实例教程


组 合 事 例


这是一个组合的效果,字母像被风吹走一样一个个动起来。下面的字是一个光影变幻效果,右上角的图形是一个聚光灯效果。我们以园丁网为例,其中需要耐性和细心,因为www.teacher.edu.cn这十八个字母和标点要分别放在十八个层上,制成动画。



点击此处下载该课件源程序
下载该课件图片
看不到上面效果的请点击此处下载Flash插件

具体步骤如下:


1.打开File/new菜单,新建一个文件,按快捷键Ctrl+M将背景颜色设为橙黄色,将当前层命名为“line”(在层上双击,然后输入line)。
2.在工具箱中单击直线工具,设定线条颜色为蓝色,线宽为4.0,线形为Solid,在工作区中画一条直线,用鼠标单击第一帧选中这条直线,按快捷键F8将字母转换为Graphic符号事例,并输入“line”,点击OK。然后在120帧处按下F5键,把效果延伸到此处。
3.单击,新建一层命名为“w”,将这层拖到line层下面,用鼠标点击“w”层第1帧,,在工具箱中单击,设定字体Arial Black,字号为36,颜色为深蓝色。在直线条左端上输入“w”,选择工具箱中箭头工具单击第1帧按F8键将数字转换为Graphic符号事例并输入“w”,点击OK。
4.在w层20帧处按F6键,创建关键帧,选中箭头工具参数栏中旋转图标和缩放图标如图(一),将它整形并把图形移动到工作区上侧如图(二)
图(一)图(二)
图(一)图(二)
5.用鼠标双击w层第20帧图形,在弹出的对话框中单击Color Effect标签,设定Alpha值为0,即完全透明,点击确定。在这两关键帧之间双击,弹出对话框后单击Tweening标签,Tweening栏中选择Motion,移动Easing游标至in处即数字为-100如图(三),按确定按钮,两关键帧之间出现淡蓝色箭头。
图(三)
图(三)


6.在w层的99、118帧处按F6键即创建关键帧,单击118帧,选择Edit/clear删去该帧信息,再把第一帧复制到该帧上,即单击第一帧选择Edit/Copy,单击第118帧选择Edit/Paste in Plase,在这两关键帧之间双击,弹出对话框后单击Tweening标签,Tweening栏中选择Motion,移动Easing游标至in处即数字为-100,按确定按钮,两关键帧之间出现淡蓝色箭头。
7.单击,新建一层命名为“w1”,将这层拖到w层下面,单击第一帧,按Crtl+L键弹出符号框,选中“w”图符把“w”符号事例拖到蓝色直线上,与第一个“w”字母并列,如图(四),在第四帧上按F6键创建关键帧。
图(四)
图(四)

8.在w1层第23帧上按F6键创建关键帧,选中箭头工具参数栏中旋转图标和缩放图标如图(一),将它整形(和第一个w整形一样),用箭头工具选中w1层第23帧的“w”,将图形移动,并且和w层第20帧"w"的位置重合。

9.用鼠标双击w1层第23帧图形,在弹出的对话框中单击Color Effect标签,设定Alpha值为0,即完全透明,点击确定。在这两关键帧之间双击,弹出对话框后单击Tweening标签,Tweening栏中选择Motion,移动Easing游标至in处即数字为-100,按确定按钮,两关键帧之间出现淡蓝色箭头。

10.在w1层的96、115帧处按F6键即创建关键帧,单击115帧,选择Edit/clear删去该帧信息,再把第一帧复制到该帧上,即单击第一帧选择Edit/Copy,单击第115帧选择Edit/Paste in Plase,在这两关键帧之间双击,弹出对话框后单击Tweening标签,Tweening栏中选择Motion,移动Easing游标至in处即数字为-100,按确定按钮,两关键帧之间出现淡蓝色箭头。

11.再建一层命名为w2层,把当前层拖在w1层的下面,同样从符号库中调出w图形,拖到直线条上,与前两个字母并列。前一个渐变运动关系在7,26帧,按F6键创建关键帧,并把26帧上的图形用箭头拖到第一个字母“w”在20帧的位置将它整形。双击该图形在弹出的对话框中单击Color Effect标签,设定Alpha值为0,点击确定,即完全透明。在这两关键帧之间双击,弹出对话框后单击Tweening标签,Tweening栏中选择Motion,移动Easing游标至in处即数字为-100,按确定按钮,两关键帧之间出现淡蓝色箭头。

12.后一个运动渐变运动关系在93,112帧,按F6键创建关键帧,单击112帧,选择Edit/clear删去该帧信息,再把第一帧复制到该帧上,即单击第一帧选择Edit/Copy,单击第115帧选择Edit/Paste in Plase,在这两关键帧之间双击,弹出对话框后单击Tweening标签,Tweening栏中选择Motion,移动Easing游标至in处即数字为-100,按确定按钮,两关键帧之间出现淡蓝色箭头。

13.新建一层命名为zero层,将该层拖到w2层下面,用鼠标点击“zero”层第1帧,在工具箱中单击文字工具,设定字体Arial Black,字号为36,颜色为深蓝色。在直线条上输入“。”,选择工具箱中箭头工具单击第1帧按F8键将数字转换为Graphic符号事例并输入“zero”,点击OK。

14.点击zero层第10,29帧按F6键,创建关键帧,点击29帧,选中箭头工具参数栏中旋转图标和缩放图标如图(一),将它整形并把图形移动到工作区上侧如图(二)所在位置。双击该图形在弹出的对话框中单击Color Effect标签,设定Alpha值为0,点击确定,即完全透明。在这两关键帧之间双击,弹出对话框后单击Tweening标签,Tweening栏中选择Motion,移动Easing游标至in处即数字为-100,按确定按钮,两关键帧之间出现淡蓝色箭头。

15.在该层第90,109按F6键创建关键帧,单击109帧,选择Edit/clear删去该帧信息,再把第一帧复制到该帧上,即单击第一帧选择Edit/Copy,单击第1098帧选择Edit/Paste in Plase,在这两关键帧之间双击,弹出对话框后单击Tweening标签,Tweening栏中选择Motion,移动Easing游标至in处即数字为-100,按确定按钮,两关键帧之间出现淡蓝色箭头。

16.同理按照步骤3,4,5,6类似方法,为字母“t,e,a,c,h,e,r,.,e,d,u,.,c,n”各新建一层,各自命名“t,e,a,c,h,e,r,。,e,d,u,。,c,n”,后一字母层在前一字母层下面,并且每层上的前一个运动关系起始帧较前一层起始关键帧晚3帧,后一个运动关系起始帧较前一层早3帧,渐变动画的长度为20帧。

17.点击等时线左下角的增加图层按钮,新建一层命名为juxing,把它拖到line层上面,点击图层juxing的第一帧选择工具栏中的矩形工具,在参数栏中把线框设置成无线条,填充颜色设置成黑白过渡直线渐变。如图(五),图(六)
图(五)图(六)
图(五)图(六)

18.在工作区中拖动鼠标画出一矩形,点击工具栏中箭头工具并选中它,然后选择菜单Insert/Convert to Symbol,在弹出的对话框中输入符号的名称back,点击OK按钮,这时矩形图片被转换成back实例了。

19.点击等时线左下角的增加图层按钮,新建一层命名为yuanding,选择工具栏中的文字工具按钮,将参数栏中文字颜色设置成淡蓝色,字体设置成黑体,大小设置成60。移动鼠标并在工作区中单击左键,在出现的黑框中输入文字“中国园丁网”,点击箭头工具,选中并挪动文字到工作区中央。如图(七)
图(七)
图(七)


20.用鼠标点击图层yuanding的第一帧,yuanding图层中的文字被选中,选择菜单Modify->Break Apart,将文字打碎。选择菜单Edit/Copy,将图层yuanding图层中的文字图形复制

21.点击等时线左下角的增加图层按钮,新建一层命名为yuanding1,点击该层第一帧,然后选择菜单Edit/Paste in Place,粘贴到第一帧上。

22.选中yuanding图层第一帧,选择菜单Modify->Curves->Soften Edges,弹出参数设置对话框,参数设置如图(八)、图(九)所示。点击OK按钮,关闭对话框。这时yuanding图层中的文字图形将出现柔化的边框。
图(八)
图(八)
图(九)
图(九)


23.点击juxing图层的第1帧,用鼠标向左拖动矩形图片至其右边缘刚好与文字右边缘对齐。

24.用鼠标左键单击juxing图层的第30帧,按快捷键F6,在第30帧处插入关键帧。再依次选择第60,90,120帧快捷键F6插入关键帧,用鼠标左键单击juxing图层的第30帧,用鼠标拖动图层juxing图层的第30帧中的矩形图片至其左端刚好与文字左端对齐,同样,用鼠标拖动图层juxing图层的第90帧中的矩形图片至其左端刚好与文字左端对齐。

25.用鼠标右键单击juxing图层的第1,30,60,帧,在弹出的菜单中选择Creat Motion Tween。这时矩形将产生运动变形。

26.选择yuanding1图层,点击工具栏中的油漆桶工具,并将油漆桶工具栏中的填充颜色设置成五彩渐变。在yuanding1图层的文字图形中点击鼠标,这时文字图形将被填充为渐变色。

27.选择工具栏中的箭头工具,再用鼠标右键单击yuanding图层的名称栏,从弹出的菜单中选择Mask,如图(十)所示。
图(十)
图(十)


28.按快捷键Ctrl+F8,弹出对话框,输入picture,符号类型为Graphic,点击OK。选择菜单File/Import,导入园丁网图片符号(下载该图片,放到桌面上,再从桌面导入),点击打开,如图(十一)。
图(十一)
图(十一)

29.用鼠标单击时间轴上左上角Scren1,回到主场景中,点击等时线左下角的增加图层按钮,新建一层命名为picture,点击picture层第一帧,按Ctrl+L键从弹出的对话框选中picture图符,拖出园丁网图片符号,至画板右上角。如图(十二)
图(十二)
图(十二)

30.点击等时线左下角的增加图层按钮,新建一层命名为mark,在工具栏中点击椭圆工具,参数栏中设定无边框,颜色为灰色,点击mark层第一帧,在园丁网图符左侧拖动鼠标画出一椭圆(椭圆高度大于图符高度),选择箭头工具,点击mark层第一帧,按F8键,输入mark,点击OK即可。

31.在mark层第60,120帧处按F6键建立关键帧,选择箭头工具点击该层60帧处,把椭圆图符拖至右侧,用鼠标单击mark层,选中该层所有帧,再在该层的帧上单击鼠标右键,在弹出的菜单中选择Creat Motion Tween。这时该层出现蓝色背景箭头,建立了渐变动画。

32.点击等时线左下角的增加图层按钮,新建一层命名为pic,点击picture层第一帧选择菜单Edit->Copy,粘贴到pic层上,在第一帧上选择菜单Edit/Paste in Plase,选择箭头工具双击该图符,在弹出的对话框中单击Color Effect标签,Color属性框中选定Blightness,设定Blightness值为-39.如图(十三),点击确定。把pic层拖到picture层下面。
图(十三)
图(十三)


33.在mask层上单击鼠标右键从弹出的菜单中选择Mask.

34.按Ctrl+回车键测试一下,ok的话就保存文件为***.fla(.fla).