欢迎大家光临【无师自通-教程网】您的到来是我们的荣幸。本站提供photoshop教程,ps教程,flash教程,cad教程,网页制作教程,excel教程,asp教程,vb教程,3d教程,c语言教程,html教程,coreldraw教程,dreamweaver教程,java教程,3dmax教程 等各种教程为主题的内容和服务,相信您会在这里找到您所需要的东东。无师自通伴您一生-谢谢您的光临!!
网站地图 设为首页
简繁切换 加入收藏
栏目待定 留言本站
您现在的位置: 无师自通-教程网 >> 多媒体动画 >> Flash教程 >> Flash技巧运用 >> 教程正文

  没有公告

教程: Flash教程-技巧运用-Flash变速滑动菜单剖析 更多...
教程: Flash教程-技巧运用-Flash变速滑动菜单剖析


实例说明:

  这是一个在网页中的FLASH导航菜单,很有动感吧?

  经过本例的学习,你将掌握基本的FLASH菜单的操作步骤。以及用AS来编写变速运动的基本方法。一个例子的学习是次要的,希望大家学习完以后可以掌握这种方法,举一反三,应用到更多的实例中去。

   

  实例思路:

  正如前面所说的,一个例子的学习是次要的,关键是掌握这种方法。在进行我们实例之前,先说一下理论与方法。

  在这个导航中,有四个Button(按钮,简称:BTN),一个MovieClip(影片,简介:MC)。上面跟随移动的MC实例名为:follow。下面的四个BTN实例名分别为:btn_home,btn_about,btn_news,btn_links。实例的运动方法:当鼠标移动到其中的一个按钮上时,上面的MC(follow)会以逐渐减速的运动慢慢靠近鼠标所指的按钮上。这其中是以它们的X坐标来判断follow的位置的。

  follow总共需要移动的距离为我们鼠标所指的按钮的X坐标减去它自己的X坐标。follow每次移动一定的距离(如果大家仔细观察的话,应该发现它并不是以匀速进行的,而是以减速进行的)

  下面我们假设follow的X坐标为40,而我们将鼠标移动到了btn_links的按钮上了(即标有links的那个按钮)。而btn_links的X坐标为280,那么,它们之间的距离为btn_links._x-follow._x(这其中的._x代表这个实例的X坐标)。现在我们需要让follow以减速运动从当前的X坐标移动到btn_links的X坐标上。

  注意:下面是本例的重点,也就是需要大家掌握的“方法”。

  我们让follow每次移动它们之间的距离的1/2。因为follow的X坐标是随时改变的,所以它们之间的距离也会随时改变。当follow第一次移动的时候,它的X坐标为40 (280-40)/2=160注:(40(follow的X坐标) (280(btn_links的X坐标)-40(follow的X坐标))/2=160(移动后follow的X坐标)。当它第二次移动的时候,它的X坐标为160 (280-160)/2=220。它第一次移动的距离为120像素,而第二次移动的距离为60,实现了我们所要的减速运动。如果觉得这样的减速运动太快的话,你可以适应的改变每次移动的比例。如让follow每次移动1/3……

  实例实践:

  上面我们已经掌握了本例的基本实现思路。下面,我们就按着我们的思路,来一步一步地去实现这个菜单。

  step1:首先,我们需要制作我们所需要的元素。4个bTN,以及一个MC,把你所需要的栏目,做成BTN,然后制作一个跟随移动的MC。
  方法:点击菜单 插入(insert)>>新建元件(new symbol) 在名称(name)上填写名称btn_home。(起名字最好要有个规则,不然如果元件多了,看起来会很乱)

  (快捷键Ctrl F8)确认行为选择为按钮。

  点击确认以后,便会进到这个元件的编辑界面。我们会看到这里面的编辑方式不一和主场景不一样,只有四个帧,这是因为这个元件的行为是按钮的原因。这四个帧分别为:up(弹起)、over(指针经过)、down(按下)、activ(点击)。分别代表鼠标不在按钮上,鼠标经过按钮(或者在按钮上停留时),鼠标点击时,最后一个是响应鼠标的区域。如果最后一层没有的话,就会以最上面一层的up(弹起)为活动区域。

  我们在图层1的up帧用文本工具写入HOME,这里颜色为#146270。然后在down(按下)帧,点鼠标右键,选择插入帧(insert frame)。这是为了保证在任何时候都显示home这几个文字。在属性面板中设置X和Y都为0;然后在新建一图层,将图层2拉到图层1下面,用矩形工具在图层2上画一个长方形。在属性面板设置宽为80,高为20,X和Y都为0;设置填充色为#56CCE0,无边框。然后在鼠标经过(OVER)上点鼠标右键选择插入关键帧(insert key frame)。将填充色改为#8ADCEA,然后在最后一帧上,即

[1] [2] 下一页

教程录入:admin    责任编辑:admin 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
     
     
     
     

    3DsMAX实例制作:三维玻璃灯泡

    3dmax在线教程--蝴蝶

    3ds max时尚水晶鞋

    精彩Flash制作风吹草动效果动画

    教程: 3DS Max-设计实例-三维虚拟…

    3dmax7.0教程--火焰特效

    绘画技巧:Flash绘制人头造型

    3ds max 室内设计---室内效果图
    免责声明!本站资料大部分来自于互联网,其版权归原作者或其他合法者所有.如内容涉及或侵犯了您的权益,请通知本人,我将尽快处理!.欢迎您的光临。
    辽ICP备07003958号
    无师自通,伴你一生-教程网