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

- 知乎熱議:微信公眾號(hào)如何快速漲粉?
- 0基礎(chǔ)運(yùn)營(yíng)小白學(xué)習(xí)什么新媒體課程比較好?
- 新媒體,自媒體新人必學(xué)的課程有哪些?
- 不懂就問(wèn):新媒體運(yùn)營(yíng)應(yīng)該怎樣學(xué)習(xí)?













