用Photoshop作透明背景的GIF圖像

2020-12-20 北方網

　　Ｐｈｏｔｏｓｈｏｐ提供了將獨立於背景之上的物體輸出為透明背景圖的方法，這個方法在輸出索引顏色圖像到ＧＩＦ時，可以將圖像中的區域指定為透明背景，所有包含指定顏色的區域都被Ｗｅｂ瀏覽器識別為透明。

　　

　　下面我們通過一個示例來說明如何製作透明背景的ＧＩＦ圖像。

　　

　　首先，我們任意選擇一幅圖像或自製一幅圖像，並合併所有圖層，然後將該圖像模式轉為索引顏色。之所以要轉變圖像模式，是因為要製作透明的ＧＩＦ圖像，就必須在輸出至ＧＩＦ前，先將圖像轉換為索引顏色模式。雖然ＲＧＢ圖像模式也可以輸出為ＧＩＦ圖像，但無法製作透明的ＧＩＦ圖像。

　　

　　在轉換圖像顏色模式為索引顏色時，會出現一個索引顏色對話框，該對話框有兩個主選項，即調板和選項，在調板中有系統、隨樣性、平均等選項，它們的效果分別可以通過右側的預覽功能觀察，我們一般選用隨樣性選項，它可以使用圖像中代表性的顏色取樣創建調板，並輸出最佳圖像品質。

　　

　　然後點擊文件／輸出／ＧＩＦ８９ａ 輸出，出現ＧＩＦ８９ａ 輸出選項對話框。選擇帶加號的吸管工具，在圖像中需要設置為透明的地方點擊，即可去除整個圖像中的相關顏色。如果圖像太大，可以使用抓手工具移動圖像來配合吸管工具去除顏色；如果圖像太小，可以使用放大鏡工具放大圖像來配合吸管工具。

　　

　　在操作中如果對去除結果不滿意，可以按下Ａｌｔ鍵並點擊復位按鈕，就可以完全恢復圖像中的顏色！

　　對話框中的交錯選項可以在圖像下載時逐步顯示圖像細節。大家不是在遊覽網頁時，看見一些圖像是逐漸變為清晰的嗎，就是這個交錯選項的效果了。 當所有設置完畢後，保存該文件即可完成透明ＧＩＦ文件的輸出了！（將保存的ＧＩＦ圖像文件通過一些ＧＩＦ壓縮軟體可以有效地減少ＧＩＦ的「體重」，從而達到網頁中快速生成圖像的目的！）

　　

　　上面所講述的只是背景顏色較簡單的透明背景ＧＩＦ圖像製作方法，對於圖像為單一層，背景色比較複雜的圖像，我們可以使用套索等工具採用摳圖的方法，將物體從背景色上摳出，然後反向選擇，使用一種單一的顏色填充背景色，然後就可以十分方便地製作透明背景的ＧＩＦ文件了。

　　

　　另外，我們還可以使用Ａｌｐｈａ通道蒙版而不是指定顏色區域為透明來定義透明背景。

　　

相關焦點

  • photoshop圖像模式針對不同媒介空間,導向後期選擇正確圖像模式
    關於photoshop圖像調整菜單下的調色命令，在之前文章已經給大家做過介紹，我們可以通過調色命令和其它不同工具的配合使用，可以調出許多不同的風格化照片。在學習完圖像調整菜單中的調色命令之後，會發現在圖像菜單下有一些關於圖像模式的選項，我們來看一下在攝影后期中，圖像模式對我們有什麼幫助。
  • 圖叔叔:怎樣用photoshop做透明背景的圖片?
    在日常工作當中，我們經常需要用到透明背景的圖片。因為透明的圖片可以更好的溶入場景，會讓整體畫面更加協調。今天圖叔叔給大家介紹如何用photoshop來製作透明背景的圖片。透明背景素材第二步：在工具箱中選擇「魔術棒」工具，單擊背景色。這時在背景上面會出現選擇線（如滾動的螞蟻），然後按下【Ctrl+i】快捷鍵，反選。如下圖所示。
  • [ps技巧]在Photoshop中使背景透明的方法
    由於Photoshop比PowerPoint複雜得多，因此可以使用幾種不同的方法來使背景透明。每種都適合不同類型的圖像。下面的方法就是介紹Photoshop中使背景透明的ps技巧。將圖像拖放到Photoshop中後，您要做的第一件事就是將其轉換為「智能對象」，然後對其進行柵格化。
  • 教你如何,用Ps去掉GIF動態圖片背景顏色!
    製作後的效果圖現在開始1.第一步 :準備好一張自己喜歡的GIF動態圖片 , photoshop(作圖工具)如圖:我用的是PScc圖片的原圖2.第二步用PS打開我們所準備的圖片或者將圖片直接拖入>3.第三步選擇上方 窗口->時間軸 勾選時間軸4.第四步選擇時間軸上的圖層,及對應的右邊的圖層進行選擇,在左邊工具欄選擇"魔棒工具",然後點擊圖片中底色(背景顏色),刪除選中的背景(
  • 這個在線摳圖工具,好用又免費,告別Photoshop繁雜操作
    說到摳圖，相信很多人首先想到的是Photoshop，確實如果說到圖像處理，photoshop的確算得上是最為專業的軟體，但是這個軟體相對來說功能比較的複雜，如果說平常沒有怎麼接觸或者是學習過，很難直接使用這個軟體來進行摳圖，但是我們也有很多的小工具可以使用，今天我要介紹的就是一個全自動的摳圖工具。
  • 如果用Photoshop時間軸做出心動的gif圖
    保存為Web所用格式快捷鍵是Alt+Shift+Ctrl+S記得要保存gif的格式哦gif圖保存到桌面時選擇HTML和圖像格式保存到桌面找到文件夾images打開就可以找到gif圖像
  • 前端設計必會技能-gif動畫圖片製作
    二、flash與gif動畫圖片製作flash君，搞咩納塞，冷落你這麼久，今天終於可以護你一回了。大功告成，導出就可以哈！（文件→導出→導出影片→選擇gif動畫）fla源文件右鍵這裡下載：logo-jump.fla三、photoshop製作gif動畫本例子以那個會動的箭頭示意。打開一定版本的photoshop。
  • 黑莓PNG透明背景圖像-我的愛設計素材
    黑莓PNG透明背景圖像-我的愛設計素材黑莓PNG,PNG圖像背景,PNG圖像,黑莓PNG,PNG圖像,黑莓大小：5927 KB解析度：3069×3276你可以從這個頁面下載這個圖像的最佳解析度，並用於設計和網頁設計。黑莓有背景的PNG你可以下載，只需點擊它和省省吧黑莓是薔薇科懸鉤子屬的許多種、懸鉤子亞屬內的雜交種和雜種所產生的可食用果實在懸鉤子屬和伊達歐巴圖亞屬之間。由於雜交和無融合生殖，黑莓的分類學在歷史上一直是混亂的，因此物種常常被組合在一起，稱為物種聚合體。例如，整個懸鉤子亞屬一直被稱為懸鉤子集合，儘管R.fruticosus被認為是R。
  • CSS系列之背景
    背景顏色background-color 屬性定義了元素的背景顏色。<style>/* 支持英語單詞,rgb,以及十六進位顏色碼 */background-color:顏色值;</style>一般情況下元素背景顏色默認值是 transparent（透明），我們也可以手動指定背景顏色為透明色。
  • PS教程:Photoshop實用小技巧!(超多乾貨)
    用這種圖案填充，就可以得到無縫的背景圖像。3. 為常用的組合命令定製動作：在處理圖像的時侯，很多情況下我們都會用到組合命令。譬如，需要將一個多層圖像的文檔移動到另一個文檔中。新建一個文檔，大小為要製作的筆刷大小，用黑色（也可以是彩色或不同的灰度，但這樣制出的畫筆顏色會較淡）繪製你的畫筆圖像，如一朵小花，幾顆小樹等等。然後用矩形選框選擇，定義為新的畫筆。如果沒有選擇，那麼Photoshop會把畫布上全部圖像定義為畫筆。這樣，你就可以用這些自定義的畫筆創作各種獨特的圖像了，特別是一些邊框等裝飾性的圖案。6.
  • Python給gif圖片加文字水印
    為了成批地給圖像增加水印，我們這裡用到了枕頭模塊。它的英文名為pillow。安裝它的方式為用cmd命令打開DOS提示符窗口，然後輸入pip install pillow即可。就像下面這樣：這裡是指定圖像的顏色為紅色。它用的是三元組(255,0,0)表示的。這是RGB即紅綠藍三元色表示法。由於新建的圖像為RGBA模式，所以其實這張圖片還有一個通道，用來描述每個像素的透明度的。如果沒有寫，則默認為每個像素都是完全不透明的。在Ａ通道中０表示完全透明，255表示完全不透明，所以上面的生成的圖像每個像素值最終都是(255,0,0,255)。當然我們也可以指定A通道的值。
  • photoshop基礎知識:文件的新建、保存與關閉的正確運用
    解析度，要注意圖像解析度越高，質量越好。背景內容：一般分為白色、透明色和背景色，這裡需要說明的是，背景色要看工具箱中的背景色與前景色進行設置。如圖簡單設置的效果，要根據您的需要進行設置。二、文件保存與關閉方法一、在菜單欄中選擇「文件--存儲為Web和設備所用格式」，即可彈出一個對話框，這種方式可以保存jpg，gif，png格式圖片，點擊「確定」即可將其另存為其他文件夾中。
  • 使用Photoshop圖層效果將透明文本融合到圖像
    在本教程中，我向您展示了一種使用Photoshop中的圖層效果將透明文本添加到圖像的簡單方法。在上一個教程中，我向您展示了如何使用Photoshop的「混合選項」創建透明文本。但是圖層效果可以為您提供更多有趣和創新的效果，因為有太多效果可供選擇！
  • 平面設計與圖像概述Photoshop的基本操作習題
    計算機圖像分為哪幾類？答：位圖圖像和矢量圖形。位圖圖像又稱「柵格圖像」，是用小方形網格，即像素來代表圖像，每個像素都被分配一個特定的位置和顏色值。優點：圖像彩色的色調變化豐富，可在不同的軟體間交換文件。缺點：文件較大，對內存和硬碟要求較高。
  • PhotoShop2020圖像處理:圖像的存儲格式
    可以處理24位顏色的圖像，支持RGB、位圖、灰度、索引模式，但不支持Alpha通道GIF格式：基於在網絡上傳輸圖像而創建的文件格式，它採用LZW無損壓縮方式。支持透明背景和動畫，被廣泛應用在網絡文檔中EPS格式：為在PostScript印表機上輸出圖像而開發的文件格式，幾乎所有的圖形、圖表、頁面排版程序都支持該格式。
  • 「後期修圖」一起來簡單的學習一下photoshop的入門教程吧!
    1.移動工具，可以對PS裡的圖層進行移動 快捷鍵「CTRL」+「N」移動工具2.矩形選擇工具，可以對圖像選一個矩形選擇範圍，一般對規則的選擇用多。橢圓選擇工具，可以對圖像選一個矩形選擇範圍，一般對規則的選擇用多。
  • Photoshop製作像素畫入門教程詳解
    要是複雜的創作還是選用photoshop吧，功能上很多優勢，最低版本都可以。當然像素也分很多類，需要不同的工具，我只介紹上面這兩種軟體。像素不需要技術，需要的是細心。4、基本元素舉例在ps裡工具就是鉛筆工具。快捷鍵是,導航器最好放大到400%點：
  • 巧用CSS cross-fade(.)實現背景圖像半透明效果
    前段時間有挺火的一個小遊戲，拿兩張圖片疊加在一起，看看複合人物的效果，用css可能大部分人想到的是將兩個img用定位的方式疊加在一起，分別設置透明度，當然這個辦法是可行的，其實css還提供了一個cross-fade()方法，講兩張圖片作為背景圖引入，可以實現相同的效果。
  • 如何製作透明背景圖片?這款工具幫你一鍵快速去除背景
    在生活中經常遇到製作透明背景圖片的需求，很多大神用PhotoShop將圖片摳成透明背景圖，但對於小白來說PS操作過於複雜。本文分享這款智能作圖工具，小白都可以快速上手，3秒後便可以得到一張透明背景圖。本文以手機端為例，這款App採用AI識別技術，你只需一鍵上傳圖片，即可快速去除圖片的背景。如何製作透明背景圖？請參考以下教程！1.進入APP，選擇識別功能，需要識別人物照片，選擇人像識別，上傳手機內的圖片，將自動執行摳圖。