今日头条:少年π的虎口历险

来看看近日头条为旗下的西瓜视频app所打造的一款宣传h5是怎么虎口历险的!虽然早已过立秋,可高温“秋老虎”的威风丝毫不减。酷热变异、灼热烧衣、马路熔岩、坠日滚烫、泳池沸腾,当世界变成炽热的炼狱,少年π怎么“虎口脱险”呢?

今日头条:少年π的虎口历险.jpg

创意分析


这款h5,讲述了因为伏天,从而导致少年π的小猫咪变异成老虎,继而少年π由此逃亡,接着遇到一些众多高温离奇事件的故事,首先开场白,显示高温正在进行。少年π的小猫变成老虎,吓得少年π不得不逃跑,点击按钮逃跑即可逃跑,进入下一个画面,少年π飞奔太空,天太热衣烧没了。点击回血按钮,少年π恢复正常以后,进入马路熔岩,热的不行。点击冷却按钮恢复正常以后,又进入了坠日滚烫,点击遮阳,恢复正常以后,进入泳池,没想到连泳池都是滚烫的,继续求助,点击高温按钮,恢复正常,经历了这么多,最终老虎变回了小猫咪,最后以“西瓜视频可以解暑”的妙招推出自己的宣传产品

 

技术实现


在绘画技术上,整支H5运用到了动画表现形式,准备了丰富的动画场景,趣味连连。

在H5技术实现上,运用到视频表现,动画和动画帧,事件触发。

视频:用插画的表现,和动画场景完成的视频。可以直接在人人秀平台插入视频。这个比较简单。

动画:动画丰富流畅,画面中多出动态是可以直接在平台进行实现。个别复杂动效也可以使用动画帧或者自己上传gif图实现。

事件触发:在每一次历险经历后需要点击按钮进入下一个画面,就用到了事件触发,可以在人人秀平台直接实现。

查看教程:视频教程 

01.gif

02.gif


视觉分析

设计上,运用插画扁平的表现形式。暖色调,符合秋老虎的色调。看起来就感觉特热。画面中的元素运用到,太阳,火,云朵,猫咪,老虎,少年π的形象,行人,每一个元素都在展示秋老虎的厉害。不免产生共鸣。

1503460527.jpg


1501653397655.png


1501730246779.png




人人秀原创文章,如若转载请注明出处:https://www.rrxiu.net/content-00tauj