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