135编辑器弹幕图文教学

135编辑器弹幕图文教学

640?wx_fmt=png


弹幕样式

ID:95631


【样式介绍】:在样式区域内顺序飘过的文字效果,可分为有背景与无背景弹幕样式


【以下样式均可使用本教程进行修改操作】:

ID90308;ID90306;ID90307;ID90019;ID90018;ID90017;ID89134;ID91743;ID89438;ID86297


【可调整参数】:弹幕文字、颜色、背景图片、运动方向、文字大小、运动速度、起始位置




  弹幕样式展示   



夏天来噜135带给你美好每一天你开始了真的带秀好!有了135 排版不是问题当然是选择原谅她排版只用135编辑器老铁扎心了皮皮虾我们走6666666



grey.gif

6666666666666666666666太赞了135编辑器,从1开始,做更好!叼叼叼我是弹幕,我骄傲~排版只用135编辑器自从用了135编辑器,腰不疼了背不酸了排版就用135弹幕效果太好了







  修改弹幕样式(文字教程)



由于编辑器升级了专业版,简化了部分svg样式的操作流程,使得修改svg样式大部分参数无需再通过html代码实现。


将编辑器切换到专业版模式,点击样式区域弹出对话框,在【全局样式】中点击动画按钮,开始修改SVG样式参数。

grey.gif




 1.修改文字 

弹出动画设置框后,在【文字】栏修改弹幕文字。由于案例中的弹幕样式一共由10句话组成,所以需要从1-10分别进行文字动画效果的设置与修改。

grey.gif
grey.gif

(更换文字前vs更换文字后)






 2.修改字号、颜色 


弹出动画设置框后,在【字号】栏修改弹幕文字的字号、颜色,还可以选择是否对重点文字进行加粗展示。适用于有色彩的弹幕样式。



grey.gif
grey.gif

(修改字号/字色前vs修改字号/字色后)






 3.修改运动速度 


弹出动画设置框后,在【运动快慢】栏设置弹幕文字飘过屏幕的运动速度。秒数越高,文字运动速度越慢;秒数越低,文字运动速度则越快。


建议设置文字运动速度在7-20s之间,过快过慢都会影响用户的阅读体验。


grey.gif






4.修改弹幕背景图片 


135提供了两种弹幕样式,一种是有背景图的,一种是没有背景图的。要更换背景图建议直接使用此样式(id86279),我们可以通过点击弹幕样式图片区域,使用换图的方式进行图片替换。


grey.gif

grey.gif
grey.gif

(换图前vs换图后)





5.修改弹幕位置与顺序 


如果我们想在弹幕样式上玩出更多的创意,还可以更改弹幕文字的运动起始位置或出场顺序。这里选择样式id89438作为案例参考。

排版就用135编辑器!排版就用135编辑器!

为了方便大家阅读,这里简单更改了样式的颜色和字号大小。打开HTML按钮,找到此样式对应代码段,更改“from”和“to”的数值即可。


grey.gif



这个弹幕位置值是:from="500" to="-600" 

排版就用135编辑器!排版就用135编辑器!


如果想让它从中间的位置开始飘,可以修改from值="150"(修改后的效果见下方)

排版就用135编辑器!排版就用135编辑器!


如果我们把起始数值改成from="-600" to="500",那么弹幕样式就变为倒着入场。


排版就用135编辑器!排版就用135编辑器!


点击邀请链接:http://www.135editor.com/users/register/b79e7a97a5bd33ee6914f14d768142fa  就可以加入135编辑器了哦,偷偷告诉大家(点击该链接,还可以获得7天VIP会员哦,一般人我不告诉,哈哈哈哈)

当然,你也可以自己加入。网址在这里:https://www.135editor.com/效果是一样的。通过我的邀请加入135编辑器,相当于是对我的一种帮助和鼓励。我自己会因为你们的支持而获得会员权限,可以享受会员的所有权益,像是新样式可以免费使用,图片保存数量从100提升到1000,个人模板从3个提升到无限制,云端草稿和恢复历史版本可以无限次使用,文本校对从3次升到100次等等,所以还劳烦大家帮个忙。



文章评价
登录后可以评论
立即登录