排版小技巧|SVG上新圖片彈幕樣式,趕快用起來(lái)啦

創(chuàng)意SVG,可以與讀者進(jìn)行有效的互動(dòng),幫助打造文章氛圍。除此之外,還可以結(jié)合產(chǎn)品特性,制作出更多的玩法。

嘿,胖友們大家好呀,我是三兒。


前段時(shí)間看《三十而已》的時(shí)候,最后看到顧佳打林有有的時(shí)候,三兒還特意開(kāi)了彈幕來(lái)看,看得那叫一個(gè)爽??!


不知道胖友們平時(shí)在追劇的時(shí)候有沒(méi)有開(kāi)彈幕的習(xí)慣,三兒可是最?lèi)?ài)這個(gè)功能了。有時(shí)候想著,要是在推文里或者是圖片上能有這個(gè)功能就好了!


仿佛是技術(shù)小哥哥聽(tīng)到了我的心聲一樣,立馬安排了一套圖片彈幕樣式,簡(jiǎn)直不要太好看!


哇!
太好看了吧!
這是什么神仙顏值!
AWSL!

怎么樣,是不是特別炫酷!我們可以對(duì)這個(gè)樣式的里的圖片,文字進(jìn)行更換,打造專(zhuān)屬于你自己的樣式。


今天,三兒就來(lái)教大家如何使用吧!


話不多說(shuō),教程開(kāi)始!



圖片彈幕樣式

ID:98582


【樣式作用】:創(chuàng)意SVG,可以與讀者進(jìn)行有效的互動(dòng),幫助打造文章氛圍。除此之外,還可以結(jié)合產(chǎn)品特性,制作出更多的玩法。


【使用說(shuō)明】:如需要替換文字,請(qǐng)?jiān)趯?zhuān)業(yè)版用動(dòng)畫(huà)功能,使用同步功能同步至微信公眾號(hào)。

【以下樣式也可使用本教程】:ID98581、ID98580、ID98561、ID98560、ID98559、ID98558、ID98557、ID98556。





一、如何更換內(nèi)容?

 
 


135編輯器對(duì)SVG樣式做了更新,在專(zhuān)業(yè)版中特意添加了『動(dòng)畫(huà)』按鈕,胖友們可以在『動(dòng)畫(huà)』設(shè)置中對(duì)SVG樣式進(jìn)行修改。








1.首先將編輯器切換至專(zhuān)業(yè)版,點(diǎn)擊右側(cè)『更多功能』,在彈出的菜單中選擇『切換專(zhuān)業(yè)版』,即可將編輯器切換為專(zhuān)業(yè)版。








2.搜索樣式ID:98582,找到『圖片彈幕』樣式,插入至編輯器中。









3.點(diǎn)擊選中樣式(在樣式周?chē)霈F(xiàn)虛線框時(shí),才算選中哦?。?,在彈出的菜單欄中,選擇『動(dòng)畫(huà)』按鈕,進(jìn)入動(dòng)畫(huà)設(shè)置界面。



這里需要注意的是:只有SVG樣式才會(huì)有動(dòng)畫(huà)按鈕哦,普通的樣式是沒(méi)有動(dòng)畫(huà)按鈕的!










4.在動(dòng)畫(huà)設(shè)置界面,我們就可以對(duì)樣式內(nèi)的圖片和文字進(jìn)行更換了,胖友們可以點(diǎn)擊鏈接下方的『圖片上傳』按鈕上傳圖片。



這里需要注意的是:彈幕文字最好以模板中字?jǐn)?shù)為準(zhǔn),不宜過(guò)多。









5.設(shè)置完所有內(nèi)容以后,胖友們可以在右側(cè)的預(yù)覽框中進(jìn)行測(cè)試,也可以返回編輯器界面,點(diǎn)擊右側(cè)菜單欄中的『手機(jī)預(yù)覽』進(jìn)行測(cè)試。



注意事項(xiàng):


這里需要注意的是,由于微信后臺(tái)限制,所以排版完成后的推文需要使用保存同步功能,如果使用復(fù)制粘貼會(huì)導(dǎo)致樣式失效哦!





三、視頻版教程

 
 


三兒還為你們錄制了一段視頻版的教程,胖友們可以結(jié)合視頻版的內(nèi)容進(jìn)行操作哦!





好啦,今天的教程就到這里啦

胖友們學(xué)會(huì)了嗎?



·EN

如果還有關(guān)于其它樣式的疑問(wèn)

可以來(lái)樣式使用教程看看哦

 ■ ■ 

文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開(kāi)渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
135筆記君資訊官
做你貼心的互聯(lián)網(wǎng)筆記本!
共1059篇文章
最近文章
更多
  • 【135早資訊】:視頻號(hào)小任務(wù)正式上線;拼多多將上線跨境電商平臺(tái)
  • 【135早資訊】:特斯拉上海超級(jí)工廠第100萬(wàn)輛整車(chē)下線;?微信聊天對(duì)話框支持放大編輯
  • 【135早資訊】:北京發(fā)布國(guó)內(nèi)首個(gè)數(shù)字人產(chǎn)業(yè)專(zhuān)項(xiàng)支持政策;元宇宙招聘潮開(kāi)啟
  • 【135早資訊】:平安銀行零售條線降薪;蔚來(lái)李斌回應(yīng)手機(jī)業(yè)務(wù)傳聞
比格設(shè)計(jì)
熱門(mén)工具
135編輯器
領(lǐng)先的在線圖文編輯平臺(tái)原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報(bào)應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營(yíng)銷(xiāo)、私域流量運(yùn)營(yíng)——站式營(yíng)銷(xiāo)管理平臺(tái)
推薦文章
用戶運(yùn)營(yíng)平臺(tái)產(chǎn)品設(shè)計(jì)指南
淺談?dòng)脩暨\(yùn)營(yíng)中的用戶分層
內(nèi)容運(yùn)營(yíng):戴上寫(xiě)作的六頂思考帽
5000字方法論:4個(gè)細(xì)節(jié),決定私域能不能賺錢(qián)
一個(gè)案例說(shuō)明白用戶分析怎么用
22條視頻,漲粉12.6萬(wàn),一個(gè)女孩子在抖音靠洗車(chē)也能月入過(guò)萬(wàn)!
高價(jià)值社群的5大核心關(guān)鍵
抖音賬號(hào)內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問(wèn)題;抖音6月1日起將對(duì)本地生活商家收取服務(wù)費(fèi)
熱門(mén)素材樣式
運(yùn)營(yíng)導(dǎo)航
運(yùn)營(yíng)工具
分享到