春節(jié)做海報借勢沒創(chuàng)意，教你做一張會動的SVG互動海報
胖友們大家好哇，我是三兒。又是一年春節(jié)將至，大家的春節(jié)借勢海報也越來越卷了，卷完文案卷創(chuàng)意，三兒認(rèn)識的設(shè)計小哥已經(jīng)快被甲方爸爸逼瘋了。
甲方爸爸說：要好看，要大氣
在被斃了十多個方案之后，還是用回了第一稿，這是他做的海報：
甲方爸爸又說了：好看是好看，就是感覺不怎么吸引人，沒什么創(chuàng)意
然后，這是三兒幫他做的海報：
看起來是不是美觀和創(chuàng)意都有了？其實(shí)三兒只是給海報加了個SVG組件，讓海報動起來，給海報增添了一些互動性。
想知道三兒是怎么做到的嗎？來看看下面的教程吧！
圖片素材準(zhǔn)備
制作這樣的動態(tài)海報效果，需要先把海報的每個圖層或者元素，單獨(dú)另存為PNG格式（即背景為透明的圖片格式）。
素材圖如下圖所示：
通過135編輯器左側(cè)入口進(jìn)入svg編輯器；
或者直接在瀏覽器輸入svg編輯器網(wǎng)址進(jìn)入：
http://m.vrlw.com.cn/svgeditor/
在『互動效果』欄目下的【點(diǎn)擊】里，點(diǎn)擊『點(diǎn)擊圖片依次出現(xiàn)』素材，將其添加到編輯區(qū)域。
在編輯器右側(cè)上傳之前準(zhǔn)備好的背景圖和展示圖。展示圖上傳后支持鼠標(biāo)拖動位置。
展示圖展示的順序設(shè)置
按照展示圖的序號大小依次展示，在右側(cè)拖拽上下調(diào)整圖片的位置即可，序號代表出場的順序
動畫設(shè)置
【等待時長】：是上一張圖出現(xiàn)后等待多長時間出現(xiàn)下一張圖
【漸顯時長】：是每張展示圖從無到完全出現(xiàn)的過程時長
制作好的SVG文章可以通過使用『同步』或『導(dǎo)出』功能，保存到微信公眾號平臺。
好啦，以上就是三兒給大家介紹的讓海報動起來的玩法了，大家還有沒有什么春節(jié)創(chuàng)意的點(diǎn)子，快來留言區(qū)告訴三兒呀~
立即登錄
- 2023霜降節(jié)氣海報合集，給你專屬秋天的靈感！
- 寒露節(jié)氣免費(fèi)手機(jī)海報模板分享
- 2023中秋節(jié)精美海報大放送，尊的都很好看！
- 不看會后悔系列！2023國慶節(jié)精美海報模板分享！
