公眾號(hào)排版中如何使用svg效果實(shí)現(xiàn)圖片變色?
掌握新媒體運(yùn)營(yíng)的創(chuàng)意技巧,學(xué)習(xí)如何使用135編輯器的SVG互動(dòng)效果,為秋天的圖片增添色彩。從黑白到彩色的神奇轉(zhuǎn)變,只需簡(jiǎn)單的滑動(dòng)操作??焖偕鲜郑o你的內(nèi)容營(yíng)銷增添一抹秋日風(fēng)情。
朋友們大家好,我是三兒。
最近你們哪兒降溫了嗎,三兒這兒每天都是小風(fēng)兒呼呼呼地吹,之前綠油油的樹也變得黃黃的。
頗有一種畫筆上色的感覺,說到上色呀,最近三兒看到吉利汽車有關(guān)一篇秋天的推文,恰好就是利用滑動(dòng),制作了一篇上色的感覺。
親手給時(shí)空、季節(jié)上色的感覺還是很微妙的,仿佛是人與遙遠(yuǎn)的時(shí)空有了呼應(yīng),指尖的滑動(dòng)像是漫長(zhǎng)的季節(jié)瞬時(shí)的觸動(dòng)。
那么我們要如何制作這樣的效果呢?接下來我們將以吉利汽車素材為例(圖片素材僅做教學(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)方向以及模糊濾鏡等效果。
有朋友問:我看吉利下方還有滑動(dòng)提示,你這只能黑白變彩色,滑動(dòng)提示要怎么加呢?
我們?cè)诨?dòng)效果中搜索圖片組件,找到「無縫圖-點(diǎn)擊不可彈出」組件ID:1
然后我們?cè)偬砑雍谢瑒?dòng)提示內(nèi)容的圖片即可。
如果有小伙伴擔(dā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編輯器里用起來吧
給我們這個(gè)秋天換換色
立即登錄