分享

Flash MX 实例教程(8)

 kunzhu 2015-02-10

课题:

Flash制作教程(8)——影片场景切换

 

教学目的:

  1、场景的编辑;

  2、复制场景;

  3、对象位置的重新编排;

  4、按钮的使用。

 

教学重点:

  场景的复制和编排

 

教学过程:

1、 观看范例:

  打开教师指定位置中的“ex15.exe”和“ex15-2.exe”文件观看并思考:

  (1)首页:上面有几个光晕按钮?

  (2)其余四个页面:各有四个不同的文字效果,是否都是我们以前做过的?

  (3)背景颜色:老师为何要制作白与黑两种背景,各有什么不同的地方?

 

2、 修改影片属性:

  新建一个Flash文件,打开“修改”菜单并选择“影片”,在弹出的“影片属性”对话框中将“宽”和“高”设置为:550×400,“背景颜色”取“白色”。单击“确定”返回“场景1”;

 

3、利用上节课制作“光晕按钮”的步骤,在舞台上制作四个光晕按钮,分别是:“翻转文字”、“光影文字”、“探照灯文字”和“随风飘落”;(如图8-1)

 

*思考:如何快速地制作出四个光晕按钮?

 

Flash <wbr>MX <wbr>实例教程(8)——影片场景的切换

(图8-1)

 

  • 制作圆角矩形的方法:先选中“工具盒”上的“矩形”工具,再单击“工具盒”下方“选项”中的“圆角矩形半径”(如图8-2),在弹出的“矩形设置”对话框的“边角半径(C):”输入合适的数字后(如图8-3),直接画出矩形即可。“边角半径”的大小可多试几次,最终取合适值。
  • “按钮背景”的颜色过渡为“按钮前景”的颜色到“影片背景”颜色的颜色过渡。

 Flash <wbr>MX <wbr>实例教程(8)——影片场景的切换

(图8-2)

 

Flash <wbr>MX <wbr>实例教程(8)——影片场景的切换

(图8-3)

4、 插入一个新场景:

  (1)在范例中,我们发现四个文字效果都是相互独立的,即不是在同一个舞台上显示。我们称这些舞台为场景;

  (2)用鼠标单击“插入”菜单,选择“场景”选项,插入一个新场景;

  (3)用鼠标单击“修改”菜单,选择“场景”选项,在弹出的“场景”面板上,分别双击“场景1”和“场景2”,将“场景1”改名为“LOGO”,“场景2”改名为“FIRST” (如图8-4)。改好后将“场景”面板关闭;

 

Flash <wbr>MX <wbr>实例教程(8)——影片场景的切换

(图8-4)

 

  (4)打开以前所做的“翻转文字.fla”文件,在“翻转文字.fla”文件中,单击时间轴的“图层1”选中“图层1”的所有帧,再在所选中帧的任意位置右击,选择“拷贝帧”。关闭“翻转文字.fla”文件回到原文件的“FIRST”场景;

  (5)在“FIRST”场景的“图层1”的第一帧右击鼠标,选择“粘帖帧”。如果出现一个“解决库冲突”的警告窗口,在该窗口中选择“替换现有的项目(不能恢复)”项后,选择“确定”返回;(如图8-5)

 

Flash <wbr>MX <wbr>实例教程(8)——影片场景的切换

(图8-5)

  (6)分别将“图层1”的第1帧、第10帧和第20帧三个关键帧中的“上海市继光中学”文字对象在“排列”面板中设置为相对于舞台水平垂直居中对齐。

 

5、做好以上几个步骤后,分别按下“Enter键和“Ctrl+Enter”键进行观看,是否发现存在的问题?

 

6、 动作设置:

动作1:

  (1)在时间轴的右下方有一个“编辑场景”按钮,用鼠标单击它并选择“LOGO”,返回“LOGO”场景;(如图8-6)

Flash <wbr>MX <wbr>实例教程(8)——影片场景的切换

(图8-6)

  (2)右击“LOGO”场景中“图层1”的第一帧,选择“动作”打开“帧动作”面板。在“帧面板”的左边依次选择“Actions”、“Movie Control”、“stop”并双击“stop”选项,则在“帧动作”面板的右边会自动生成相应的代码;(如图8-7)

Flash <wbr>MX <wbr>实例教程(8)——影片场景的切换 

(图8-7)

*此时,可按下“Ctrl+Enter”键观看效果

 

动作2:

  用鼠标右击“LOGO”场景中的“翻转文字”按钮对象,选择“动作”打开“动作-按钮”面板。先在“动作-按钮”面板的左边依次选择“Actions”、“Movie Control”、“goto”并双击“goto”选项,再在右边的选项中依次设置如下:“场景(C):”为“FIRST”,“帧(F):”为“1”;(如图8-8)

 

Flash <wbr>MX <wbr>实例教程(8)——影片场景的切换

(图8-8)

 

 

*此时,再按下“Ctrl+Enter”键观看效果

 

动作3:

  (1)单击时间轴右下方的“编辑场景”按钮,选择“FIRST”进入“FIRST”场景;

  (2)右击“FIRST”场景“图层1”的第20帧,选择“动作”打开“帧动作”面板;

  (3)在“帧动作”面板中,用前面所提到的“动作2”的方法,将第20帧的动作设置为跳转(goto)到“FIRST”场景的“第1帧”。

 

*再次按下“Ctrl+Enter”键,观看效果,发现还有什么问题?

 

7、 制作“返回”按钮:

  做到这里,基本上效果已经出来了。但发现,无法从“FIRST”场景返回到“LOGO”场景。

  在“FIRST”场景中再做一个“返回”按钮(如图8-9),使这个按钮的动作为跳转(goto)到“LOGO”场景的“第1帧”。请学生们自己思考并完成之。

 

Flash <wbr>MX <wbr>实例教程(8)——影片场景的切换

(图8-9)

 

*注意:这个“返回”按钮必须像图中所示,放在单独的图层中。

 

8、现在,第一个新场景已经做好了。还有三个新场景(“光影文字”、“探照灯文字”和“随风飘落”)需要完成,请学生们利用课堂上的时间讨论并完成之。

*注意:如果需要从有两个图层的文件中拷贝帧,可通过“Shift”键选中多个图层后再拷贝。

 

9、如果将整个文件的舞台背景颜色改为“黑色”,想一想还有什么地方需要修改?有兴趣的同学可以试一试。

 

10、保存文件:A:\影片场景切换.fla

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多