google2010年圣诞节logo动画设计制作

作者:林炜贤来源:www.163css.com发表时间:(2010-12-26)

24号那天,相信大家都会看到google的logo发生了变化,相信每年的圣诞节goolge的logo都是非常精美的,所说今年的logo是google花费了5位艺术家大约250小时的时间才制作完成。

我们可以看到一共有17张图片,每个图片都是来自一个国家的代表性建筑,我们很开心,能看到我们中国的长城。当然,还有法国的凯旋门,希腊的神殿,日本富士山,意大利威尼斯水城,非洲舞蹈,阿拉伯歌舞,阿拉丁神灯。。。

估计动画大家是见得非常多了,就是小图显示大图,但google将它用得非常出色,鼠标划过,小图像开窗一样弹开,接着我们可以看到清晰的大图,非常好的滑动展开效果。

在这里,我要介绍一下google的图片集成技术,我们可以看下那些背景图片是如何组成的:

看来goolge将css的图片集成技术用得非常好,可惜在页面里是看到css代码,集成到脚本里去了,真是复杂!

以下是我的制作的效果截图:

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.com/hihilinxuan/cssjs/201012/google/index.html

下载地址:google2010年圣诞节logo动画设计制作(1).rar

返回作者主页:www.163css.com阅读 (39891)
更多 1