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

- 2023霜降節(jié)氣海報合集,給你專屬秋天的靈感!
- 寒露節(jié)氣免費手機海報模板分享
- 2023中秋節(jié)精美海報大放送,尊的都很好看!
- 不看會后悔系列!2023國慶節(jié)精美海報模板分享!













