春節(jié)做海報借勢沒創(chuàng)意,教你做一張會動的SVG互動海報

胖友們大家好哇,我是三兒。又是一年春節(jié)將至,大家的春節(jié)借勢海報也越來越卷了,卷完文案卷創(chuàng)意,三兒認識的設(shè)計小哥已經(jīng)快被甲方爸爸逼瘋了。

image.png

甲方爸爸說:要好看,要大氣


在被斃了十多個方案之后,還是用回了第一稿,這是他做的海報:



甲方爸爸又說了:好看是好看,就是感覺不怎么吸引人,沒什么創(chuàng)意


然后,這是三兒幫他做的海報:


·



看起來是不是美觀和創(chuàng)意都有了?其實三兒只是給海報加了個SVG組件,讓海報動起來,給海報增添了一些互動性。


想知道三兒是怎么做到的嗎?來看看下面的教程吧!



圖片素材準備



制作這樣的動態(tài)海報效果,需要先把海報的每個圖層或者元素,單獨另存為PNG格式(即背景為透明的圖片格式)。


素材圖如下圖所示:





01 進入SVG編輯器

通過135編輯器左側(cè)入口進入svg編輯器;

或者直接在瀏覽器輸入svg編輯器網(wǎng)址進入:

http://qwer.com.cn/svgeditor/



02 添加SVG組件

在『互動效果』欄目下的【點擊】里,點擊『點擊圖片依次出現(xiàn)』素材,將其添加到編輯區(qū)域。




03 上傳圖片素材

在編輯器右側(cè)上傳之前準備好的背景圖和展示圖。展示圖上傳后支持鼠標拖動位置。



04 效果設(shè)置

展示圖展示的順序設(shè)置

按照展示圖的序號大小依次展示,在右側(cè)拖拽上下調(diào)整圖片的位置即可,序號代表出場的順序


動畫設(shè)置

【等待時長】:是上一張圖出現(xiàn)后等待多長時間出現(xiàn)下一張圖

【漸顯時長】:是每張展示圖從無到完全出現(xiàn)的過程時長




05 同步/導(dǎo)出到微信公眾號

制作好的SVG文章可以通過使用『同步』或『導(dǎo)出』功能,保存到微信公眾號平臺。



好啦,以上就是三兒給大家介紹的讓海報動起來的玩法了,大家還有沒有什么春節(jié)創(chuàng)意的點子,快來留言區(qū)告訴三兒呀~



·EN

文章排版由135編輯器提供技術(shù)支持

 ■ ■ 

文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請聯(lián)系我們刪除
文章評價
登錄后可以評論
立即登錄
小三兒135主筆
一個酷愛鉆研排版的小編!
共606篇文章
最近文章
更多
  • 2023霜降節(jié)氣海報合集,給你專屬秋天的靈感!
  • 寒露節(jié)氣免費手機海報模板分享
  • 2023中秋節(jié)精美海報大放送,尊的都很好看!
  • 不看會后悔系列!2023國慶節(jié)精美海報模板分享!
比格設(shè)計
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機海報應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產(chǎn)品設(shè)計指南
淺談用戶運營中的用戶分層
內(nèi)容運營:戴上寫作的六頂思考帽
5000字方法論:4個細節(jié),決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關(guān)鍵
抖音賬號內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務(wù)費
熱門素材樣式
運營導(dǎo)航
運營工具
分享到