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