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

国外flash全站设计

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

移动端

PC版/

adobe flash 8.0

大小：125MB语言：

类型：动画制作等级：

本节课我们来学习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

上一篇：AS3.0制作产生持续旋转效果（喜羊羊转晕了）
下一篇：国外优秀flash全站解析

相关文章

热门软件/ 推荐游戏/ 手机软件

资讯分类

Dreamweaver Flash DIV+CSS 编程其他

推荐教程

精品软件推荐

360安全卫士

讯飞输入法