最近这两天,你一定被各种带有弹幕的微信文章惊到了。看着人家用起来感觉牛逼,自己却望尘莫及。
你别着急,i排版(iPaiban.com)帮你玩转弹幕。其他教程都在教你怎么改代码,我们直接做成样式,直接将光标停在弹幕上就能修改文字,分分钟制作属于自己的弹幕图文。
▌当然,如果想玩的高级一点,代码还是要学一下的,非常简单,包教包会,绝对实用。
具体操作
❶首先大家在www.iPaiban.com左侧“弹幕”分类中选取自己觉得合适的弹幕。
◆此次弹幕分类下,我们为大家带来2款多条弹幕样式,和5款单条弹幕样式。其中多条弹幕样式包含一个有背景图的弹幕,一个无背景弹幕。
◆有背景弹幕,大家可以更换背景(选中背景,点击上传图片按钮替换即可,和正常的替换图片一样简单。)
◆当自己上传图片的时候,由于尺寸问题,可能出现弹幕超出图片的情况。这时你可以删除两条弹幕,使内容全部保持在图片上。如下图:
单条样式中,我们为大家设置了不同速度,不同起始位置的弹幕,力求尽量减少大家的操作难度
❷如何修改代码呢?打开HTML编辑模式:
■首先了解下代码中的主要信息:
rgb:更改弹幕文字颜色
font-size:字号大小(1em=16px)
弹幕开始/结束:代表一条弹幕的全部信息包含在其中。
弹幕内容:显示在弹幕中能看到的所有文字符号。
弹幕方向:x代表左右飞行;y代表上下飞行。(可选择上下飞行的样式切换)
弹幕左右起始距离:决定弹幕走的距离远近。
弹幕延迟:决定这条弹幕出现在屏幕内的先后顺序。
弹幕速度:决定弹幕的飞行速度。
❸ 修改内容效果:
1.修改弹幕起始距离:
默认的from="800" to="-400即为从右向左飞,如果from后面为负值,则反之,效果如下(设置数值为from="-400" to="800):
2.更改弹幕弹出顺序(修改延迟数值):
我将下方三条弹幕延迟依次设为1s、2s、3s,大家感受一下
3.修改弹幕速度:
我将下方弹幕速度依次设置为3s、5s、10s,大家感受一下:
4.更改文字飞行方向:
将弹幕方向处的x值换为y值(小写哦),即可让弹幕上下飞,与众不同,独具特色,你们感受一下:
5.修改弹幕颜色和字号:
在text后面的rgb,即为弹幕颜色,大家可以取色修改RGB值,具体方法可以长按识别下方二维码查看方法:
长按识别下方二维码查看文章
在text后面的font-size,即为字号大小,大家可以使用em单位(1em=16px),也可以使用px单位。
我将下方弹幕字体依次设置为10px、20px、30px,大家感受一下:
▌最后提示:单条弹幕支持编辑页面直接修改,有时会出现点不上光标的情况,建议你多试两次。
►大家可以脑洞大开,把你制作的弹幕效果文章地址发到公众号:i排版(iPaiban),如果觉得不错,就给你留言送你高级会员哦。
i排版(iPaiban.com)昨天还为大家带来了付费样式,包括给微信团队定制的样式。更加精美,更具个性,更贴切运营需求。详情请戳一下:
你不准备给你的朋友们得瑟一下咩!
























