让你的“家”快速“闪”亮登场
作者 佚名技术
来源 服务器技术
浏览
发布时间 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 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash实例鉴赏:夏日可乐饮水机下一篇: 《心心相印》----情人节贺卡制作
关于让你的“家”快速“闪”亮登场的所有评论