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