分享

用flash8做图片浏览器的一种方法举例

 qjguo 2012-03-31

用flash8做图片浏览器的一种方法举例

    这只是一种方法,而且显然不是最好的方法,但是这种方法所要求掌握的技巧不多,所以初学者就能够做出来。先看本例的效果。

   

 

    准备工作:将要放入浏览器的29幅图片通过PS改变尺寸为450*360像素,另外制作4幅缩略图(其尺寸为55*360像素,背景透明,保存为GIF格式)备用。下面是制作步骤。

    1.新建525*410像素文档,设置背景色为墨绿色,选用文本工具在上端输入白色的“图片浏览  温馨的家”。然后点“文件”-“导入”,将准备好的一幅衬底的图片导入到舞台,并在“属性”面板中设置其位置为X=10,

Y=40。

用flash8做图片浏览器的一种方法举例

    2.插入图层2,点“文件”-“导入”,将第1幅缩略图导入到舞台,在“属性”面板中设置其位置为X=465,Y=35。

用flash8做图片浏览器的一种方法举例

    3.右击图层2第1帧,出现对话框,点选“动作”,在下边的“动作”面板中双击“stop”,此时在该帧的小黑框上出现一个小写的“a”。

用flash8做图片浏览器的一种方法举例

    4.关掉动作面板,打开属性面板,插入图层3,右击其第2帧,插入空白关键帧,点“文件”-“导入”,将第2幅缩略图导入到舞台,在属性面板中设置其位置为X=465,Y=35。再右击这一帧,出现对话框,点选“动作”,在下边的“动作”面板中双击“stop”,此时在该帧的小黑框上出现一个小写的“a”。

    再插入图层4,右击其第3帧,插入空白关键帧,点“文件”-“导入”,将第3幅缩略图导入到舞台,在属性面板中设置其位置为X=465,Y=35。再右击这一帧,出现对话框,点选“动作”,在下边的“动作”面板中双击“stop”,此时在该帧的小黑框上出现一个小写的“a”。

    5.再插入图层5,右击其第4帧,插入空白关键帧,点“文件”-“导入”,将第4幅缩略图导入到舞台,在属性面板中设置其位置为X=465,Y=35。再右击这一帧,出现对话框,点选“动作”,在下边的“动作”面板中双击“stop”,此时在该帧的小黑框上出现一个小写的“a”。

用flash8做图片浏览器的一种方法举例

    6.再插入图层5,右击其第4帧,插入空白关键帧,点“文件”-“导入”,将第4幅缩略图导入到舞台,在属性面板中设置其位置为X=465,Y=35。再右击这一帧,出现对话框,点选“动作”,在下边的“动作”面板中双击“stop”,此时在该帧的小黑框上出现一个小写的“a”。

    右击图层1第4帧,插入帧。

用flash8做图片浏览器的一种方法举例

    7.插入图层6,点“插入”-“新建元件”,在出现的对话框中输入名称为“下一页”,点选类型为“按钮”,确定。

用flash8做图片浏览器的一种方法举例

    8.进入“下一页”按钮的编辑界面,在“弹起”帧,选用合适的工具,画一个白色的向下箭头,并在其中输入“下一页”,然后分别在“指针经过”、“按下”、“点击”帧插入关键帧。

用flash8做图片浏览器的一种方法举例

    9.点“时间轴”上的“场景1”,从库中拖“下一页”按钮元件到缩略图的下边,并改变其大小为合适,然后右击该按钮,出现对话框,点选“动作”。

用flash8做图片浏览器的一种方法举例

    10.在界面下边出现“动作”面板,将下面的代码复制粘贴进去:

on (release) {
 play();
}

              用flash8做图片浏览器的一种方法举例

   
此时按Ctrl+Enter键测试,点击“下一页”箭头按钮,可以看到缩略图依次变换。下面开始向动画中添加图片。

 

    11.选中图层2第1帧,点“插入”,新建名为“01”的按钮元件,在其编辑界面上右击“按下”帧,点选“插入空白关键帧”,然后用矩形工具,设置笔触:无;填充颜色:任意,画一个矩形,再用选择工具选中该矩形,在属性面板上改宽=45,高=41。

用flash8做图片浏览器的一种方法举例

    12.回到场景1,从库中拖“01按钮”覆盖到缩略图的第1张小图上,然后右击它,出现对话框,点选“在当前位置编辑”。

用flash8做图片浏览器的一种方法举例

    13.舞台上的图变为半透明,同时出现“01按钮”的编辑界面,右击“指针经过”帧,点“插入空白关键帧”。

用flash8做图片浏览器的一种方法举例

    14.点“文件”-“导入”,将准备好的01号图片导入到舞台,并移动到合适的位置。

用flash8做图片浏览器的一种方法举例

    15.点“插入”,新建名为“02”的按钮元件,再双击库中的01按钮元件,进入其编辑界面,右击“按下”帧,点“复制帧”。

用flash8做图片浏览器的一种方法举例

    16.双击库中的“02按钮”元件,又回到02按钮的编辑界面,右击其“按下”帧,点“粘贴帧”。

用flash8做图片浏览器的一种方法举例

      17.回到场景1,从库中拖“02按钮”覆盖到缩略图的第2张小图上,然后右击它,出现对话框,点选“在当前位置编辑”。舞台上的图变为半透明,同时出现“02按钮”的编辑界面,右击“指针经过”帧,点“插入空白关键帧”。再点“文件”-“导入”,将准备好的02号图片导入到舞台,并移动到合适的位置。

用flash8做图片浏览器的一种方法举例

    18.用第16-17步骤相同的方法制作03-07按钮,并将3-7号图片导入到动画中。

    19.回到场景1,选中图层3第2帧,用上面相同的方法制作08-14按钮,并将8-14号图片导入到动画中。

用flash8做图片浏览器的一种方法举例

    20.回到场景1,选中图层4第3帧,用上面相同的方法制作15-21按钮,并将15-21号图片导入到动画中。再回到场景1,选中图层5第4帧,用上面相同的方法制作22-28按钮,并将22-28号图片导入到动画中。制作完成。

    补充:动画保存好以后,要检查它的体积,如果大于1.5MB,上传就可能比较困难(虽然有的上传网站规定的文件上限有的号称5MB,有的网站甚至号称100MB,但是实际上都远远达不到),此时为了把文件的体积缩小,可以在flash8的界面上删除一个(装了图片的)图层。所以在制作完成以后要进行两次保存,其中一次点“文件”-“保存为”......(这一次保存的格式是fla,可以在软件中打开重新编辑);另一次点“文件”-“导出”-“导出影片”......(这一次保存的格式是swf,可以上传取得URL地址以后上博客)。

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多