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