2021-09-11 来源:网络
本节课我们来学习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的介绍,如图所示
4、设汁第4个内页MEMBERSHIP的介绍,如图所示、
5、设计第5个内页CONTACTS的介绍,如图所示。
6、到这一步已经完成了基本流程的介绍,最终效果:
到这里我们的国外全站模板设计案例介绍就完成了,希望对你们有所帮助。
相关文章