公眾號排版中如何使用svg效果實現(xiàn)圖片變色?
掌握新媒體運營的創(chuàng)意技巧,學習如何使用135編輯器的SVG互動效果,為秋天的圖片增添色彩。從黑白到彩色的神奇轉(zhuǎn)變,只需簡單的滑動操作??焖偕鲜?,給你的內(nèi)容營銷增添一抹秋日風情。
朋友們大家好,我是三兒。
最近你們哪兒降溫了嗎,三兒這兒每天都是小風兒呼呼呼地吹,之前綠油油的樹也變得黃黃的。
頗有一種畫筆上色的感覺,說到上色呀,最近三兒看到吉利汽車有關(guān)一篇秋天的推文,恰好就是利用滑動,制作了一篇上色的感覺。
親手給時空、季節(jié)上色的感覺還是很微妙的,仿佛是人與遙遠的時空有了呼應(yīng),指尖的滑動像是漫長的季節(jié)瞬時的觸動。
那么我們要如何制作這樣的效果呢?接下來我們將以吉利汽車素材為例(圖片素材僅做教學演示不商用)
我們可以利用135插件??插件下載下載原文素材,進行一個實操演練。
在135編輯器左側(cè)找到「SVG互動效果」,點擊進入SVG編輯器頁面,在互動效果中搜索組件「黑白」可以看到有很多黑白相關(guān)的組件。
注意并不是所有黑白組件都能實現(xiàn)該效果,我們需要找到黑白滑動,我們往下翻翻就能找到該組件「左右滑動模糊變清晰|黑白變彩色」組件ID:266
點擊組件添加在編輯器頁面中,上傳彩色原圖,可設(shè)置濾鏡、滑動方向以及模糊濾鏡等效果。
有朋友問:我看吉利下方還有滑動提示,你這只能黑白變彩色,滑動提示要怎么加呢?
我們在互動效果中搜索圖片組件,找到「無縫圖-點擊不可彈出」組件ID:1
然后我們再添加含有滑動提示內(nèi)容的圖片即可。
如果有小伙伴擔心有「白縫」問題,可以在編輯器頂部找到「去縫隙」然后去除1像素的縫隙即可。
在我們最后完成所有內(nèi)容制作后,可以選擇右上角的「導出」然后選擇復(fù)制到135編輯器或是微信后臺,當然如果你的公眾號授權(quán)了135編輯器可以直接選擇「同步」將內(nèi)容同步到公眾號后臺中。
導出
同步
以上就是本期黑白換色的教程啦
怎么樣是不是很簡單
學會了大家趕快去
135編輯器里用起來吧
給我們這個秋天換換色
立即登錄