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