一秒get到Apple同款排版效果(高階篇SVG文章制作方法)

最近有不少小伙伴問我。三兒,最近領(lǐng)導(dǎo)看了Apple推文,也想要同款排版,這該如何是好呀。

image.png


【多圖輪播】

你直接報(bào)我身份證得了唄


今天三兒來教大家7種玩法

讓圖片在推文中輪播展示!

省掉圖片排版的繁瑣步驟

效果酷炫,圖片張數(shù)還不限

一秒get大廠同款效果

最重要的是操作很!簡(jiǎn)!單 !














輪播效果展示
















圖片輪播


SVG組件ID:35

效果描述:多張圖片無限循環(huán)的自動(dòng)切換顯示。



·



圖片輪播-橫向單方向切換


SVG組件ID:69

效果描述:多張圖片無限循環(huán),向左或向右輪播。



·


多圖彈動(dòng)輪播(橫向)


SVG組件ID:92

效果描述:兩圖及兩圖以上的多圖彈動(dòng)式橫向自動(dòng)輪播,可設(shè)置輪播圖邊距、背景圖或背景色、滾動(dòng)方向和動(dòng)畫時(shí)長。



·


圖片輪播-上下左右切換


SVG組件ID:157

效果描述:圖片依次無限循環(huán)地向上、下、左、右滾動(dòng)輪播,圖片數(shù)量需要是4的倍數(shù)。



·
·


圖片田字分裂對(duì)邊移出輪播


SVG組件ID:157

效果描述:多張圖片田字分裂對(duì)邊移出切換,自動(dòng)播放,可設(shè)置順時(shí)針或逆時(shí)針播放動(dòng)畫。



·


·

圖片橫向百葉窗分裂錯(cuò)位移出輪播


SVG組件ID:158

效果描述:多張圖片橫向百葉窗式分裂切換,自動(dòng)播放。



·
·

·

·


橫向停頓式圖片輪播


SVG組件ID:166

效果描述:多張圖片無限循環(huán)向左輪播或向右輪播,每張圖完整顯示后會(huì)停頓一會(huì)再繼續(xù)播放,播放的快慢可以進(jìn)行設(shè)置。















制作方法
















01 進(jìn)入SVG編輯器


通過135編輯器左側(cè)入口進(jìn)入svg編輯器



或者直接在瀏覽器輸入svg編輯器網(wǎng)址進(jìn)入:

http://d1167.cn/svgeditor/




02 添加組件


在SVG編輯器中搜索一款輪播組件的ID,或在『輪播』分類下查找組件,將輪播組件添加到編輯區(qū)域



鼠標(biāo)移動(dòng)到SVG組件上,可以查看SVG的使用教程,也可以掃碼預(yù)覽SVG的具體效果




03 上傳圖片


在SVG編輯器右側(cè)的配置區(qū)域,將需要添加輪播效果的圖片上傳至組件中。



根據(jù)輪播的效果設(shè)置開始時(shí)間、輪播方向、輪播快慢等參數(shù)即可。



04 同步/導(dǎo)出


制作好的SVG文章可以通過使用『同步』或『導(dǎo)出』功能,保存到微信公眾號(hào)平臺(tái)(ps:不知道咋同步和導(dǎo)出的胖友,點(diǎn)擊按鈕,根據(jù)提示操作即可)



注意:


如使用導(dǎo)出代碼功能,則需根據(jù)SVG效果的使用平臺(tái)(135編輯器/微信后臺(tái)),選擇對(duì)應(yīng)平臺(tái)的代碼進(jìn)行復(fù)制,盡量不要直接粘貼代碼,以免效果有誤。




以上就是制作輪播圖的方法啦

大家趕緊去SVG編輯器里上手試試吧!


什么?你說你領(lǐng)導(dǎo)還有svg高階定制要求,編輯器樣式無法滿足。沒關(guān)系,掃描下方二維碼添加客服,你盡管說出你的需求,我們?yōu)槟銓?shí)現(xiàn)。



·EN

文章排版由135編輯器提供技術(shù)支持

 ■ ■ 

文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
小三兒135主筆
一個(gè)酷愛鉆研排版的小編!
共606篇文章
最近文章
更多
  • 2023霜降節(jié)氣海報(bào)合集,給你專屬秋天的靈感!
  • 寒露節(jié)氣免費(fèi)手機(jī)海報(bào)模板分享
  • 2023中秋節(jié)精美海報(bào)大放送,尊的都很好看!
  • 不看會(huì)后悔系列!2023國慶節(jié)精美海報(bào)模板分享!
比格設(shè)計(jì)
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺(tái)原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報(bào)應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運(yùn)營——站式營銷管理平臺(tái)
推薦文章
用戶運(yùn)營平臺(tái)產(chǎn)品設(shè)計(jì)指南
淺談?dòng)脩暨\(yùn)營中的用戶分層
內(nèi)容運(yùn)營:戴上寫作的六頂思考帽
5000字方法論:4個(gè)細(xì)節(jié),決定私域能不能賺錢
一個(gè)案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個(gè)女孩子在抖音靠洗車也能月入過萬!
高價(jià)值社群的5大核心關(guān)鍵
抖音賬號(hào)內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對(duì)本地生活商家收取服務(wù)費(fèi)
熱門素材樣式
運(yùn)營導(dǎo)航
運(yùn)營工具
分享到