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