| | | | 首页 >> 网页教程 >> flash教程 >> 正文 | | | Flash商业制作实例--页面简单设计 | | | 责任编辑：川北素材网 添加日期：08-04-18 09:34:56 浏览： 次 | Flash在网络中的应用已经越来越广了，不仅仅用来制作网站宣传片，产品广告，还可以用来代替传统的Html网页成为网站中的一部分，使用Flash制作的页面不仅视觉效果突出，而且交互功能也非常的强，所以现在好多商业网站都使用Flash技术来制作，这次我们就来看看如何具体的制作一个纯粹的Flash页面。(本例源文件请点击这里下载)
下面就来模拟一个具体的商业操作，给一家叫Ways2Web的公司制作其网站首页，最终效果如图1所示：
图1
从图1中可以大致看到这个页面的布局和效果。最左边是纵向移动的网站名称Ways2Web,页面的主题是中部和右部，其中中下部是网站的几个栏目，为了说明问题，这里只暂时设置了四个栏目，根据需要可以添加更多的内容，上面的线框就是具体到每个栏目中的具体内容了，这个线框是动态出现的，只有选择一个栏目后，会从页面右边滑入，然后展开，在展开的同时会显示具体的内容。基本上这就是整个页面的结构了，不过大家可以根据自己的构思和创意，丰富页面的内容。
此页面看上去比较简单，但是制作起来一点都不轻松，这也是商业站点制作的一个特点吧，下面就更我来一起制作这个网站页面。
1.首先启动Flash,新建一个大小为800px*600px(单位为象素)的影片，设置背景色为黑色。
2.将主场景中默认的图层Layer1更名为Background,从外部导入一副合适的图片，作为整个页面的背景，调整图片位置覆盖住整个舞台区域，最后将图片打散，在属性面板中调整其透明度为17%,如图2所示；
图2
最后在第250帧插入一个关键帧，这也是整个影片的播放长度。
3.在背景层上添加图层Car,我们可以巧妙的利用背景图中两栋大楼之间的街道，来布置几辆汽车从其间驶过的效果，一来丰富了页面内容，二来更体现了一定的真实性。新建一个影片剪辑Car,使用绘图工具绘制一个简单的小汽车，如图3所示即可：
图3
这里为了使小汽车在页面中可以明显的看到，特意加了两个比较亮的车灯。接下来新建一个影片剪辑carmove,制作汽车运动的效果。添加两个图层Car1和Car2,将汽车car拖到car1的第1帧，在第180帧插入关键帧，将汽车向下移动一段距离，最后建立一个运动过渡效果，按照同样的方法在图层car2的第12帧插入关键帧，将汽车引入，如图4所示放在前一辆车的后面，然后在第212帧插入关键帧，也建立运动过度动画，这这样就完成了两辆汽车相继运动的效果。
图4
回到主场景中，在图层car的第90帧插入关键帧，然后将元件carmove拖进舞台,适当缩小其尺寸，调整其位置到图5所示的两栋大楼之间的街道的最远端。
图5
如果想多在页面上显示一些汽车，可以继续添加图层，然后延迟一段帧后在引入元件carmove,本实例我们引入了两次carmove,所以最后一共出现四辆汽车。
3.在图层car添加图层Plane,既然地面上有汽车了，如果天空上能飞过几架飞机就更好了，所以新建一个影片剪辑元件Plane,使用绘图工具绘制如图6所示的飞机外形；
图6
| |
| |
|
