將一張圖片的背景處理成透明,是在工作生活中經常碰到的問題,這個問題的解決可以通過PS這個圖像處理神器完成。對於這樣的圖片處理,對於UI設計的人員來說是小菜,對我們開發者來說,可能就比較困難,我是基於圖像處理小白來進行說明的,當然我本身也是圖像處理的菜鳥,也是咨詢大神后,才順利完成的。
下面說一下具體的方法步驟
1 簡單處理圖片
進入PS軟件,打開圖片,首先需要對圖片進行新建圖層的操作,按快捷鍵Ctrl+J,就復制了一個原圖片的圖層,后面我們就可以對這個新建的圖層進行操作了。這個操作的目的是為了以防失誤,這樣能夠不影響原圖片,還能退回到最開始的起點進行處理。
在右側的圖層面板,將背景圖左側的眼睛按一下,背景層就不可見了,點一下圖層1,后面我們就在圖層1上進行操作。
然后對圖片進行簡單處理,比如需要旋轉一下,剪裁一下等,在圖像菜單找到對應的選項,進行相應的處理。我們的示例圖片需要做逆時針旋轉90度,,可以讓文字看上去比較舒服。
對於圖片的簡單處理,還可能會將圖片進行剪切,比如為了將圖片的文字部分突出,可以將其余的空白部分剪掉,只保留文字部分區域。這個步驟可以通過矩形選框,選擇文字部分,然后剪切,再新建一個文件,拷貝到新文件上,這樣就可以達到突出文字主體部分的目的。
2 將背景設置為統一顏色
圖片的簡單處理完成之后,下一步就是將圖片的背景色調整為一個顏色,一般情況下,我們需要處理的圖片背景的顏色比較接近,為了更方便的處理,我們先將背景處理成一個顏色。選擇圖像-調整-曲線,如圖,先點一下紅色圓圈標出的空水筆,然后點擊隨意圖片的空白背景,這時候圖片的整個背景就會變成白色。由於圖片背景有一些橫線,可以繼續在橫線上點擊,這時候,橫線也會變成白色。為了加強文字和背景的對比,可以點擊藍色圓圈的黑色水筆,再點擊圖片上的文字,這時候文字會加深黑色效果,最終呈現的圖片就是如下圖所示的黑白分明的圖片。
3 將背景設置為統一顏色
這一步是選取空白區域,然后刪掉,就達到將背景變為透明的效果。利用魔棒工具選取空白區域,右鍵點擊左側工具欄的魔棒圖標,然后點擊魔棒工具,這里面可以設置魔棒的容差,默認值是32,如果背景顏色不夠一致,可以將容差值調的大一些,或者為了效果,可以將容差值調小。然后用魔棒工具在圖片的空白處點擊,就選取了圖片的背景。
有的文字,還有閉合的一些空間,直接使用魔棒還沒有選取到這些閉合空間,比如文字中“悟空”的“悟”的“五”,就有一個小的閉合空間。選擇菜單選擇—選取相似,這樣就能將閉合空間也選取上了。然后按delete鍵,刪除背景色,這樣圖片的背景就變成了透明色。
4 保存圖片
背景為透明的圖片,只能保存為png格式,我們將最后的處理結果保存為png格式的文件。文件—存儲為,選擇png格式,然后保存。
5 一些說明
對於PS這個常用工具,我們不是專門的UI設計人員,但還是應該掌握一些基本的使用方法,特別是一些常用的PS技能,能夠做一些簡單的圖片處理,不然就會對圖片處理手足無措。
在工作生活中,對經常遇到一些圖片處理的小問題,有的時候通過查找資料,或者通過請教大神,能夠把問題解決,下次碰到類似問題,可能還是要重新查找資料或向其他人請教,將一些小的技巧,記錄下來,可以方便下次查閱。