弹弹弹弹弹弹弹弹弹弹弹幕!

原创 收藏 评论
举报 2022-06-22



公众号图文里插入的视频,很早就支持发弹幕了。


但今天教大家制作的弹幕,不是公众号视频的弹幕功能,而是一种模拟弹幕的排版效果。

1.gif

这是怎么做的?简单来讲就是在一个视频上方添加了多个弹幕组件,并且为每个弹幕设置了不同的滚动时间。


下面一起看下详细教程吧,教程中包括素材的拆解。


工具:iPaiban Pro黑科技编辑器,网址:x.iPaiban.com

组件:弹幕-向左滚动

编号:10958(组件)


第1步:选择组件


Demo的效果主要使用了两个组件,一个「视频-无缝拼接」组件,一个「弹幕-向左滚动」组件。


登录 iPaiban Pro 编辑器后,我们首先搜索找到「视频-无缝拼接」组件(编号:10016),然后使用iPaiban Pro 小助手插件提取视频vid到右侧输入框中。这样无缝视频就排好了。


接着我们在「特殊」分类中找到「弹幕-向左滚动」组件,或者直接搜索组件编号10958,点击选择。



这里我们说说弹幕组件的原理,它其实就是具有滚动效果的遮罩,遮罩功能在之前的文章中有多次提到过,它在排版中占据的高度为0,可以覆盖在前面的组件上方,详细的遮罩介绍见:《这个新功能,可以给任意样式加前景和边框!》


而一个弹幕组件只能设置一个滚动速度,所以如果我们想像Demo中设置多个不同速度的弹幕的话,这里我们应该插入多个「弹幕-向左滚动」组件,同样弹幕素材也要制作多个。


Demo中的素材如下,共16张图,每两个一组设置同样的速度,所以需要插入8个「弹幕-向左滚动」组件。



第2步:上传图片素材


保持每张图片尺寸一致,分别点击8个「弹幕-向左滚动」组件右侧「+」号按顺序上传即可。上传到编辑器后如果发现顺序不对,还可以上下拖动图片进行调整。



第3步:调整滚动时间


在每个「弹幕-向左滚动」组件上传图片位置的下方,滑动滑杆可以调整弹幕图片的滚动时间,注意每个组件设置的时间尽量错落不一,会更有弹幕的感觉。



第4步:导入公众号后台


点击最右侧「预览草稿」可随时预览效果,效果满意后继续点击「导入微信后台」就能开始导到公众号了。



导入时使用 iPaiban Pro 小助手更方便哦,最新v2.0版本的小助手还支持一键打包下载图文图片素材,非常方便,安装教程戳:《iPaiban Pro小助手v2.0来啦!》





弹幕相关组件,除了向左方向的,还有向右(编号:10959)、向上(编号:10960)和向下(编号:10961)的,大家可以根据自己的需求选择使用。


制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。


新用户在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)


如果想购买音频、视频、滑动、展开等相关效果组件/组合,可在编辑器首页右上角「样式中心」-「超值套餐」中2-3折打包购买,超划算,详情戳:《6种交互全家桶,音频视频滑动展开等都可以2-3折买啦!》





本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)