135編輯器彈幕圖文教學(xué)
135編輯器彈幕圖文教學(xué)
彈幕樣式
ID:95631
【樣式介紹】:在樣式區(qū)域內(nèi)順序飄過的文字效果,可分為有背景與無背景彈幕樣式。
【以下樣式均可使用本教程進(jìn)行修改操作】:
ID90308;ID90306;ID90307;ID90019;ID90018;ID90017;ID89134;ID91743;ID89438;ID86297
【可調(diào)整參數(shù)】:彈幕文字、顏色、背景圖片、運(yùn)動方向、文字大小、運(yùn)動速度、起始位置。
由于編輯器升級了專業(yè)版,簡化了部分svg樣式的操作流程,使得修改svg樣式大部分參數(shù)無需再通過html代碼實(shí)現(xiàn)。
將編輯器切換到專業(yè)版模式,點(diǎn)擊樣式區(qū)域彈出對話框,在【全局樣式】中點(diǎn)擊動畫按鈕,開始修改SVG樣式參數(shù)。
1.修改文字
彈出動畫設(shè)置框后,在【文字】欄修改彈幕文字。由于案例中的彈幕樣式一共由10句話組成,所以需要從1-10分別進(jìn)行文字動畫效果的設(shè)置與修改。
(更換文字前vs更換文字后)
2.修改字號、顏色
彈出動畫設(shè)置框后,在【字號】欄修改彈幕文字的字號、顏色,還可以選擇是否對重點(diǎn)文字進(jìn)行加粗展示。適用于有色彩的彈幕樣式。
(修改字號/字色前vs修改字號/字色后)
3.修改運(yùn)動速度
彈出動畫設(shè)置框后,在【運(yùn)動快慢】欄設(shè)置彈幕文字飄過屏幕的運(yùn)動速度。秒數(shù)越高,文字運(yùn)動速度越慢;秒數(shù)越低,文字運(yùn)動速度則越快。
建議設(shè)置文字運(yùn)動速度在7-20s之間,過快過慢都會影響用戶的閱讀體驗(yàn)。
4.修改彈幕背景圖片
135提供了兩種彈幕樣式,一種是有背景圖的,一種是沒有背景圖的。要更換背景圖建議直接使用此樣式(id86279),我們可以通過點(diǎn)擊彈幕樣式圖片區(qū)域,使用換圖的方式進(jìn)行圖片替換。
(換圖前vs換圖后)
5.修改彈幕位置與順序
如果我們想在彈幕樣式上玩出更多的創(chuàng)意,還可以更改彈幕文字的運(yùn)動起始位置或出場順序。這里選擇樣式id89438作為案例參考。
為了方便大家閱讀,這里簡單更改了樣式的顏色和字號大小。打開HTML按鈕,找到此樣式對應(yīng)代碼段,更改“from”和“to”的數(shù)值即可。
這個彈幕位置值是:from="500" to="-600"
如果想讓它從中間的位置開始飄,可以修改from值="150"(修改后的效果見下方)
如果我們把起始數(shù)值改成from="-600" to="500",那么彈幕樣式就變?yōu)榈怪雸觥?/span>
點(diǎn)擊邀請鏈接:http://m.syjsm.cn/users/register/b79e7a97a5bd33ee6914f14d768142fa 就可以加入135編輯器了哦,偷偷告訴大家(點(diǎn)擊該鏈接,還可以獲得7天VIP會員哦,一般人我不告訴,哈哈哈哈)
當(dāng)然,你也可以自己加入。網(wǎng)址在這里:http://m.syjsm.cn/效果是一樣的。通過我的邀請加入135編輯器,相當(dāng)于是對我的一種幫助和鼓勵。我自己會因?yàn)槟銈兊闹С侄@得會員權(quán)限,可以享受會員的所有權(quán)益,像是新樣式可以免費(fèi)使用,圖片保存數(shù)量從100提升到1000,個人模板從3個提升到無限制,云端草稿和恢復(fù)歷史版本可以無限次使用,文本校對從3次升到100次等等,所以還勞煩大家?guī)蛡€忙。
立即登錄
- 知乎熱議:微信公眾號如何快速漲粉?
- 0基礎(chǔ)運(yùn)營小白學(xué)習(xí)什么新媒體課程比較好?
- 新媒體,自媒體新人必學(xué)的課程有哪些?
- 不懂就問:新媒體運(yùn)營應(yīng)該怎樣學(xué)習(xí)?