当前位置:软件学堂 > 资讯首页 > 网络编程 > Flash > 国外flash全站设计

国外flash全站设计

2021/9/11 16:38:36作者:佚名来源:网络

移动端
adobe flash8.0

大小:125MB语言:

类型:动画制作等级:

本节课我们来学习flash教程:国外flash全站设计,通过设计一个高尔夫球俱乐部网站的模板的案例,将以设计思路为主来进行讲解,全站使用草绿色风格来表现主题,画面清爽别致,动画流畅逼真。
国外flash全站设计

国外flash全站设计效果如图所示。

本例思路:
在photoshop中进行整站设计
将设计出来的整站样本导入Flash,然后制作出各个内页的动画
具体步骤如下:
步骤一、整站设计


1、在photoshop中制作一个草坪背景。如图所示。然后添加一些高尔夫球,如图所示。

绘制背景

添加高尔夫球
2、设计出全站的面板,如图所示,然后制作好主页里的元素,如图所示。

设置面板

添加主页元素

3、将各元素导人Flash以后,切换栏同时面板要向后翻转,为了实现逼真的效果,这个翻转动画需要在Photoshop中进行“径向模糊”处理,如图所示

模糊处理
4、在Flash中制作出翻转动画,如图所示、

制作翻转动画
5、进入页面时,将布局好的各元素转换成影片剪辑,然后制作出传统补问动画,使各元素依次出现,如同所示

制作出场动画
6、制作页面打开时的动画,如图所示。

制作页面打开动画
7、打开页面后,高尔夫球从面板底部弹起来,如图所示,其动画制作流程如图所示。

弹起动画

弹起动画制作流程
8、本例的菜单是个比较传统的菜单,当鼠标移上去去后播放一段菜单效果,当移出后阿恢复到原始状态,因此在AS图层的第l和10帧插入脚本stop();语句,如图所示

插入脚本语言
9、在第2与11帧插入帧标签,如图所示。

插入帧标签
10、创建一个透明按钮,编写该按钮的事件代码,如图所示,然后制作出按钮滑人与滑出的动画,如图所示。

滑入和画出动画
步骤二、内页设计


1、在设计内页之前首先观察内页的布局,如图所示。

内页布局
2、单击READ MORE后弹出页面的详细介绍,如图所示。

页面介绍

3、设汁第3个内页TOURNAMENT的介绍,如图所示

TOURNANMENT页面介绍
4、设汁第4个内页MEMBERSHIP的介绍,如图所示、

NENVERSHIP页面介绍

5、设计第5个内页CONTACTS的介绍,如图所示。

CONTACTS页面介绍
6、到这一步已经完成了基本流程的介绍,最终效果:

最终效果

到这里我们的国外全站模板设计案例介绍就完成了,希望对你们有所帮助。

flash全站设计实例教程源码下载

标签: 全站  flash