flash web制作.docx

flash web制作.docx

《flash web制作.docx》由会员分享，可在线阅读，更多相关《flash web制作.docx（13页珍藏版）》请在冰豆网上搜索。

flashweb制作

1、新建文件

2、打开属性面板（窗口——属性——属性）

3、设置画布尺寸为800×600

4、设置背景颜色为#333333

5、选择矩形工具

6、关闭边框颜色，填充色为白色.

7、画一个任意矩形

8、设置矩形的宽为650，高为469，x坐标80,y坐标68，单击矩形就可以在下方的属性面板设置这些属性

9、选中该矩形右击——转换为原件命名为“BackgroundSymbol”，选中影片剪辑后确定

10.增加一个图层2.

11.选择新图层，并在此选择矩形工具（w:

632.4,h:

450.4,x:

88,y:

75），填充色为黑色，笔触关闭

12.右击该黑色矩形，转换为原件命名为“maskedsymbol”.

13.双击该黑色矩形进入，添加图层2

14.把图层1拖放到图层2的上方

15.如上图所示

16.右击图层1，并选择“遮罩层”

17.执行后两个图层均被锁定，选择图层2解锁

18.选择图层2，并用文件—导入—导入到舞台选择一张你喜欢的图片放置在舞台

19.锁定图层2，如下图所示效果

20.回到场景1

21.新建一个层，拖放到最低层

22.创建一个矩形（backgroundcolor#666666,width130,height50,）.

23.转换为原件，命名为“buttons”

24.复制粘贴多个矩形

25.参考坐标（xpositioning398.8）,（xpositioning529.6）,（xpositioning660.5）

参考位置如下图示

26.用文字工具给按钮上添加文字

27.“Home”,“portfolio”,”About”“FAQ”“ontact”

29.选中第三层，点击添加层，在第三层上添加一个新图层

30.选择矩形工具，填充色为白色，创建和按钮一样尺寸的矩形（width130,height50）

31.右击将其转换为原件，类型为“按钮”，名字为hit_area

32.双击该原件进入编辑状态“Up”,“Over”,“Down”,and“Hit”.

33.将up下面的帧拖放到hit下，后如图示

34.回到场景1，所有的方块看起来成了蓝色的

35.复制这个蓝色块和原有的按钮重合，如下图示

36.创建一个新层在最上层，选择矩形工具，关闭笔触，背景色为黑色，透明度50%（width:

304.8,height:

429.1,xpositioning:

551.5,andypositioning:

297.0）

36.选择这个矩形，选择菜单修改—形状—柔化填充边缘

37.弹出对话框，如下设置

38.在第30帧处选择所有图层右击—插入帧

39.在最顶层新建2个图层

40.在图层7上，分别在第5，10，15，20帧处按F6，如下图示

41.选第一帧，按F9打开actionscript窗口.输入“stop（）;”

42.在5,10,15,and20，进行如上设置.

43.在图层6上5,10,15,20帧处按F6，如下图示。

44.wearegoingtodosomethingalittlediffrentthistimewearegoingtonamethelittlesirclesinsteadofinsertingactionscript.dothisclickonthefirstframeonthecirclewithnothingonitandthengotothebottomleftcornerandthereissomethingthatsaysframethereenterthefollowing“home”.

45.Nownamealltheotherlittlecirclesthisshouuldbethenames（portfolio,about,faq,andcontact）.

46.第5层的5,10,15,20帧处按F6，如下图示

47.在第一帧处输入内容如下

48.下来以次在5,10,15,20帧处输入内容.

49.点击选中“homebutton”上的那个蓝块，F9输入如下代码，并分别选中其它蓝块输入代码（portfolio,about,faq,contact.）

on（press）{

gotoAndStop（“home”）;

}

50.Ctrl+Enter后可预览效果

51.Alternatively,ifyouareextremelyfrustratedwithflashandwanttosaveyourselfsometime,youcancreateafreeflashwebsitewithWix.Createasupergoodlooking,professionalflashwebsitewithoutanyknowledgeofflash.