当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 变形金刚在淘宝大型互动动画制作思路

心得技巧
网页设计师学习网页设计的经验和技巧小结
10个优秀的 Web UI库/框架
40个CSS/JS风格和功能技术处理
最佳网页宽度及其兼容实现方法
让你了解HTML及资源是如何加载的
flex程序Firefox下中文输入乱码的bug
网页制作常用英文字体
在iframe框架中打开页面的方法
企业网站与栏目字典 中英文对照 做中英双语企业网站的朋友需要
前端开发大众手册(包括工具、网址、经验等)
iframe在IE6下出现横向滚动条的解决方案
IE6中奇数宽高的BUG
IE6中PNG Alpha透明(全集)
交互设计理论:良好的交互设计的三要素
互联网产品设计:启发式评估
B2C网站用户体验设计:Checkout(结帐流程)设计
40个2010年网页设计趋势单页布局实例
讨论基于B/S架构开发项目的原型工具
用户体验设计:UED设计流程和方法
网页设计参考:23个出色的蓝色系网站设计

心得技巧 中的 变形金刚在淘宝大型互动动画制作思路


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 140 ::
收藏到网摘: n/a

《变形金刚淘宝记》-互动动画制作过程

动画地址:http://www.taobao.com/go/act/Transformation/3g.php?ad_id=&am_id=1300123077e07cd7a683&cm_id=&pm_id=

我们面临的最头痛问题,是如何将这个浙江省委宣传部、浙江省教育厅等七家官方单位联合主办的《浙江省网络文明公益宣传创意大赛》FLASH动画用平民化、网络化的形式使到我们的受众愿意观看,并且乐于相互传播。与此同时也要把六个淘宝消费者保障的功能描述加入进去。

为了减低传统官方道德宣传片中的说教印象、减弱用户的抵触心理,我们在脑暴的过程中为动画作了定位:1.把时下一些比较流行的元素贯穿整个动画过程中,比如像变形金刚、WoW、SNS的抢车位、偷菜、Michael Jackson等等元素加入到动画中;2.用互动的形式来控制动画的播放过程,让受众对动画(信息)有驾驭能力

整个动画的创意制定到最终动画+音效完成,我们只有七个自然天左右的时间,因此在角色的制定中,我们用最简单的风格来绘画几个标志性的变形金刚人物。另外,以往设计中已经制作好的一些素材也成为我们动画场景中必不可少的道具。

非常感谢龙隐、冯瑾两位同学的大力配合和支持。我们三人在七个自然天的时间内,完成了从创意联想、角色风格制定、故事板的绘制、海量场景道具的绘画、动画的制作、程序编写到最后音效合成的全部过程。每天的工作强度都在13个小时以上。当然也忘不了龙藏和书安同学的协助以及二当家、青桐和飞飞的支持。