一般而言,要想让H5页面呈现出绚烂的“特效”,就必须将大部分注意力集中在交互设计上,可谓费时费力费神。此外,设计的元素和环节越多,越可能影响作品整体的流畅性以及用户体验。而视频H5的设计则不然。
目前,诸如意派Epub360之类的在线H5制作工具是支持上传腾讯视频或本地视频的。你可以先通过AE等视频软件单独包装视频中的画面、色彩、音频等,以此实现复杂多元的创意设计,再通过意派Epub360将视频融入到H5中。既可以创新表达形式、丰富报道手法,又能给予用户全新的观感体验。
视频H5可以根据不同的划分标准细分为好多种,如实拍视频、动画视频、抠像视频、交互视频等,而每种类型之间又有些许的交错联系。这次,我们主要来说说抠像视频与交互视频这两种颇受关注的创意形式。
抠像视频
抠像视频一般是指将画面中的多余部分抠去,从而使背景变为透明,以便进行二层画面的叠加合成。为达到较好的视觉效果,很多电视剧的拍摄场景会用绿色作为背景墙,以便进行后续的抠像。
抠像视频H5主要以发短信、打电话等日常生活场景为基础背景,并适当融入一些H5交互手段,既适用于基本的游戏娱乐主题,又适用于严肃的时政新闻主题。《王小艺的朋友圈》(由意派Epub360在线H5制作工具制作)、《《奋斗在綦江》励志大电影开机!2020年万众一心加油干!》(由意派Epub360在线H5制作工具制作)等H5,就将时政性很强的新闻话题与微信群聊、查看朋友圈这类人人熟悉的生活情景联系在了一起。
在制作这类H5作品时,你既要单独拍摄人物视频并利用抠像技术去掉背景,也需要做好相应的虚构界面,然后将二者放到AE等视频软件里进行叠加及其他虚实结合的创意设计,最后再通过意派Epub360完成整个抠像视频H5的制作。
如果担心会降低H5页面的互动频次,那就可以在短视频插入的前后设置一些互动环节,以此保证H5原有的交互性。当然,意派Epub360也是可以制作互动视频H5的,这类带有交互性质的视频那就更惊艳了。
互动视频
互动视频是一种按照流程图分叉剧情,并通过各种技术手段使得多个不同剧情的片段之间可以选择跳转的视频形式。它与传统视频之间最大的区别在于,互动视频赋予了观众主动参与剧情走向的权利,且结局不只有一个,而传统视频只会按照既定走向往后发展。
随着H5技术的发展,互动视频不再是大平台及影视圈的专利。当各种可产出交互视频的设计工具相继出现并日趋完善,各大品牌与创意商们便开始争相探索交互视频在H5上的运用,并产出了一系列在朋友圈疯狂刷屏的行业案例。其中,最具代表性的设计工具就是意派Epub360,个人设计师借助这款工具,便可创造性地打造一批优秀的互动视频H5案例,例如:《Dr.魏的这波操作我赌你破解不了!》、《【燕之屋】匠系女神林志玲向你发出了求助电话》等。
如何制作互动视频H5?
为了让大家更好地了解意派Epub360在互动视频H5制作方面的操作方式,下面,我们就用一个简单的案例稍作说明。
▲案例逻辑图
1、案例分支剧情如下▼
走分支剧情1:今天和女友吵架,我骂了她,结果她要和我分手。
走分支剧情2➱分支剧情4:今天和女友吵架,我们冷战,结果她要和我分手。
走分支剧情2➱分支剧情5:今天和女友吵架,我们冷战,结果我们和好了。
走分支剧情3:今天和女友吵架,我哄了她,结果我们和好了。
2、案例具体操作步骤如下▼
①登录意派Epub360,创建好一个H5作品后进入编辑器,然后再插入视频组件(由于本地视频组件属于付费功能,因此,刚注册的小伙伴可以先用腾讯视频组件代替)。
②上传预先准备好的4段视频素材并插入到页面中,再勾选初始隐藏,然后插入三个文字按钮,以用于设置跳转不同的分岔剧情。
③在第一个开场剧情视频播放结束时显示三个跳转分支剧情的三个按钮。
④为三个按钮分别设置播放对应分支剧情视频的触发器。
到这里,一个简单的互动视频H5 Demo(互动视频制作例子)就完成了。
内容第一、创意第二、技术第三。未来,抠像视频与互动视频将会更为成熟和普遍。