99%的一镜到底H5,都是这样的套路

语言描述难达意,我们不如结合历年来的经典案例来看看这些“套路”都有啥~

 

在影视拍摄中,一镜到底是指中间不停断、镜头不切换,运用一定技巧一次性完成拍摄。很多广告短片经常使用这一拍摄手法。

 

随着H5应用的兴起和发展,交互式一镜到底逐渐成为广告新宠。这种不用翻页、无需硬切换场景的营销手段,可以根据时间的推进或故事的开展为设计灵感,将某个过程、某段经历、某个场景循序渐进地铺陈开来。

 

一镜到底式H5的具体玩法是多种多样的,99%都有套路可循,而剩下的1%则是在“套路”的基础上进行一些创意性多元融合。语言描述难达意,我们不如结合历年来的经典案例来看看这些“套路”都有啥~

 

一、视频类

以第一视角展示完整故事或宏大场景

 

此类作品是一镜到底式H5最直接的展现方式,无论是采用实景拍摄还是完全依靠技术制作,我们都需要先把相关视频做好,再将其融入到H5作品中。

 

相关教程:《本地视频操作规范》

 

【美年达-飞越神码乐园】

 

 

这是一款早年较为经典的视频类一镜到底H5,全程以第一视角沿各种飞行轨迹不断穿梭,用户可使用VR眼镜观看,也可360°旋转手机观看,缤纷的视觉效果,搭配不断转换的各种场景,大片既视感随之而出~

 

《二零一九娱乐圈画传》

 

 

这款作品主要以古风版动画视频为亮点,通过平移、特写等“拍摄”技巧,呈现出一镜到底效果。在观看视频的过程中,用户可通过按钮自由控制播放或暂停,而中间的4次“解锁剧情”互动也为这支H5增添了一些趣味性。

 

《娱乐圈画传》系列H5从2014年开始每年都在进行娱乐圈事件盘点,堪称连载模范。大家可以从往年的作品中感受到这款系列H5的变化和成长:

《二零一八娱乐圈画传》

《二零一七娱乐圈画传》

《二零一六娱乐圈画传》

《二零一五娱乐圈画传》

《二零一四娱乐圈画传》

 

二、长页面类

以X轴或Y轴运动突出整体的连续性

 

此类作品需在画面和内容上实现统一和连贯,否则只能属于单纯的长页面,而非一镜到底。此外,我们还可在上下左右滑动的基础上,将视差动画等创意形式融入其中,以便丰富画面的层次感并让作品更加立体。

 

相关教程:《制作长页面》《横屏》《横、竖长图的自动滚动》《滑动视差效果》

 

《爱悦之城——寻找微笑的力量》

点击标题体验

长按二维码体验

 

该作品主要运用X轴方向的一镜到底式长页面展现了主角“悦悦”寻找微笑力量的全过程。用户可自由控制页面向左或向右移动,并根据提示点击紫色小球为页面上色。

 

《穿穿穿穿穿越九十年历史长卷》

 

 

该作品以年代为突破口,通过Y轴方向的一镜到底式长页面将中国太平品牌90年的历史都串联在一起,并通过视差动画与滑动手势的搭配,有效缓解了高密度内容带来的视觉疲劳。

 

三、立体穿梭类

以Z轴运动或画中画实现空间穿梭或场景穿梭

 

在某一立体空间营造出一种穿梭感也是一镜到底的惯用方式。例如,我们可以基于原有的X轴、Y轴视觉基础,在Z轴上将多个元素前后放置,并设定前后元素的间距及出现的时长效果,进而形成一种空间穿梭之感。此外,我们还能利用画中画的形式,实现一个场景与另一个场景在缩放中穿梭的效果。

 

相关教程:《一镜到底组件》《画中画组件》

 

《转融新时代,南方新作为!》

点击标题体验

长按二维码体验

 

区别于普通总结型H5扁平化的呈现形式,该作品赋予了画面律动感和层次性,使得各种图文元素在Z轴方向由远及近铺面而来,可让用户从中体验到“一镜到底”式拍摄手法的纵深感。

 

《立个Flag | 从今年起,每年都做这件事》

点击标题体验

长按二维码体验

 

该作品将“小时候”到“此刻”的全家福场景以逐层递进的方式融为一体,所有场景转换均一气呵成,给予了用户一种一镜到底式的穿越感。

 

意派Epub360可实现各类一镜到底H5的制作,同时,也为H5的多元创意融合提供了技术支持,期待派友们未来可以做出更多精致有趣的一镜到底H5作品。

 

——————————————————————————————————————————

 

Epub360 H5页面制作地址:www.epub360.com

21epub视效艺术组创意出品,转载请注明来源:意派·Epub360-专业的H5页面制作工具

Epub360,是一个专业的H5页面制作工具及企业服务平台,提供工具技术支持、工具教学培训、企业H5互动营销解决方案等服务。

10