自媒體工作者們都會(huì)利用到秀米這個(gè)排版編輯網(wǎng)頁(yè)，秀米的SVG功能已經(jīng)推出很久了，而且真的是挺有效果的。不過(guò)對(duì)于小白來(lái)說(shuō)，想用好這個(gè)效果還是有點(diǎn)難度的，今天我們一起來(lái)看看我們可以怎樣做到這個(gè)效果呢？ 找

自媒體工作者們都會(huì)利用到秀米這個(gè)排版編輯網(wǎng)頁(yè)，秀米的SVG功能已經(jīng)推出很久了，而且真的是挺有效果的。不過(guò)對(duì)于小白來(lái)說(shuō)，想用好這個(gè)效果還是有點(diǎn)難度的，今天我們一起來(lái)看看我們可以怎樣做到這個(gè)效果呢？

找到自己想要的效果圖片

首先我們找到自己想要的效果圖片，并將其用ps設(shè)置成黑白的。你可以從網(wǎng)上搜索合適的圖片作為樣例。圖片設(shè)為黑白的方法有很多，樣例中使用了ps。

調(diào)節(jié)圖片為黑白效果

在ps中點(diǎn)擊【圖像】-【調(diào)整】-【黑白】，將圖片調(diào)節(jié)成黑白效果。然后直接點(diǎn)擊確定即可。

注意存儲(chǔ)時(shí)要另存為并保持格式一致

在保存圖片時(shí)要選擇另存為，并保存為與原彩色圖片格式一致的既定格式。這樣可以確保兩張圖片的格式保持一致。

現(xiàn)在，我們就準(zhǔn)備好我們需要的兩張圖片了。

接下來(lái)，我們將使用秀米來(lái)設(shè)置SVG（點(diǎn)亮）效果。在秀米編輯器中，我們可以選擇將黑白圖片作為背景圖，并使用SVG代碼來(lái)實(shí)現(xiàn)點(diǎn)亮效果。

首先，在秀米編輯器中選擇一個(gè)合適的區(qū)塊，然后點(diǎn)擊添加背景圖。上傳或選擇之前準(zhǔn)備好的黑白圖片作為背景圖。

接著，我們需要編寫(xiě)SVG代碼來(lái)實(shí)現(xiàn)點(diǎ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;

這段代碼定義了一個(gè)濾鏡效果，將圖片的亮度設(shè)置為正常值。你可以根據(jù)需要調(diào)整亮度值。

最后，在秀米編輯器中選擇剛剛添加的背景圖區(qū)塊，然后點(diǎn)擊插入代碼按鈕，在彈出的對(duì)話框中將之前編寫(xiě)的SVG代碼粘貼進(jìn)去。

保存并預(yù)覽你的網(wǎng)頁(yè)，你會(huì)看到黑白圖片被點(diǎn)亮了！

通過(guò)以上步驟，我們可以利用秀米設(shè)置SVG（點(diǎn)亮）效果，讓網(wǎng)頁(yè)更加生動(dòng)有趣。