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