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

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

image.png

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


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



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


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


·



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


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



圖片素材準備



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


素材圖如下圖所示:





01 進入SVG編輯器

通過135編輯器左側入口進入svg編輯器;

或者直接在瀏覽器輸入svg編輯器網址進入:

http://www.serialka.com/svgeditor/



02 添加SVG組件

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




03 上傳圖片素材

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



04 效果設置

展示圖展示的順序設置

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


動畫設置

【等待時長】:是上一張圖出現后等待多長時間出現下一張圖

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




05 同步/導出到微信公眾號

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



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



·EN

文章排版由135編輯器提供技術支持

 ■ ■ 

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