新功能|SVG布局功能教程來(lái)啦，快學(xué)起來(lái)
SVG布局功能，可以實(shí)現(xiàn)多種SVG樣式的組合搭配使用，一起看看吧~~~
胖友們好啊，我是三兒
快來(lái)和三兒一起看下吧！
SVG編輯器入口：http://serialka.com/svgeditor/
在左側(cè)樣式菜單欄下的『布局』—『基礎(chǔ)布局』中找到svg布局。
1.選中svg布局樣式，在彈出的界面中的svg布局下點(diǎn)擊『動(dòng)畫(huà)』選項(xiàng)，即可進(jìn)入svg動(dòng)畫(huà)設(shè)置頁(yè)面。
注意：要樣式四周出現(xiàn)紅色的虛線才算是真正選中哦~
2.進(jìn)入svg動(dòng)畫(huà)設(shè)置頁(yè)面，在左側(cè)區(qū)域我們可以通過(guò)點(diǎn)擊“+”和刪除圖標(biāo)添加或者減少svg頁(yè)面。
3、在右側(cè)我們可以控制動(dòng)畫(huà)的呈現(xiàn)形式，有文字和圖片兩種形式。
除此之外還可以添加多個(gè)文字和多個(gè)動(dòng)畫(huà)效果，包含快閃、字幕、展開(kāi)等常見(jiàn)的svg形式。特別容易，大家去試試就明白了！
胖友們肯定好奇這個(gè)svg布局能設(shè)置哪些svg樣式，光說(shuō)不練假把式，接下來(lái)三兒就給大家上兩個(gè)教程！
點(diǎn)點(diǎn)點(diǎn)??(建議手機(jī)端查看）
這個(gè)是咋弄的？好奇嗎？接著往下看吧！
1、點(diǎn)開(kāi)svg動(dòng)畫(huà)設(shè)置頁(yè)面，點(diǎn)擊“+”，添加你想要的頁(yè)面張數(shù)！
2、選中每一頁(yè)，在右側(cè)菜單欄中輸入你的文字。設(shè)置字體大小，加粗，字體顏色。
注意：選中時(shí)該頁(yè)面邊框?yàn)辄S色實(shí)線。
3、設(shè)置頁(yè)面背景，這里可以直接跳轉(zhuǎn)到135編輯器背景設(shè)置，純色背景或者圖片背景都可以，三兒這里用的黑白兩色。
在背景色中將背景設(shè)置為黑色，文字設(shè)置成白色，就是上面的效果啦，胖友們也可以自由發(fā)揮，設(shè)置你喜歡的背景。
4、我們還需要設(shè)置動(dòng)畫(huà)效果和方向以及動(dòng)畫(huà)顯示時(shí)間，三兒上面用的是“移出”，0.2s，動(dòng)畫(huà)方向每一張都不一樣，胖友們自己調(diào)整哦！
對(duì)啦，胖友們還可以設(shè)置動(dòng)畫(huà)觸發(fā)選項(xiàng)，一般默認(rèn)的都是點(diǎn)擊觸發(fā)，當(dāng)然胖友們也可以選擇自動(dòng)模式。
這樣，多次點(diǎn)擊切換svg就設(shè)置好了，胖友們快去試下吧！
點(diǎn)擊展開(kāi)全文（建議手機(jī)端查看）
▼
1、選中樣式，點(diǎn)開(kāi)svg設(shè)置頁(yè)面。首先選擇展開(kāi)之前顯示的部分，可以設(shè)置為圖片或者文字，三兒這里選擇的是圖片。
2、為這張圖片設(shè)置動(dòng)畫(huà)類(lèi)型為淡出，動(dòng)畫(huà)時(shí)長(zhǎng)為0.1s。然后再添加一個(gè)動(dòng)畫(huà)，動(dòng)畫(huà)類(lèi)型為展開(kāi)，動(dòng)畫(huà)時(shí)長(zhǎng)為4s。
3、點(diǎn)擊『預(yù)覽/編輯展開(kāi)圖文』就可以添加展開(kāi)的內(nèi)容，三兒這里選了模板內(nèi)容來(lái)做展示，胖友們可以選擇自己已經(jīng)排版好的文章。
編輯器好后，點(diǎn)擊完成，即可預(yù)覽查看效果啦！
注意事項(xiàng)：
這里需要注意的是，由于微信后臺(tái)限制，所以排版完成后的推文需要使用保存同步功能，如果使用復(fù)制粘貼會(huì)導(dǎo)致svg失效哦！
好啦，三兒今天就展示這么多
胖友們學(xué)會(huì)了嗎？
svg布局使用的方式還有很多
等著胖友們?nèi)ヌ剿髋秪
還等啥啊，這么好用的svg
趕快來(lái)用到你的文章里吧！
·END·
【運(yùn)營(yíng)漲薪必備】
倒計(jì)時(shí)7天！
第11期排版訓(xùn)練營(yíng)要開(kāi)課啦
快來(lái)報(bào)名??排版訓(xùn)練營(yíng)
■ ■ ■ ■
立即登錄
- 【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ù)傳聞
