Photoshop做透明背景圖片 必須用 另存為web所有格式(ctrl+alt+shift+s).
還可以用他的ImageRadyle 這個保存的都是web格式的
(上面存的都是gif格式)
重要的是jpg格式是沒有透明背景的 透明背景的要么是gif格式 要么就是png格式
PS簡單圖標遮罩制作(透明背景圖片)
1 - 在Photoshop中打開PNG格式的圖片
2 - 將前景顏色設置為黑色
3 - 按鍵(Alt)+(Shift)+(Backspace) 對存在像素上色(黑色)
4 - 選擇Layer(涂層) > Flatten Image(拼合圖層)
5 - 按鍵(Ctrl)+(I)對圖像取反色,將圖片保存為BMP格式
使圖標邊緣看起來更圓滑(無白邊)(透明背景圖片)
1 - 在Photoshop中打開PNG格式的圖片
2 - 選擇Layer(涂層) > Duplicate Layer(復制圖層)
3 - 選取位于最底層的涂層
4 - 選擇Filter(濾鏡)> Other(其他)> Minimum(最小值)
5 - 將Radius(半徑)改為1
如何利用Photoshop輸出帶有透明信息的PNG格式的圖片
下面就是操作步驟:
1. 打開你要處理的圖片(可以是任何格式的),先調整它的尺寸大小,這一點雖然與透明背景圖像沒有什么聯系,但圖像太大會影響瀏覽速度,誰想只為了看一幅圖片而“等你等得我心疼”呢!所以,在不影響視覺效果前提下應把圖像盡量縮小,而且圖像的長寬要和它在網頁中的大小基本一致,否則圖像插入后會發生變形。調節尺寸可用Image(圖像)菜單中的Image size(圖像尺寸)命令。
2. 用套索工具選定需要的部分,這一步是為了把所需圖像同原圖中的不透明背景分離開來。PhotoShop 5.0以上的版本中增加了磁性套索工具,這個工具對于選定與背景顏色反差較大的部分非常方便,但也需要一定耐心,才能把所需圖像完整地選下來。然后使用“Edit(編輯)”菜單項中的“Copy(復制)”命令,把所選的內容復制到剪貼板中。
3. 使用“File(文件)”菜單中的“New(新建)”命令新建一圖像。尺寸使用對話框中的默認值,這是系統根據剪貼板中的數據給出的最小值。在“Contents”這一欄中,一定要把“Transparent(透明)”項選中,這是是否能生成透明背景圖像的關健。單擊“OK”后,如果不出意外的話,你會看見一幅有網格的新圖像,其實這是一幅背景透明的空白圖像。
4. 用“Edit(編輯)”菜單中的“Paste(粘貼)”命令把剪貼板的內容粘貼到新圖像中,在左邊的工具欄中選擇移動工具,把圖像移到合適的位置。到這一步,基本的操作已經完成了,記住在這里千萬不要合并層,否則前面的工作就前功盡棄了。
5. 最后選擇“File(文件)”菜單中的“Save a copy(另存為一備份)”命令保存文件,在“Save as(另存為)”選擇框中選定*.gif格式,單擊“OK”進入下一步。
6. 在下一步出現的對話框中,同樣也要選擇“Transparency(透明)項”,其他各項使用默認值,單擊“OK”完成。
現在,一幅完美的透明背景圖像就做成了!趕快試一試,把它插入到網頁中,預覽一下!怎么樣,天衣無縫吧?
另提供一種給photoshop比較熟練的朋友:
將圖像轉換成 Index Color,選擇要透明的部分,制作通道,帶通道將文件直接保存為 GIF 格式,OK.
方法2
1. 啟動Photoshop,打開所需的圖片文件。這時,我們在圖層面板中可以看到一個名為“背景”的圖層,因為在Photoshop中,背景圖層是不允許直接編輯的,要把它轉換成普通的圖層。雙擊該圖層,出現“新圖層”對話框,直接點[好],即可將“背景”圖層轉換成普通圖層。
接下來,在工具面板中選擇魔術棒工具,單擊需要刪除的背景色,然后按下“Delete”鍵,就可將背景色完全刪除,圖中的方格部分就表示該部分是透明的。
最后,我們要把它輸出為PNG格式文件,單擊“文件/存儲為Web所用格式…”,在右側的保存選項中選擇“PNG—24”格式,把下面的“透明區域”選項選上,單擊[好]保存。
其實導出為GIF也可以的,如果對圖像的質量不高的話,這樣也可以很好的預覽,而PNG的預覽就不怎么行.
2. 好弄,新建一個圖片,記得把背景勾上透明,確定,把不要的顏色去掉,存儲為png格式.
在ps中,做好沒有背景色的透明圖片,然后選擇“存儲為web所用格式”, 在里面選GIF(默認的), 然后儲存。 就得到了你要的透明圖片。
如果不選擇“存儲為web所用格式”方式保存,那么,你做的透明背景層將被背景色所代替。。。