消除鋸齒,保存光滑邊緣的透明背景Gif圖像
2023-11-07 17:24:09
來源/作者: /
己有:2人學(xué)習(xí)過
消除鋸齒,保存光滑邊緣的透明背景Gif圖像 一般保存透明的gif圖片時,除非圖片的不透明區(qū)域是規(guī)則的矩形(而且沒有羽化和陰影,外發(fā)光等),直接保存,都會出現(xiàn)鋸齒。
本文的技巧在于使用Photoshop保存圖像時候的“雜邊”選項(xiàng),我們給圖片“定義顏色以混合透明像素”就可以很好地解決透明背景圖片的鋸齒邊緣問題。
這是沒陰影的
這是有陰影的
這是photoshop中的透明區(qū)域的演示
在保存的時候,有個選項(xiàng),叫“雜邊”的,如果把鼠標(biāo)放到其上方,會出現(xiàn)說明:“定義顏色以混合透明像素”。在那里設(shè)置一下顏色,就可以比較好地解決這個問題,如圖:
一般只要把這里的顏色設(shè)置成跟網(wǎng)頁的背景顏色相同或相近,然后把這個圖片放到網(wǎng)頁里,就不會察覺到有鋸齒。
比如最初那張幅透明gif圖片,如果在保存的時候設(shè)置“雜邊”為#F2F3F7(或者是用“我的配色”中的“其他顏色”,算我沒說),然后保存,之后貼到這里,就不會有鋸齒了,看!
本文的技巧在于使用Photoshop保存圖像時候的“雜邊”選項(xiàng),我們給圖片“定義顏色以混合透明像素”就可以很好地解決透明背景圖片的鋸齒邊緣問題。
screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0>
這是沒陰影的
這是有陰影的
這是photoshop中的透明區(qū)域的演示
在保存的時候,有個選項(xiàng),叫“雜邊”的,如果把鼠標(biāo)放到其上方,會出現(xiàn)說明:“定義顏色以混合透明像素”。在那里設(shè)置一下顏色,就可以比較好地解決這個問題,如圖:
一般只要把這里的顏色設(shè)置成跟網(wǎng)頁的背景顏色相同或相近,然后把這個圖片放到網(wǎng)頁里,就不會察覺到有鋸齒。
比如最初那張幅透明gif圖片,如果在保存的時候設(shè)置“雜邊”為#F2F3F7(或者是用“我的配色”中的“其他顏色”,算我沒說),然后保存,之后貼到這里,就不會有鋸齒了,看!