免费的h5制作app推荐(h5展示的信息形式)

80酷酷网    80kuku.com

这两天我们发现自己的万能的票圈被豌豆荚放出的《如果我是梵高》H5刷屏了,乍看过去就如同一个华丽的艺术展。底下更有人评论说,这个H5的每一帧截图下来,都是一张美到窒息的手机壁纸,更是一幅幅价值连城的作品。

免费的h5制作app推荐(h5展示的信息形式)(图1)

出自梵高的《向日葵》,明亮的色彩与细腻的笔触,构成了一场视觉的盛宴

一直以来,广告圈对于梵高的作品都有着别样的狂热,毕竟梵高作品那独特的风格与炽热的色彩带来了无尽的创意延展性。虽然我们见过不少以梵高画作为素材的惊艳之作,但豌豆荚这一次的创意依然让人耳目一新。

免费的h5制作app推荐(h5展示的信息形式)(图2)

来自《午夜巴黎》海报:梵高的美,让伍迪艾伦也忍不住为之脱帽致敬

反复玩了几遍豌豆荚的H5,并通过一些途径去了解整个制作过程,我们发现这个H5本身犹如梵高的作品一样,从创意的构思、到整个H5的实现,有太多值得描述的地方。

《如果我是梵高》H5采用的长按手指这种互动的形式并不罕见,有很多的大厂出品的H5都采用过这种方式。但看似相同的交互,其背后的技术却有着天壤之别。

免费的h5制作app推荐(h5展示的信息形式)(图3)

为了保证视觉上的生动而不失真,这个H5抛弃了业内采用将素材拍摄成为视频的惯用手法。使用视频在压缩成h5来展示后,通常难免模糊。而这个h5却很清晰,这源于豌豆荚的设计师们使用了Animate + flash2x + anniejs技术并适配了所有的机型与播放端口,无论在哪个机型下,都能够得到壁纸一般的画面,是不是顿时有一种不明觉厉的感觉?

精致的画面配合有趣的互动模式,再辅以恰到好处的动画与配乐,豌豆荚H5真心让梵高的画活了起来,不知道你仔细数过整个H5里面有多少幅的梵高名作没有?

免费的h5制作app推荐(h5展示的信息形式)(图4)

这款H5采用了类似“阅后即焚”的技术,动画转场后立即回收上一个场景的占用,释放内存以保证流畅播放

那么问题就来了。将如此多的画作拼接的天衣无缝,让受众体验到梵高作品中那扑面而来的炽热与璀璨,到底是如何做到的?面对着设计师的伟大脑洞,我们也忍不住学习起来,发现其实很简单,现在特别放送教程——

一开始先画一个大致的雏形,像这样:

免费的h5制作app推荐(h5展示的信息形式)(图5)

一开始看着有点像达芬奇手稿的感觉。

接着再画出主要的轮廓,像这样:

免费的h5制作app推荐(h5展示的信息形式)(图6)

接着又抽象得非常毕加索

然后再修整一下,像这样,就很梵高了

免费的h5制作app推荐(h5展示的信息形式)(图7)
免费的h5制作app推荐(h5展示的信息形式)(图8)

完成!是不是很简单呢……

咳咳,回归正题,我们对这种一镜到底的创想毫无抵抗力,打开了这个H5,就真的像是在一步步的探究梵高的内心世界一样,一步步的引导着受众打开梵高心灵的窗户,感受那扑面而来的艺术之美。

免费的h5制作app推荐(h5展示的信息形式)(图9)

这个画面,是不是让你有一种慢慢步入梵高内心的感觉?

我们最喜欢这个H5的一点在于,除了非常的精致之外,我们认为这可以说最懂梵高内心的一款H5了,每一个场景都精心挑选了一句直指人心梵高语录,特别是那句“每一个人心里都有一团火,而路过的人只看到烟”,结合梵高的生平跟自身的一些经历,至少我们内心是深有感触的。这或许可以解释为什么这款H5会受到大家的喜爱跟转发,除了可以体现出自己的艺术品位之外,梵高的话,是不是或多或少又代表了你内心深处的某种声音呢?

当然,如果你的眼球完全被华丽的场景夺走的话,你是不会注意到这个H5最特别的一个细节的,那就是最后一页底下“Van Gogh”的logo,这是来自荷兰梵高博物馆的标志。也就是说,这个H5所使用到的素材,全部梵!高!原!画!把手指按在上面,其实等于按着好几亿美元……,什么叫做低调的炫富?这就是。

免费的h5制作app推荐(h5展示的信息形式)(图10)

来自荷兰的官方授权,厉害了word豌豆荚

先不说了,我们趁着有空再去把玩几次珍贵的梵高原作,努力提升自己的艺术品位……

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: