《威尼斯面具》.ppt

威尼斯面具以它独有的神秘、敏感的特质和它的主人融为一体，赋予它的所有者一个新的性格。它不但是华丽的艺术品，也同样是灵魂的盛具。FLASH网站的主要目的就是向用户讲述威尼斯面具艺术的历史、衍生文化以及制作材料与方法。 课题定位 框架结构 框架结构 威尼斯面具给人一种华丽而神秘的感觉，所以在开场动画的设计上，主要利用音乐的节奏感与画面配合，制作出花纹生长的动态效果。简单细腻的手法体现出了威尼斯面具的高贵。 开场动画 主页使用鼠标触及着色的表现形式，给画面增加神秘感的同时，提高了交互性。界面与开场的一致色调，利用一些高质感光效的表现形式，体现奢华的感觉，背景中却用了有些复古的纹理，目的是突出前方效果，也与前面形成反差、平衡。动画中利用了一些模糊动态效果，位移与模糊到清晰效果叠加，在移动的速度上做了缓冲，让动画看起来更加丰富。 内容界面中的导航采用了隐藏的形式，以Menu的字样，让用户第一眼就能看见菜单的位置。导航的弹出动画制作了一定得缓冲、反弹效果。 主页导航 分页面—探秘 探秘：分别介绍了威尼斯面具的历史和起源。历史、起源的内容不明思议画面要有一定得复古感，在这里使用了有些破旧的纸张作为内容底纹，同时背景位置的也是威尼斯古城的图片。起源的界面左方为图片切换动画，鼠标位置上动画停止播放，能随时让用户看想看的内容，图片的外框采用欧式风格的相框制作了怀旧的效果，以及利用钉挂的效果使其与画面更加融洽。历史文字的部分采用翻页的形式；起源利用滚动条的形式使得阅读方式多变化，减少文字阅读的枯燥，增加趣味。 分页面—种类 种类：内容比较多，威尼斯面具一共分支为狂欢节面具和即兴喜剧面具，这两部分一共有17款面具之多。这个板块宁造了博物馆室内的效果，以每种面具代表性的图，挂调在墙面的方式，横向鼠标滚动来浏览，每款面具配置了不同的框架，并且在中间放置了灯、椅子、橱柜等装饰，让画面看起来更加丰富。每款点击图片弹出此款面具的特点介绍。 分页面—映像 映像：分别分为图片和视频两个部分，图片给予了最大化的浏览窗口，让用户可以更加清晰的浏览图片，用户通过点击左方的小预览图来放大观看，左边预览图通过上下箭头来翻页。图片使用动态调用xml加载方式，使得这部分的内容可以无限增加。视频界面为了呼应图像中的位置背景，添置了光效来弥补视觉的空洞，用户通过点击下方的数字实现视频的切换。 分页面—工艺 工艺：制作工艺分为两个部分，这里通过用户鼠标触及来浏览和观看此步骤的内容，用户鼠标放置某张图片上，这张图片放大，出现内容的同时其他图片相对缩小，形成了波动的弧线，提高了交互性的趣味。 分页面—摘入 摘入：介绍了一些与威尼斯面具有关系的书籍和电影，并记录了一些关于威尼斯面具的经典对白。使用了图片和文字配合一起滑动的方式浏览。 1 样式叠加效果 界面方面体现高贵华丽，充分利用了PS中的渐变样式，然后加以高光，利用各种不同的叠加效果，力求完美质感体现，立体效果。 网站架构 网站的架构利用层级的方式，完全调用背景、标志、导航、内容、背景音乐、关闭按钮等等完全采用外部调用。 3 遮罩动画的拓展 遮罩动画是flash中经常用到的动画方式，光盘中巧妙的运用了遮罩动画与flash的叠加模式的结合，例如运用透明和图层的叠加方式做半透明遮罩。 4 缓冲效果 很多人看来，缓冲是可有可无的东西，觉得效果并不是很明显，但是缓冲效果能让动画看起来更加细腻，细微的变化能让整个动画看起来更加流畅、舒服。 技术解决 谢谢