当前位置:萝卜系统下载站 > 电脑学习教程 > 详细页面

flash图文教程:国外flash全站设计

flash图文教程:国外flash全站设计

更新时间:2023-06-25 文章作者:未知 信息来源:网络 阅读次数:

Adobe Flash(原称Macromedia Flash,简称Flash;前身FutureSplash)是美国Macromedia公司(已被Adobe公司收购)所设计的一种二维动画软件。通常包括Adobe Flash,用于设计和编辑Flash文档,以及Adobe Flash Player,用于播放Flash文档。

本节课我们来学习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全站设计实例教程源码下载


Adobe Flash Player能够播放简短快速的多媒体动画、交互式动画以及飞行标志等各类图像文件。

温馨提示:喜欢本站的话,请收藏一下本站!

本类教程下载

系统下载排行

网站地图xml | 网站地图html