您的位置:首页网页设计Flash → Flash MX一步步跟我做“幽灵情书”

Flash MX一步步跟我做“幽灵情书”

时间:2004/11/7 2:20:00来源:本站整理作者:蓝点我要评论(0)


            
             
              
             
            

               
               

            



              害羞的你,是不是因为爱说不出口而烦恼?或者怕对方当面拒绝自己的约会邀请?很多人都或多或少得会遇到这样的情景吧!现在方便了,除了打电话,无处不在的网络更是帮你解决问题的好工具,而Flash更是这些工具中最有效的。画面生动可爱,很能吸引MM的兴趣哦!


  今天笔者就来教你制作一个可爱的小动画——“幽灵情书”,帮你说出你一直想对对方说的。先别被它的名字吓倒哦,但他确实很实用,更绝的是,它可真的会像“幽灵”一样。。。对方肯定不会再拒绝你咯!呵呵,下面我们就来开始制作吧。


  先介绍一下“幽灵情书”的基本构思和主要创作技巧吧。在“情书”中我们用文本工具创建一段文字,并提出你向她(他)的约会邀请,那可是“情书”的主体哦,就是你想说又难以启齿的,就让Flash来帮你传达吧!但从技术上来说,文本并不是关键,也是制作中最简单的一步。之后,我们要设计两个按钮,其中一个是她(他)答应你的邀请,切换到另一个画面,表达你高兴的心情,让她(他)感觉到你的真诚:),另一个按钮则是她拒绝你的邀请!:(“你不是说过,这个情书不会让对方拒绝我的吗?”呵呵,别急,本情书就是在这个按钮上做文章:对方永远也不能点到它,按钮就像长了脚,处处躲开欲拒绝的“残忍一击”,而只能答应哦。嘿嘿,这招够绝吧,它真的像幽灵耶!OK,打开Flash开工咯。


  第一步:启动Flash MX,创建一个新文件,设置工作区大小为400×300。然后使用文字工具输入想对她(他)说的话,并设置文本的属性,使它们和其它对象协调,如同1所示:


http://image2.sina.com.cn/IT/c/2002-07-26/1_2-68-897-8_20020726135744.jpg" border=1>
图1


  第二步:打开Insert菜单,选择New Symbol命令,或直接使用快捷键Ctrl+F8,在弹出的Create New Symbol对话框中选择Button项,并在文本栏中为两个新创建的按钮分别命名为ButtonOK和ButtonNO,如图2所示:


http://image2.sina.com.cn/IT/c/2002-07-26/1_2-68-898-8_20020726135744.gif" border=1>
图2


  进入按钮设计工作区,分别制作出这两个按钮,将存于系统Library面板中供以后调用。


  第三步:重新回到工作区,首先在第一帧中放置按钮“buttonOK”到工作区中合适位置,之后在1-5帧,插入关键帧,现在这5帧都有相同的内容。


  现在可以把按钮“buttonNO”,复制到1-5帧的不同位置。目的就是为了设置电击该按钮时实现动画在各帧之间的跳转,使对方永远也按不到该按钮。如图3所示。


http://image2.sina.com.cn/IT/c/2002-07-26/1_2-68-899-8_20020726135744.jpg" border=1>
图3


  第四步:这一步是关键,我们使用action语言实现预计的动画效果。首先使用快捷键F9打开action面板,选定第一帧,双击Movie Control中的Stop语句,使动画开始时便定格于第一这一帧,直到遇到一定的事件(如本例的鼠标点击),触发设置的动作(本例是各帧之间的跳转),如图4所示。


http://image2.sina.com.cn/IT/c/2002-07-26/1_2-68-901-8_20020726135745.jpg" border=1>
图4


  完成后其余几帧也做同样的设置,也就是使跳转到另一帧后,同样停止动作,直到遇到下一个事件。


  设置好帧动作后,我们接着来设置按钮。再次回到第一帧,选中按钮“buttonNO”,点击鼠标右键。选择Actions,在弹出Action面板双击Movie Control中的go to语句。在type中选择next frame,如图5所示:


http://image2.sina.com.cn/IT/c/2002-07-26/1_2-68-1057-8_20020726135745.gif" border=1>
图5


  现在该按钮的动作设定是:


  on (release) {


    nextFrame();


  }


  意思就是当鼠标点击松开时,跳转到下一帧。这意味着什么呢?哈,到了下一帧,按钮就换地方咯,抓到它再点击它,又跳转到下一帧,它又换个地方了,就这样不停的循环,它永远不停的跑,你能抓住它拒绝我么?呵呵,不过要实现这样完美的效果,还需要下面的步骤:


  将除了最后帧里的按钮的其他几个按钮都做上一步同样的操作后,在最后帧的go to下设置type为Frame Number,Frame为1,这样到了第5帧后,又会重新跳转到第1帧,这样才真正实现了跳转的循环,够“毒”吧?!


  第五步:完成了防止对方拒绝的步骤后,我们就可以尽兴的设计对方答应后怎样表示你的激动之情了。


  在第6帧创建一个空白关键帧,在其上写上类似高兴或激动的话便可。下面就来从技术角度来实现点击按钮“buttonOK”后跳转到这一帧,其实也比较简单,方法和上一步基本相似,打开该按钮动作面板后,设置为:


  on (release) {


    gotoAndPlay(6); //当鼠标点击松开时,跳转到第6帧。


  }


  注意:每个帧中的该按钮都要做同样的设置,才能实现随时点击该按钮都有事件激发的效果。如图6所示:


http://image2.sina.com.cn/IT/c/2002-07-26/1_2-68-1058-8_20020726135745.jpg" border=1>
图6


  第六步:倒此我们已经完成了该动画的主体,但正如编程要考虑到事件的各个方面一样,该动画也还需要做进一步润色。


  试想要是对方就是不答应,便不点击OK,而直接把动画关闭了,那我们的心血岂不白费?!考虑到这一点,我们便在第一帧中实现动画的全屏,而不能直接关闭它了。(虽然这还不是绝对能防止被强行关闭的措施,但吓吓一般人已经足够了:P)


  方法很简单,就是在第一帧的Action语句中加入“fscommand("fullscreen", "true");”语句,当动画开始载入时,便实现全屏,这样就能避免简单关闭该动画了。


  那么怎样才能关闭动画呢?要是只有点击同意按钮后才能实现关闭的效果,那该多好?很好,你已经初步具备“心狠手辣”的素质了:P下面我们就来实现这一设想:


  考虑到只有点击同意按钮才能跳转到第6帧,我们就在第6帧上加入一个按钮,实现窗口关闭功能吧。再次创建一个按钮,加入到第6帧中合适位置,设置它的动作为:


  on (release) {


    fscommand("quit");//当鼠标点击松开时,退出动画;


  }


  好了,现在我们已经完成了该动画的制作,如果还想在美工上加强,则不在本次教程计划范围内了,各位读者各展其才吧!类似本例的动画用来约会MM或像笔者一样用来“追债”可是再好不过了,希望读者好好利用它哦!另外,说明一点,这个动画Just a kidding,如有读者用来做“非法”手段,笔者可概不负责!:P

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 Flash CS4基础入门 如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页

人气排行 Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识:遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程:游动的鱼