《flash教材配套PPT第9章--网站Flash引导页面制作.pptx》由会员分享,可在线阅读,更多相关《flash教材配套PPT第9章--网站Flash引导页面制作.pptx(16页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、“十二五”职业教育国家规划教材经全国职业教育教材审定委员会审定大连理工大学出版社地址:大连市软件园路80号发行:0411-84708842E-mail:新世纪高职高专教材编审委员会 组编(第三版)FlashFlash项目实践教程项目实践教程CONTENTS PAGE 目录页 010203041Partart9 9第9章 网站Flash引导页面制作2目标概述案例效果学习目标 网站引导页面动画是网站的品牌和理念的最佳的演示,要在充分了解客户想要表达的概念或者价值观念的基础上,制作出具有出色的创意同时符合网络的要求的动画效果。本项目就是为常州工程职业技术学院的学院网站制作引导页面。3知识导航设 计
2、思 路9.19.1 设计思路第9章5 根据网站的页面设计,引导页面具体的设计思路如下:1.字动画(1)屏幕居中“常州工程职业技术学院”标记文字由大且模糊逐渐变小且清晰,最终消失;(2)屏幕左上角的“常州工程职业技术学院”Logo由模糊逐渐变清晰;(3)“常州工程职业技术学院”Logo下方延展出一条白线;(4)白线下方显示“常州工程职业技术学院”的英文缩写(遮罩效果);(5)居中显示的图片上下方出现白线移动效果。9.1 设计思路第9章62.图片动画(1)屏幕居中展示一幅“常州工程职业技术学院”校园景色的图片;(2)图片右侧依次出现“图片按钮”。3.添加按钮脚本(1)单击“图片按钮”能切换到展示“
3、常州工程职业技术学院”的其他校园图片;(2)单击“skip”文字按钮能跳过引导页面动画,进入到网站首页面。项 目 实 施9.29.2 项 目 实 施第9章8任务说明效果展示实现引导页面的文字动画效果。(1)屏幕居中“常州工程职业技术学院”标记文字由大且模糊逐渐变小且清晰,最终消失;(2)屏幕左上角的“常州工程职业技术学院”Logo由模糊逐渐变清晰;(3)“常州工程职业技术学院”Logo下方延展出一条白线;(4)白线下方显示“常州工程职业技术学院”的英文缩写(遮罩效果);(5)居中显示的图片上下方出现白线移动效果。任务1 制作文字动画效果9.2 项 目 实 施第9章9任务2 制作图片动画效果任务
4、说明效果展示实现图片动画效果。(1)屏幕居中展示一幅“常州工程职业技术学院”校园景色的图片;(2)图片右侧依次出现“图片按钮”。9.2 项 目 实 施第9章10任务3 添加按钮脚本,制作按钮图片切换动画效果任务说明添加按钮脚本(1)单击“图片按钮”能切换到展示“常州工程职业技术学院”的其他图片;(2)单击“skip”文字按钮能跳过引导页面动画,进入到网站首页面。经 验 指 导9.39.3 经 验 指 导第9章12相关知识网站的引导页面通常是起到画龙点睛的作用,绚丽的动画效果能够为网站的设计锦上添花,要设计好的片头动画,要在充分了解客户想要表达的概念或者价值观念的基础上,制作出具有出色的创意,同
5、时符合网络的要求的效果,制作流程如下:1.明确设计思路:明确引导页面的设计思路、动画的设计脚本,方便于素材的准备和任务的分解。2.材料准备:将FLASH引导页面动画的内容素材收集在一起,图片,声音,音效,动画主题,文字内容,布局,颜色定位 这七项元素都确定下来。3.制作动画:根据动画的设计思路,将构成引导页面中的每一个元素都用时间轴让它动起来。制作过程中注意每个元素“动”起来的时间先后顺序。4.多幅平面设计图的拼接:制作片头动画一个场景就够了,其他的多幅平面设计图都集中放在一个“剪辑MC”中即可。拓展训练9.49.4 拓展训练第9章14 制作珠宝首饰网站flash引导页面。项目说明项目名称 网站引导页面以模特图片为背景,突出首饰的优美造型,体现首饰的风采。设计提示(1)收集动画设计的背景及首饰等素材,制作背景及文字逐渐显示的动画效果;(2)绘制矩形的首饰图片展示框,通过遮罩效果显示首饰图片;(3)设置其他背景及首饰图片的显示效果;效果展示大连理工大学出版社大连理工大学出版社地址:大连市软件园路地址:大连市软件园路8080号号E-mail :URL:http:/