這樣做公眾號(hào)的動(dòng)態(tài)頭圖，超簡(jiǎn)單還很酷炫！
?胖友們好啊，我是三兒.又雙叒叕有胖友來問三兒怎么做動(dòng)態(tài)頭圖啦！之前三兒已經(jīng)給大家介紹過了幾種做動(dòng)圖的方法（沒看過的胖友戳我）。
看最近大家對(duì)做頭圖的熱情這么高，三兒又再幫大家想到了一種更簡(jiǎn)單的方法。其實(shí)頭圖的動(dòng)效除了用gif動(dòng)圖來展示，還可以直接用酷炫的SVG來制作動(dòng)效！
像下面這種經(jīng)典的自動(dòng)展開動(dòng)效就可以在SVG編輯器中制作，可以用于作為logo展示，公眾號(hào)頭圖、欄目圖等等??
（圖源：鄭州升達(dá)經(jīng)貿(mào)管理學(xué)院公眾號(hào)）
（SVG編輯器豎向動(dòng)態(tài)頭圖效果）
（SVG編輯器橫向動(dòng)態(tài)頭圖效果）
準(zhǔn)備兩張寬高尺寸一致的圖片。
通過135編輯器左側(cè)入口進(jìn)入svg編輯器；
或者直接在瀏覽器輸入svg編輯器網(wǎng)址進(jìn)入：http://qwer.com.cn/svgeditor/
在『互動(dòng)效果』欄目下的『自動(dòng)』分類里，找到『橫向/豎向動(dòng)態(tài)頭圖效果』素材，點(diǎn)擊將其添加到編輯區(qū)域。
在編輯器右側(cè)找到『添加圖片』按鈕，將準(zhǔn)備好的圖片分別上傳到頭圖1、頭圖2。
你還可以根據(jù)需要，為SVG設(shè)置背景圖、背景色、滾動(dòng)的線條顏色。
方向設(shè)置：可以設(shè)置頭圖滾動(dòng)的方向是向左還是向右
動(dòng)態(tài)頭圖邊距：可以設(shè)置頭圖距離上下左右的邊距數(shù)值
其他配置：可以勾選頭圖是否循環(huán)滾動(dòng)
制作好的SVG頭圖可以通過使用『同步』或『導(dǎo)出』功能，保存到135編輯器或者微信公眾號(hào)平臺(tái)。
以上就是SVG頭圖的制作教程
學(xué)會(huì)了的胖友趕緊實(shí)操起來吧
還想get更多酷炫的SVG效果？
那就去SVG編輯器看看吧~
·END·
本文素材僅供交流學(xué)習(xí)使用
如有侵權(quán) 請(qǐng)聯(lián)系刪除
■ ■ ■ ■
立即登錄
- 2023霜降節(jié)氣海報(bào)合集，給你專屬秋天的靈感！
- 寒露節(jié)氣免費(fèi)手機(jī)海報(bào)模板分享
- 2023中秋節(jié)精美海報(bào)大放送，尊的都很好看！
- 不看會(huì)后悔系列！2023國(guó)慶節(jié)精美海報(bào)模板分享！
