依依小舍~~~可爱精灵版 - 笔记本 - 教程


菜鸟也玩flash初级教程(7)导航菜单
[2008-03-14 12:22]

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

还是先看一下效果吧!
点击浏览该文件
/Upload/2005-01/2004123081525820.swf
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、大功告成喽!!现在完成的主场景如图所示:

按此在新窗口浏览图片

如果你做的和这个有很大的差别,可查看源文件:


点击浏览该文件

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


点击浏览该文件


点击浏览该文件


点击浏览该文件


本页永久地址: 复制 人气(24) 鲜花(
0
) 举报


发表评论
昵 称:
验证码:
内 容:
发表评论


 编辑窗口
确定 取消
 
首页 | 相册 | 影音秀 | 成长日记 | 笔记本 | 留言本 | 小脚印
编辑窗口