flash结合fireworks制作下拉菜单(flash下拉菜单怎么做)
大家好,今天就和小雪一起来看看这个问题吧 。flash下拉菜单怎么做,flash结合fireworks制作下拉菜单很多人还不知道,现在让我们一起来看看吧!
flash结合fireworks制作下拉菜单:的方法步骤
1.先用Fireworks软件制作几个图形(当然也可以用其他图形软件制作)。方法比较简单,这里就不告诉你制作步骤了。图片为导航提示文字图片和显示内容的四个下拉菜单图片,可以分别导出为jpg或gif格式。如下图:
第二步。然后将导航图片导入Flash stage,命名图片菜单,将另外四张图片导入Flash库。如图所示:
第三步。“插入”-“新建组件”选择名为B的按钮,新建一个按钮组件。然后,我们使用矩形工具在按钮的弹出框中绘制一个没有边框,没有任何填充颜色的矩形。这里我们不关心其他框架。当然,你也可以在自己练习的过程中给其他框架添加效果,让效果更加酷炫!这里我们做了一个简单的按钮。如下图:
第四步。之后,我们设置了一个电影编辑组件,并将显示下拉菜单内容的导入图片作为电影编辑组件的内容。如图:网络管理bitsCN_com
用同样的方法,我们设置了另外三个电影编辑组件,并导入另外三张图片作为电影编辑的内容。
第五步。接下来开始创建一个名为S _ B的按钮,这个按钮的作用是实现我们将鼠标移动到下拉菜单时的颜色渐变。创作方法很简单。我们只需要设置按钮的弹出框和鼠标悬停框,绘制两个大小相同颜色不同的矩形(弹出框中矩形的颜色与步骤3中的相同)。如图所示:
第六步。接下来开始制作下拉菜单效果的动画,新建一个名为b1的电影剪辑,创建四层,在第一层画一个接近直线的矩形,具体制作方法可以放大显示比例。然后在第10帧插入一个空白关键帧,画出一个大小合适的矩形(矩形的大小可以调整,后面下拉菜单图片的大小也一样)。然后,选择第一帧以打开动作面板,并输入命令stop()。让我们在开始时停止播放动画,然后打开属性面板并制作形状动画。并在第30帧处按F5插入一个帧。如图所示:
接下来,我们在第3层的第10帧插入一个关键帧,然后将第4步中菜单内容的影片剪辑拖动到舞台上,单击选中的图形,将alpha设置为0,在第15帧插入一个关键帧,然后回到第10帧做运动补间动画。然后在第30帧处按F5插入一个帧。如图所示:
然后在第4层第30帧插入一个关键帧,打开动作面板,输入:stop();停止电影播放。
在第2层的第15帧插入一个关键帧,然后将第5步创建的s_b按钮拖动到舞台上,大小刚好覆盖下拉菜单中要显示的文本,连续拖动四次,在第30帧插入一帧。如图所示:
您可以选择不同的按钮将相应的超链接添加到下拉菜单中。如图所示:
第七步。我们重复步骤6的方法来创建其他三个电影剪辑。
第八步。回到主场景,在菜单图层下创建四个图层,分别命名为b1、b2、b3、b4。在每个层中,将步骤6和7中创建的影片剪辑拖出图库,放入相应的层中,并分别命名影片实例b1、b2、b3和b4。注意放电的位置和菜单的相应内容。如图所示:
第九步。然后在菜单图层上新建一个名为botton的图层,按Ctrl+L打开库面板,连续拖出步骤3中制作的按钮B,覆盖导航中的文字。如图所示:
第十步。选择“行业新闻”上的按钮,打开操作面板,并输入以下指令:
开(按下)
{
_ root . B1 . goto andplay(2);
_ root . B2 . gotoandstop(1);
_ root . B3 . gotoandstop(1);
_ root . B4 . gotoandstop(1);
} 54ne.com
同样,“网页制作”按钮的说明:中国站长联盟
开(按下)
{
_ root . B1 . gotoandstop(1);
_ root . B2 . gotoandplay(2);
_ root . B3 . gotoandstop(1);
_ root . B4 . gotoandstop(1);
}
“动画”按钮使用说明:中国站长联盟www.bitscn.com
开(按下)
{
_ root . B1 . gotoandstop(1);
_ root . B2 . gotoandstop(1);
_ root . B3 . goto andplay(2);
_ root . B4 . gotoandstop(1);
}
“网络编程”按钮说明:www.bitsCN.com网络管理联盟
开(按下)
{
_ root . B1 . gotoandstop(1);
_ root . B2 . gotoandstop(1);
_ root . B3 . gotoandstop(1);
_ root . B4 . gotoandplay(2);
}
完成了。
看过“flash结合fireworks制作下拉菜单”的识别:1。制作烟花动画的三种方法。
2.烟花让粉丝拓展动画
3.Fireworks设计并制作数字连续滚动动画。
4.制作GIF动画图片的Fireworks教程
5.5.fireworks如何制作gif动画?
6.6.fireworks如何使用投影制作动画?
这篇文章到此就结束,希望能帮助到大家。
扫描二维码推送至手机访问。
版权声明:文章内容摘自网络,如果无意之中侵犯了您的版权,请联系本站,本站将在3个工作日内删除。谢谢!