flash网页的制作与开发

《flash网页的制作与开发》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Flash网页制作1.设计任务与要求1.1设计任务Flash网页的制作与开发1.2主要任务1)设计网页的flash动画2）设计网页导航及网页链接1.3设计思想。做这个网页主要是为了宣传一下，森林的作用，同时让人们理解到，森林的重要性，呼吁人们保护森林，保护地球，创造我们自己美好的家园。首先整个网页就用全flash实现，达到互动性强，声形并茂，有较强的动态的视觉特效，而且运用橘黄色的色调，使观众有舒适感，和温暖的感觉，所以整个网页和flash舞台都是橘黄色。首先进入画面就用一个动态的动画进入，而且动画内容要

2、直接突出主题，所以我就用一个文本fores.然后转换为元件，接着就用补帧动画将该元件拖入舞台。首页制作完了，接着就是介绍界面了，为了突出主题，forest.这个元件不能删去，但是如果不改变效果，有点雷同首页，有失动态效果，所以我就用动态旋转，同时将元件放大，使主题更突出。然后就是第三个界面，那就是图片展示了，导航就用图片本身了，所以，导航里面的图片都放小，并且将之制作成按钮元件。2.详细制作过程2.1.素材导入，点击文件—导入—库命令弹出导入对话框。按住ctrl键多选。如图1图1然后将所有图片转换成元件，

3、选择影片剪辑;并命名为p1，p2.，p3，p4，p5，p6.如图2图22.2按钮制作。点击窗口—变形弹出变形对话框。并将它们变为长宽20%如图3图3做完后，再将图片转换成按钮元件，并双击。建立三个图层。图层1为我、背景图层，一直延续，所以在按下的位置插入关键帧，再图层2的指针过去时，画上黄色框，再按下的时候画上黄色框，且都为关键帧。在图层3上，按下的时候要有声音反应，插入按钮声音，其他图片也制作成为按钮。图片按钮就做完了。如图4图42.3音乐插入。新建图层5，并在图层5上插入音乐，一直到最后帧为关键帧。在

4、开始帧的属性上，点击声音—名称，选择你要插入的音乐就行了。如图5图52.4.建立两个图层。图层6上设置为背景2的图层，一直延续在最后，而且放入以上做的图片按钮，并摆在图层上面，而图层7则设置为题目，用文本写上题目，并延续在最后。如图6图62.5放映图片。在以上基础上再次建立一个图层，用来显示放大图片，每个图片放入10帧的延续帧，并且要调整为形同大小和位置，如图7。图72.6脚本。在每个图片按钮上加入脚本“on(release){gotoAndPlay(370);stop();}”按F9可进入脚本编辑，37

5、0是图层7上对应的播放图片的位置，其他的按钮以此类推。如图8图82.7修改一下舞台背景，将之转换为橘黄色，而且改变一下图片按钮位置，如图9.图92.8首页制作。制作动态的元件。先建立文本，然后反击鼠标，将之转化为元件。圆点和英文分别转换为元件。如图10图102.9制作完元件后，然后将元件都拖到起始位置，而在起始位置都插入关键帧，做完后就制作补间动画，动态效果就完成了如图11图112.10然后就是制作球滚动的效果，而且forest元件不能没，座椅要新建图层，作为延续帧一直延续到之后，球滚动也要用到补间动画，

6、方法同上球滚动过程中有另外一个球，然后就发生碰撞，而被撞球就开始滚动，撞的球速度减慢，而速度就通过同段距离不同帧（即帧的多少实现时间）来实现速度的快慢。如图12，图13.图12图132.11新建图层。球的终点就以一个黑洞吞噬来完成效果，而黑洞效果就需要用到椭圆工具，画出椭圆，并用黑色填充，笔触色为无。然后就是用缩放工具，放大和缩小椭圆，开始帧为最小，结束帧为最大（适合的大小即可），然后起始帧都设为关键帧，而且要将椭圆反击鼠标，点击分离，接着就建立形状补间。同时再接着做一个黑洞的关闭效果，关闭黑洞。如图14

7、.图142.12在黑洞层上，在接着复制出黑洞，开始为最大，最后为最小，将黑洞移动到英文右边，再建立形状补间即可，而球就在这里做出弹出效果，在球的图层上做一个引导层，在引导层上，用画笔工具画出出路径，即弹出的路径，同时引导层和球层的起始位置一一对应，而球元件的中心点要对着路径的起始位置。如图15图152.13介绍页面的制作.。由于要制作英文放大的效果，在这里就用比较笨拙的办法，每个关键帧都旋转一个角度同时放大一点，一直旋转180度就可以了如图16图162.14.球的出场，这里就将球缩小，再放大来实现球的出现

8、，就需要用到形状补间，将球放大，由于球有大小，用引导层的话，球在英文里边的滚动就不是很切合，所以，我用比较笨拙的办法，每帧都编辑，每一帧都加点距离，来大到形状补间，如图17。图172.15球出场完后就是介绍文字的出场了，建立新图层，在打开文本工具，把需要的文本说明都复制在文本框里，再把文本转换为元件，它的出场方式就重下到上的方式来实现，所以这里有药用到补间动画，如图18。图182.16，三个flash动画都做完后，由于网页在调