新媒体自习室,半撇有道儿(banpie)公众号,每周五更新。

今天讲1个华而不实的微信公众号排版技巧:弹幕。弹幕的实现实现方式也是有很多种,包括利用上一期课程中讲到的PPT+ScreentoGif都是可以实现的,但是今天要分享的是如何利用现有的免费排版工具,稍微做一下就该就可以实现自定义的弹幕效果。

所需工具:

  • 任何支持富文本编辑的HTML编辑器(i排版/UE编辑器等等);
  • 弹幕效果对应的文字效果(出现时长、字体类型、颜色);
  • 弹幕所需要的文字组合;

基本步骤:

  1. 打开i排版网站;
  2. 点击弹幕选项卡;
  3. 选择第二项文字弹幕的样式;
  4. 调节对应的文字后,复制到微信公众号后台;

具体关于各参数的说明如下:

<text y="90" x="596" fill="rgb(223,34,28)" style="font-size:1.2em;box-sizing:border-box">
    新媒体自习室,每周五更新
    <animate attributename="x" from="800" to="-400" begin="1s" dur="10s" repeatcount="indefinite" style="box-sizing:border-box;"></animate>
</text>
  • text的标签中,yx表示弹幕文字的起始坐标点,fill对应的是文字的颜色值,font-size对应的是文字的大小;
  • animate标签中,控制的是弹幕效果,attributename控制的是滚动方向,x表示水平方向,fromto就是从哪里滚动到哪里,然后begin是控制文字什么时间开始滚动,dur表示经过对应的时长后滚动到目的地;

好了,虽然华而不实,但是各取所需。