104學習精靈

整合人力資源管理系統的應對策略

在準備授課教材時，我常常需要對圖片做些加工。最常用的功能就是「去背」，好讓我把圖片跟教材文字整合在一起。但是每次開啟像是PhotoShop或Photo Impact這種龐大的工具都要等很久，而且也才只是簡單地做個去背而已，未免也是殺雞焉用牛刀。 還好現在來到了雲端時代，「去背」這種簡單的圖片處理功能，我們可以使用小巧但卻十分好用的線上圖片編輯工具「PIXLR EDITOR」就能完成。 PIXLR EDITOR: http://ift.tt/12vU6W5 待處理圖片 / An Image With Colored Background 今天我們要處理的照片是來自於免費線上圖庫freepik的圖片。 freepik.com: http://www.freepik.com/ Open book in blue background: http://ift.tt/25AHQJm 必須說明的是，這張圖片其實原始格式是Illustrator的ai向量圖片格式。如果是這種向量圖片，我們也可以簡單用InkScape來處理這張背景。不過今天我們不是要談向量圖片，這次我是拿它的JPEG格式點陣圖片來作為去背教學的範例圖片。 範例圖片下載：http://ift.tt/25AHt1t STEP1. 打開PIXLR EDITOR / Open PIXLR EDITOR PIXLR EDITOR: http://ift.tt/12vU6W5 PIXLR EDITOR是一個免安裝的線上工具，請使用網頁瀏覽器打開上面的網址即可。不過，PIXLR EDITOR是基於Flash來運作，所以請確保你的瀏覽器可以開啟Flash。如果你使用了類似Flash Block的套件遮蔽網頁的Flash的話，請記得把PIXLR EDITOR加入白名單。 STEP 2. 開啟圖片 / Open Image 請選擇「從電腦上打開圖片」，打開上面那張範例圖片。 正式進入圖片編輯畫面，有沒有跟PhotoShop很像呢？ STEP 3. 新增透明背景圖層 / Add A Transparent Background Layer 雖然別人用PIXLR EDITOR的教學都可以直接使用刪除就獲得透明的背景，但我的電腦刪除時就只會取得白色的背景。所以在此我用的是跟別人不同的方法。 參考上圖，在「圖層」選單中按下右下角的「新圖層」。 參考上圖，(A) 在原本「背景」圖層右邊的鎖上點擊滑鼠左鍵兩下，解除圖層鎖定，「背景」變成了「圖層 0」。 (B) 將「圖層 0」按滑鼠左鍵拖曳到「圖層 1」的上方。 變成「圖層 0」在上面，「圖層 1」在下面。這樣我們就準備好透明背景了。 STEP 4. 移除指定顏色的背景 / Remove Colored Background 確保你現在點選的是要處理的圖層「圖層 0」。 因為圖片背景顏色都是藍色，所以我們移除藍色就能夠達到去背的效果。移除指定顏色的工具是「魔術工具」，這功能就如同許多繪圖工具的「魔術棒」一樣。 以下操作請參考上圖的標示： (A) 在左邊的「工具」裡面選擇「魔術工具」。 (B) 選擇容差數值。數值越大，待會移除越多類似顏色的範圍。數值越小，甚至到0的話，待會只會移除指定顏色的範圍。建議設定20左右即可。 (C) 勾選「連續」：如果勾選的話，待會會移除的只有選取範圍鄰近的顏色。如果取消勾選的話，會移除圖片中所有出現指定顏色的範圍。建議勾選連續。 接著在圖片的藍色背景上按下滑鼠左鍵，選取藍色背景範圍。 圖片中藍色範圍的邊緣出現黑白虛線，表示藍色範圍被選取起來了。 接著要刪除背景。可以按上方選項列中的「編輯」 「清除」。或是直接按鍵盤的「Del」鍵，就可以將選取範圍刪掉。 現在圖片背景被刪除掉了，白灰格子表示透明。 STEP 5. 移除標誌 / Remove Logo 有些人可能會注意到下面還有freepik.com標誌。有些人可能會覺得必須要拿掉這個標誌才能更進一步使用這張圖片。 這邊必須要說明的是，freepik雖然免費提供這些精美的圖片供人下載，可是卻也要求使用圖片的時候務必註明來源來自freepik。即使移除掉圖片中的標誌，我們還是要記得用其他方式註明這張圖片的來源，不然就變成單純的盜取圖片囉。 那麼以下就介紹如何移除掉這一塊標誌。 在選單列的「編輯」中選擇「取消全選」。 這時候黑白虛線消失了，表示現在不在選取中。我們就可以重新選取範圍。 在工具裡面選擇「選框工具」。 用滑鼠左鍵拖曳的方式，選取freepik標誌。 然後清除選取範圍。 現在我們得到一個只有書本的去背圖片了。 大部分教學都只教到這裡，可是這張圖片上下左右有很大的多餘背景，要如何去除掉呢？讓我們繼續看下一步怎麼操作。 STEP 6. 裁掉多餘的範圍 / Trim Image 在工具裡面選擇「魔術工具」。 在透明的背景上按左鍵選取。 最後會將透明背景選取起來。 在選單列的「編輯」中使用「反選」。 這時候黑白虛線的範圍只會選擇書本而已。 在選單列的「編輯」中使用「拷貝」，複製這個選取範圍。 在選單列的「文件」中使用「新圖片」。 在「新圖片」對話視窗中勾選「從剪貼板創建圖像」跟勾選「透明」，然後按下「確定」。 請注意，如果你在前面的「拷貝」之間還複製其他資料的話，那「新圖片」對話視窗就不會出現「從剪貼板創建圖像」的選項。請回到前一步拷貝選取的圖片吧。 只有書本的去背圖片就完成了。 STEP 7. 儲存圖片 / Save Image 在選單列的「文件」中使用「保存」。 格式請選擇「PNG (透明，全品質圖像)」，這樣才能保存有去背的圖片。預設的JPEG還是會有白色的背景喔。 這樣就可以下載編輯完的去背圖片了。 上面這張就是完成圖囉。 結語 / Conclusion 這個技巧非常地實用。即使電腦等級不高、無法順利運作像是PhotoShop這種大程式，也可以使用PIXLR EDITOR這種輕巧的工具完成修圖喔。 如果想要學習PIXLR EDITOR以及同樣是免費的線上編輯工具PIXLR EXPRESS跟PIXLR O