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