如何利用秀米設(shè)置SVG(點亮)效果
自媒體工作者們都會利用到秀米這個排版編輯網(wǎng)頁,秀米的SVG功能已經(jīng)推出很久了,而且真的是挺有效果的。不過對于小白來說,想用好這個效果還是有點難度的,今天我們一起來看看我們可以怎樣做到這個效果呢? 找
自媒體工作者們都會利用到秀米這個排版編輯網(wǎng)頁,秀米的SVG功能已經(jīng)推出很久了,而且真的是挺有效果的。不過對于小白來說,想用好這個效果還是有點難度的,今天我們一起來看看我們可以怎樣做到這個效果呢?
找到自己想要的效果圖片
首先我們找到自己想要的效果圖片,并將其用ps設(shè)置成黑白的。你可以從網(wǎng)上搜索合適的圖片作為樣例。圖片設(shè)為黑白的方法有很多,樣例中使用了ps。
調(diào)節(jié)圖片為黑白效果
在ps中點擊【圖像】-【調(diào)整】-【黑白】,將圖片調(diào)節(jié)成黑白效果。然后直接點擊確定即可。
注意存儲時要另存為并保持格式一致
在保存圖片時要選擇另存為,并保存為與原彩色圖片格式一致的既定格式。這樣可以確保兩張圖片的格式保持一致。
現(xiàn)在,我們就準(zhǔn)備好我們需要的兩張圖片了。
接下來,我們將使用秀米來設(shè)置SVG(點亮)效果。在秀米編輯器中,我們可以選擇將黑白圖片作為背景圖,并使用SVG代碼來實現(xiàn)點亮效果。
首先,在秀米編輯器中選擇一個合適的區(qū)塊,然后點擊添加背景圖。上傳或選擇之前準(zhǔn)備好的黑白圖片作為背景圖。
接著,我們需要編寫SVG代碼來實現(xiàn)點亮效果。在秀米編輯器中的代碼模式下,找到合適的位置插入以下代碼:
lt;svg xmlns"" viewBox"0 0 24 24"gt; lt;defsgt; lt;filter id"brightness-filter"gt; lt;feColorMatrix type"matrix" values"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /gt; lt;/filtergt; lt;/defsgt; lt;/svggt;
這段代碼定義了一個濾鏡效果,將圖片的亮度設(shè)置為正常值。你可以根據(jù)需要調(diào)整亮度值。
最后,在秀米編輯器中選擇剛剛添加的背景圖區(qū)塊,然后點擊插入代碼按鈕,在彈出的對話框中將之前編寫的SVG代碼粘貼進(jìn)去。
保存并預(yù)覽你的網(wǎng)頁,你會看到黑白圖片被點亮了!
通過以上步驟,我們可以利用秀米設(shè)置SVG(點亮)效果,讓網(wǎng)頁更加生動有趣。