SVG左右滑動排版教程（svg滑動效果樣式）
蘋果、人民日報、GQ實驗室都在用的黑科技左右滑動排版是怎么做的？這種圖文互動排版可以在135編輯器中使用svg左右滑動樣式來制作，操作非常簡單，不用代碼就能輕松就能做出高大上的交互排版。
左右滑動的微信公眾號黑科技排版沒有大家想象中那么復雜，這里給大家介紹兩種非常簡單的制作方式：1、使用135編輯器的svg樣式；2、使用SVG編輯器
1、選擇樣式。你可以在135編輯器中搜索關鍵詞“滑動”、“左滑”、“右滑”找到合適的滑動樣式。也可以直接搜索樣式ID，本文用到的兩款樣式分別是：左滑ID99860、右滑ID100068。
2、上傳素材，注意圖片素材的尺寸要一致。你可以使用工具欄上的【多圖上傳】將所有素材圖，一次性都導入編輯器。
3、導入圖片后，將所有圖片選中，點擊左側的滑動樣式，即可實現秒刷效果。你可以通過手機預覽查看滑動的效果，左滑右滑的方法都是一樣的。
最后還有一件事情非常重要，引導讀者去滑動圖片。如果你沒有在圖片上做提示，那么一定要在滑動樣式的頂部或者底部，用文字做個提示 ↓
區別于svg樣式，SVG編輯器里的效果更加復雜，編輯的自由度也更大，還可以進行組合套用
1、選擇左滑/右滑的素材，在編輯器 的右側點擊【添加圖片】，上傳滑動的圖片素材
2、在編輯器右側點擊【添加圖片】按鈕，按住Ctrl鍵批量選擇并上傳圖片
3、圖片上傳完成，預覽無誤后，可以使用【同步】或【導出】功能，保存到微信公眾號平臺
在SVG編輯器中制作好SVG文章后，點擊上方的【導出】按鈕，復制該文章的代碼
打開微信公眾號平臺，在圖文消息的編輯區使用Ctrl+V，將復制的代碼粘貼到文章中即可
今天的教程到此結束啦
還想學習哪些排版小技巧
記得來告訴小編噢~
- END -
文章申明：本文章轉載自互聯網公開渠道，如有侵權請聯系我們刪除
登錄后可以評論
立即登錄
立即登錄
小伍資深編輯
共638篇文章
最近文章
更多
- 雙十二電商活動宣傳排版素材（電商商品促銷推廣模版樣式）
- 乞巧節微信公眾號推文排版素材（愛情浪漫活動推廣文案）
- 二十四節氣立秋圖文排版素材（金黃色系立秋推文文案模版）
- 八一建軍節紀念日推文排版樣式（光輝歷程文案宣傳模版）
熱門工具
135編輯器
領先的在線圖文編輯平臺原創樣式素材，一鍵套用
筆格設計
受歡迎的在線作圖網站，新媒體配圖、手機海報應有盡有
筆格PPT
輸入主題，AI一鍵生成PPT；上傳本地文件秒變PPT
管小助
企業營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產品設計指南
淺談用戶運營中的用戶分層
內容運營：戴上寫作的六頂思考帽
5000字方法論：4個細節，決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻，漲粉12.6萬，一個女孩子在抖音靠洗車也能月入過萬！
高價值社群的5大核心關鍵
抖音賬號內容自檢清單！
決定離職后，3天拿到offer的總結與反思！
【135早資訊】：教育部將徹查教材插圖問題；抖音6月1日起將對本地生活商家收取服務費
運營導航
分享到
