零基礎(chǔ)制作SVG交互推文：不打代碼、不學(xué)設(shè)計(jì)，30分鐘上手指南
認(rèn)為自己不懂設(shè)計(jì)、不會(huì)代碼就做不了酷炫的SVG推文？本文為零基礎(chǔ)者量身定制，揭秘如何利用編輯器中的SVG樣式功能，通過(guò)“查找-修改-替換”傻瓜式操作，30分鐘內(nèi)完成一篇高質(zhì)量SVG交互推文，徹底打破技術(shù)門檻。
早啊，乖寶們。之前老有朋友問(wèn)我：“三兒，要是我不會(huì)設(shè)計(jì)、不會(huì)排版、不會(huì)代碼還能自己做一篇高質(zhì)量的SVG交互圖文嗎？”這要擱以前問(wèn)我，我只能無(wú)奈地嘆氣。但今時(shí)不同往日！如今就算你什么都不會(huì)，用135編輯器也能助你完成一篇高質(zhì)量SVG交互推文。就像這篇一樣??傳送門，效果是不是還不錯(cuò)？今天三兒就手把手教大家如何利用SVG樣式完成一篇交互推文
在135編輯器左側(cè)找到「樣式」，在頂部選擇「SVG」標(biāo)簽。
我們將鼠標(biāo)移動(dòng)到SVG樣式上，頁(yè)面會(huì)出現(xiàn)樣式面板，面板中包含效果詳情、使用介紹、二維碼預(yù)覽等內(nèi)容。
如果想要一次性查看更多SVG樣式效果，可以在135編輯器頂部找到「素材庫(kù)」，選擇「樣式中心」下的「SVG模板」。
——如何使用SVG樣式
在135編輯器左側(cè)，找到「樣式」，在搜索框中輸入SVG樣式ID進(jìn)行搜索，單擊搜索結(jié)果中的樣式，便會(huì)添加至編輯區(qū)域。
選擇SVG樣式，單擊左上角的「編輯SVG/動(dòng)畫」，即可進(jìn)入編輯區(qū)域。
選擇右側(cè)的「編輯樣式原圖」，進(jìn)入圖片修改界面。
我們可以利用右側(cè)的「圖層」修改文字、圖片，快速定位需要修改的素材。
如果想要添加圖片素材，也沒(méi)問(wèn)題，在左側(cè)「我的」上傳素材即可。
完成內(nèi)容修改后，記住單擊右上角的「完成」按鈕，即可生成修改后的長(zhǎng)圖。
進(jìn)入SVG樣式編輯區(qū)域，選擇「替換圖片」即可。但需要特別注意的是，替換的素材尺寸需與原素材尺寸保持一致。
部分SVG樣式對(duì)高度要求嚴(yán)格，不支持增刪內(nèi)容，使用前一定要看樣式簡(jiǎn)介！一定要看樣式簡(jiǎn)介！一定要看樣式簡(jiǎn)介！
如果想要自由度更高、效果組合更靈活，推薦使用SVG組件。SVG樣式更適合「偷懶摸魚」使用，效果也很不錯(cuò)哦，大家可根據(jù)自己的實(shí)際情況選擇。
以上就是三兒分享的全部?jī)?nèi)容了
如果覺(jué)得還不錯(cuò)
記得點(diǎn)贊+在看
如果還有什么想看想學(xué)的
歡迎在評(píng)論區(qū)留言哦
祝你擁有美好的一天
