ps解析網(wǎng)頁圖中的GIF圖片應(yīng)用與處理(3)

相信大家都見過有些gif圖片用PS打開以后背景是透明的，里面包含的文字或者圖片在網(wǎng)頁上顯示的時(shí)候依然很清晰，如果你單純的覺得那就是直接保存的時(shí)候去掉背景圖層直接保存的那你就錯(cuò)了，本教程就是教你怎樣做這樣的GIF，先放張對比圖。

(大家可以把對比圖保存到自己的電腦，用瀏覽器打開來看)對比圖的左下是沒有處理的圖片，右下是處理過的圖片，同樣是GIF的背景全透明圖片，但是顯示的效果確實(shí)完全不同的，下面我就教大家怎么做：

首頁先說一下為什么要這樣做，假設(shè)在背景有顏色的情況下你制作GIF，為了使GIF融入背景，你肯定要使用一樣的背景色，如此說來要么你做一張背景色相同的圖片，要么你用png，但是事實(shí)告訴我，你想用QQ的截圖工具截了背景色再用PS取色那么肯定顏色不一樣，背景要調(diào)整到你崩潰才會(huì)一樣，你用PNG文件不一定比GIF小，就算你有了正確的背景那么你做出來的GIF也會(huì)比同效果的GIF大，就算只大幾KB，那么上百人人瀏覽呢?上萬人呢?就大了幾萬倍，所以我們做GIF一定要盡量的小，這就是本次教程的目的，下面開始了。

1.以上圖為例，我們要做一個(gè)在灰色背景上顯示的GIF圖片，首先用QQ截圖，再在PS取色(這里可以忽略QQ缺色造成的不精確問題)，打上你要打的字和圖片。

2.把你的這些文字(圖片)放到一個(gè)層里保存并復(fù)制一份。

3.先建一個(gè)空白層在復(fù)制的組上面：

4.按住CTRL同時(shí)選中“圖層3”和“組1副本”，然后按ctrl+e把這兩個(gè)東西合并

5.按V使用“移動(dòng)工具”把剛才合并的那個(gè)圖片移動(dòng)到右側(cè)：

6.把“組1”隱藏掉，這個(gè)是用來備份的，方便以后好改，現(xiàn)在沒用了：

7.點(diǎn)擊軟件上方的菜單“選擇”→“色彩范圍”

容差50，選取背景色以后點(diǎn)擊確定。

8.到這一步你可以看到文字都被虛線包圍起來了，這時(shí)候按CTRL選中“圖層2”和“圖層3”，然后按ctrl+e把他們合并：

9.按鍵盤上的delete鍵：

好了，現(xiàn)在可以保存圖片了，出來的效果就和演示的一樣，我提供的下載包里有個(gè)htm文件可以直接演示，演示的圖片左側(cè)就是沒有處理直接顯示的組1，大家可以對比下。

注意，色彩選擇的時(shí)候容差是50，另外你要融入什么背景就要做什么背景色，不然會(huì)不協(xié)調(diào)的。另外演示要用html文件看，不要直接用圖片瀏覽器