135編輯器新上的自動輪播SVG效果
三兒帶來兩款創(chuàng)新輪播組件（ID：573 & 614），助力提升推文視覺表現(xiàn)。首款SVG實(shí)現(xiàn)頂圖固定多圖橫向縮小移出輪播，適宜春日美景創(chuàng)作，通過虛實(shí)結(jié)合設(shè)計(jì)展現(xiàn)動畫人物與背景景色。第二款扇形輪播組件支持圖片跳轉(zhuǎn)，適于展示產(chǎn)品或人物，如婦女節(jié)主題相冊設(shè)計(jì)。
嗨嘍，寶子們，三兒來了，最近咱們SVG編輯器中上新了多款自動輪播組件，三兒挑選了其中兩個(gè)高級感滿滿的效果推薦給大家，如果你想為你的推文增加點(diǎn)創(chuàng)意，那今天的內(nèi)容可千萬別錯(cuò)過～
這款SVG組件名稱叫做頂圖固定多圖橫向縮小移出式輪播，ID：573。
最近這段時(shí)間萬物復(fù)蘇，春意漸濃，正是大家做春日美景選題的好時(shí)機(jī)，但在推文中僅靠圖片展示很難有新意，今年不妨與此款SVG效果結(jié)合做點(diǎn)創(chuàng)意。
比如可以像三兒一樣，利用虛實(shí)結(jié)合的設(shè)計(jì)，在頂層圖部分放上動畫人物，背景圖則添加景區(qū)、校園的春日景色圖。
這款SVG組件名稱叫做扇形輪播-圖片可跳轉(zhuǎn)，ID：614。
此款SVG組件的背景是固定的，前景才有輪播效果，適合拿來展示產(chǎn)品或者人物。比如面對即將到來的婦女節(jié)，我們就可以將背景圖設(shè)計(jì)成相冊的樣式，前景輪播圖部分放入公司同事的照片，展示女性風(fēng)采。
接下來三兒就簡單的給大家講解一下這兩個(gè)效果是如何制作的～
首先三兒先給大家拆解一下制作思路，此款效果由兩部分組成：頂層的動畫人物和多張背景圖。
注：以上圖片均來自比格設(shè)計(jì)官網(wǎng)
圖片設(shè)計(jì)部分思路：頂層圖部分要做成PNG格式的圖片，動畫圖則可以采用實(shí)景攝影圖片，這些所有圖片的寬高尺寸都需要保持一致。
接著就進(jìn)入到咱們的SVG編輯器，在搜索框中輸入ID：573。
按照要求，分別放入頂層圖以及動畫圖。
再調(diào)整一下細(xì)節(jié)，比如滾動方向、動畫時(shí)長和播放速度即可。
最后制作完成，點(diǎn)擊右上角【同步】到公眾號后臺或【導(dǎo)出】到135編輯器頁面。
第二款效果的制作思路同樣為兩部分：一張固定的背景圖，多張輪播圖。
首先，輪播圖部分需要制作成png格式的圖片，背景圖則設(shè)計(jì)一張固定的圖片即可，所有圖片的寬高尺寸需要保持一致。
接著來到SVG編輯器中，在搜索框中輸入SVG組件ID：614，放入到編輯頁面。
按要求添加圖片到SVG組件中。
接著調(diào)整SVG組件細(xì)節(jié)部分，比如動畫時(shí)長和移出方向。
最后制作完成，點(diǎn)擊右上角【同步】到公眾號后臺或【導(dǎo)出】到135編輯器頁面。
以上就是三兒分享的全部內(nèi)容了
如果覺得還不錯(cuò)
記得給三兒點(diǎn)個(gè)贊+在看哦～
最后，三兒還給大家
帶來了開工福利
現(xiàn)在購買會員
優(yōu)惠多多
還在等什么
趕緊掃碼領(lǐng)取吧
立即登錄
