快速业务通道

让你的“家”快速“闪”亮登场

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-15
钮加上如下动作:

  on (release) {
  tellTarget (″/″) {
  gotoAndPlay (″1st_page″);
  } }

  这段action的作用是在鼠标按下后,回到主场景的第一帧(即首页) 。

  这样我们就完成了动画片断(MC)page1_bg的全部制作。第二、三、四子页动画片断page2_bg、page3_bg、page4_bg的制作与此类似。唯一不同的就是每页的标题和中间文字内容不一样。其具体制作方法则与page1_bg的完全一样。

  二、背景动画的制作

  我们把四种背景图分别制作在一个名为bg的MC中的4个帧里,以便晚一点我们在按钮的action(脚本编程语言)里调用它们。 按“Insert>New Symbol(Ctrl+F8)”建立一个新的MC,命名为bg。

  接下来选“File>Import(Ctrl+R)”输入1_1.jpg、2_1.jpg、3_1.jpg和4_1.jpg,分别放到四个关键帧里。

  点选第1帧(如图22使红色指针位于第1帧), 选“Windows>Movie Explorer(Ctrl+Alt+M)”,打开动画观察器。点Frame Actions,双击左边Basic Actions下面的stop。这时在右边的程序窗就会显示“stop()”。在第1帧加上该action的目的是为了放到主场景后,该MC在默认状态时停止在第1帧。

  搭配整个主场景动画……

  三、 搭配整个主场景动画

  我们已经完成了所有动画“部件”的制作,建好的全部元件库。现在我们要做的就是怎样把这些东东安排到主场景的舞台上去。在主场景的制作之前,可以看看整个网站的动画流程图。

  注意:在用Flash做网页的时候,运用类似于工厂里产品加工的流程图,可以让你保持清醒的头脑,提高制作的效率。

  完成后的1-50帧的动画如图26。其中第1-3帧为首页的状况。第3-50帧为第一子页面的状况。层bg里放的是之前我们做的动画片断bg(从Library中拖出来);层“border”中我们用四边形工具绘制的黑色边框(选择不要填充),目的只是为了页面的美观;层sign里放置“网络艺术之家”的标志。   新建如图26的四个层(Layer)“menu_1”、“menu_2”、“menu_3”和“menu_4”,分别把元件库中的四个MC:page1_bg、page2_bg、page3_bg和page4_bg拖动到这四个对应的层之中。

  1.切换按钮的动画

  为了在按下按钮1时,能产生一些动画(按钮2、3、4慢慢滑下并消失,按钮1的动作由小到大,再由大到小的变化), 需要在层“menu_1、menu_2、menu_3、menu_4”中让4个按钮作如图26所示相应的渐变。

  在层“menu_1”的第35、42、50帧处均添加一关键帧,里面的内容均为按钮1,在第42帧处将按钮放大,并设定其Alpha值为0,然后再在第35、50帧处加上motion的渐变。

  在层“menu_2”上建立从第24帧到第34帧的移动渐变(作用就是让按钮2滑下并消失);在层“menu_3”上建立从第15帧到第25帧的移动渐变(作用就是让按钮3滑下并消失);在层“menu_4”上建立从第4帧到第14帧的移动渐变(作用就是让按钮4滑下并消失)。

  2.切换按钮的动作

  在场景中的四个按钮连接着相应的4个分页面,需要为它们加上相应的动作(action)。按钮1为:

  on (release) {
  gotoAndPlay (“1st_page″);}

  按钮2为:
  on (release) {
  gotoAndPlay (“2nd_page");}

  按钮3为:
  on (release) {
  gotoAndPlay (″3rd_page″);}

  按钮4为:
  on (release) {
  gotoAndPlay (″4th_page″);}

  3.动画的控制

  在层“content”上的第1-3帧放置元件库中的首页内容,即动画片断“start”。

  在第3-50帧放置第一子页的内容,即元件库中做好的动画片断“page1_bg"。层“action”的第1帧设定帧的标签,以便于按钮的调用,并设定action为“stop”。另外在第50帧也设定action为“stop",目的是让第一子页的播放到此即停止。

  技巧:在Flash制作中可以用一

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号