小草教材第二篇<导航菜单>

文章类别：Flash | 发表日期:2008-9-21 20:07:03

　　感谢闪吧和网友们的支持,小草在这儿发表了第一篇教材，是关于鼠标特效的。有网友说好，也有指出不足的。这教程出自于小草的亲身实践，也的确带有一些局限性，发表于这里，仅想与闪吧里网友们交流，权作抛砖引玉吧！

在网站里，大家了看到这种效果，最先是在韩国的网站里的吧！当时看起来很好看，效果也不错。今天，小草在这儿向大家介绍一下这个动画的制作方法！（这是我个人的制作方法，愿大家能举一反三，学会更多。）

还是先看一下效果吧！
点击浏览该文件

1、新建一个文件，保存为 ery.fla 。

2、选择“修改”菜单中的“影片”选项，或者按CTRL+J快捷键，打开影片属性对话框。

3、在弹出的影片属性对话框中，设置影片的尺寸为600*300，帧频为第秒30帧。

4、选择“文件”菜单中的“导入库”命令。

5、将预先预备好的9张图片全部导入到库中。


6、选择“窗口”菜单中的“库”，或者按CTRL+L打开库，可以看到刚导入的图片！

7、插入一新建影片元件，将其命名为mc，单击确定，进入其元件编辑状态。

8、将库中的一幅图片托到当前元件场景中，设置其大小为600*300，位置为：X = -600

Y = -300。

9、依次将其它8张图片也托到当前元件场景中，设置其大小均为：600*300，但各自的位置是不相同的，可千万不要搞错了！！其它几幅图片的位置如图所示：

10、新建图层2，插入两个空白要害帧，用于添加动作。第一帧和第二帧的动作如图所示：

（第二帧动作）

11、返回主场景，在库中可以看到刚编辑完成的影片元件mc.

12、再插入一个名为“botton”的按钮元件，点击确定。

13、进入其编辑状态，绘制出如图所示的图形：（为方便编辑，可以暂时将影片改为蓝色，按钮编辑完成后，再将影片背景色改为白色即可。）


14、回到主场景中，新建两个图层，将上下图层分别命名为：按钮和影片。

15、将刚做好的按钮从库中托9次到按钮层中，对它们的排列位置进行调整，用旋转工具对按钮的指示方向进行旋转，调整到如图所示的状态。

16、将库中的mc影片元件托到影片层中（应该不会托错吧！），在属性栏中将此元件命名为：er

17、现在要对按钮层中的按钮添加动作了！（要看仔细了，9个按钮上的动作是不相同的，可不要写错了！）

18、大功告成喽！！现在完成的主场景如图所示：

假如你做的和这个有很大的差别，可查看源文件：

点击浏览该文件

做此教程所有截图文件也打包放到这儿：

点击浏览该文件

点击浏览该文件

点击浏览该文件

再有什么不明白的地方，可以在这儿跟贴！

此教程全为小草个人之词，若有不足之处，还请大闪们多多指正，小草不胜感激！

上一篇：{实例}清言教程——绘制面部人物面部2 人气:1639
下一篇：{实例}时髦的Back Button 人气:1323

Flash视频教程