怎麼把圖片的背景變成「透明」的
讓它可以跟你的樣式
漂亮的融合在一起呢?
下面介紹的免費影像編輯(修圖)網站
不用軟體,可以直接在線上完成!




你的樣式背景是深色的,放進背景圖片後變成像這樣?醜醜的…

下一張(熱鍵:c)


我們的目標,是把海綿寶寶圖片的白色底色去除
這個動作,有一個專業術語叫作 "去背(景)"

下一張(熱鍵:c)


怎麼做呢?請進入免費影像編輯網站:pixlr.com

*注意:
舊版 IE 瀏覽器,不支援透明圖檔,建議您使用
Google瀏覽器
或Firefox火狐狸來操作。



第一步,上傳你的圖片

下一張(熱鍵:c)


會來到這個畫面。先仔細看,右邊有個小鎖頭,按二下

下一張(熱鍵:c)


讓它變成打勾,我們才能開始作修改

下一張(熱鍵:c)


接著選左邊的「魔術棒」

下一張(熱鍵:c)


在你不要的地方,點一下

下一張(熱鍵:c)


然後選 Clear(清除)

下一張(熱鍵:c)


白色的地方就被清除掉了

下一張(熱鍵:c)


接下來按 Save(儲存),存回電腦即可

下一張(熱鍵:c)


儲存的時候,記得選 PNG 格式,才會保持透明的

下一張(熱鍵:c)


對了,如果你在用「魔術棒」時,發現它「吃」太多、吃到你的圖片
那麼就要把 Tolerance 的數值調小一點,再重新操作一次

下一張(熱鍵:c)


找不到「復原」
(Undo)?它在這裡

回上一層(熱鍵:b)

就介紹到這邊,祝你成功!

 

Umod語法教室 發表在 痞客邦 PIXNET 留言(105) 人氣()


留言列表 (105)

發表留言
  • sandwich1168
  • 頭香^^
  • mapfish
  • 我是頭香嗎??
    哈!!
  • jeff66899
  • 頭香?!

    拿!!THX
  • Julian199610
  • 厲害!!
  • sandwich1168
  • YA~~~~~~~~~

    第3還是第4次嚕!!!


    (剛剛就有看到文章,不過一直說這篇文章不存在= =)
  • rain354015
  • betty8706221
  • 剛好需要
  • jasonq89456e
  • 好前面 第一次


    -

    好用`
  • cherish022
  • 推+拿~
  • vul3wj4619
  • 好可愛的海綿寶寶=ˇ=
  • landy062
  • 哇哈哈︿︿~
  • okkl17
  • 實用 =))
  • bennymo1818
  • 感謝您.
    我之前用photoshop 跟 PhotoImpact
    都不會用
    這比較簡單=3=
  • ar671226
  • 實用~~ 推︿︿
  • tiffany1032
  • 雖然不是頭香不過是前幾個就很開心了!
    謝謝!
  • luna5529
  • 酷ㄝ
  • c159357aa
  • 第一頁嗎??好讚喔XD
  • lisa85213
  • 給你一個大拇哥:)
  • cute871231
  • 小U:
    我希望圖片是"透背"
    不是變成黑色背景!
    請問要怎麼用呢???????

    我用到文章的時候
    全部都是黑的...

    該怎麼沒背景????
  • 上面的教學,就是把圖片變成透明背景
    你是不是最後一步,忘了存成png檔案呢?^^

    Umod語法教室 於 2010/04/11 19:02 回覆

  • cute871231
  • 我有用成png
    變成這樣..
    http://www.wretch.cc/album/show.php?
    i=cute871231&b=10&f=1843540386&p=0

    .....
    也不知道位什麼>0<
  • 在電腦裡就是這樣,還是上傳無名之後才變這樣呢?

    Umod語法教室 於 2010/04/11 20:54 回覆

  • asd825639
  • 很謝謝小U~^^

    (本來我還以為要下載呢~XD)
  • wangwang2583
  • 推12 我找這個功能的網站找很久說

    愛死您啦!I LOVE U
  • she889271
  • 23香

    還有香嗎?

    都被點光光了...
  • boring30
  • 我都用photoshop

    =D
  • d7812
  • 抱歉喔 我要說的可能跟這篇文章沒有關係 >///<
    那就是:
    小U有 「相簿參觀人氣隱藏的語法」、「每本相簿人氣隱藏的語法」嗎?
  • 語法是這一段~

    tr font.small-c a{visibility: hidden;}
    td b font.small-c a{visibility: visible;}
    td center font.small-c a{visibility: visible;}

    Umod語法教室 於 2010/04/11 20:55 回覆

  • pinksin0805
  • 實用^^
  • a19932626
  • 好前面ㄋㄟ= =這還是第1次 推推
  • liccaariel
  • 請問小U:
    有沒有可以讓背景半透明的教學押?
    有的話可否麻煩教一下呢?
    謝謝你!
  • ~~
  • 嗯~謝謝~~~實用
  • st31685
  • 可以把這篇文章貼在網誌嗎
  • 歡迎引用!
    記得要註明小U的網址喔^^

    Umod語法教室 於 2010/07/10 15:21 回覆

  • mich87311
  • 終於找到教學了!
    我好感動ㄒ^ㄒ
  • y59200693
  • 謝謝小U
    這個我超需要的啦!!
  • anny25659036
  • 感覺好像線上版的U5呢^^
  • a0926805150
  • 小U謝謝你唷~

    你的每一篇文章都對大家有非常大的幫助!!!!

    布丁再一次送上感謝ˇˇ

    謝謝小U喔~
  • skiki86320
  • 我都已經按照小U的方法做了
    可是沒辦法上傳耶
    要上傳的時候也找不到檔案

    儲存完的樣子是長這個樣子
    http://f10.wretch.yimg.com/skiki86320/7/1345078569.jpg?
    YJX0UV1DdxJqZ54PUX.FjbmvrHSf7SyhNYt8uk2nfVBuhkE5MxLG3_1wDKhz78yUnao-
  • 看不到你的照片...
    放在哪一本相簿呢?

    Umod語法教室 於 2010/04/11 23:20 回覆

  • 悄悄話
  • Greece1206
  • 網站打不開><
  • 目前網站正常運作中
    請再試試看:)

    Umod語法教室 於 2010/07/10 15:23 回覆

  • wuzi1523
  • 推推推!!!
    我正好需要~你太棒了...呵
  • bluestarcat
  • 小U:
    這個U5也可以用透明,但是如果存成GIF,放到靜態圖上就會變黑背景,
    如果放在GIF背景就是透明的,是正常吧...
  • shiangs2002
  • 我找這找很久了
    看到的都好難
    你的最實用了
    推~
  • girl30718
  • 頁面好像PS喔...
    根本是PS網頁版...
  • ssss7694
  • 好奇怪 都用好了
    存檔了
    可是找不到檔案
    不知道存在哪邊?!
  • contentement
  • 哦~
    筆記筆記!!
    感謝你的教學...
  • cute871231
  • ie7欸!
    可以嗎?
  • io87025
  • 可是都不會用的很乾淨耶 傷腦筋
  • 可以再用"繩子"
    把你不要的範圍畫出來,再清除

    去背景本來就不太容易的:)

    Umod語法教室 於 2010/07/10 15:25 回覆

  • :))
  • 小U
    我明明存了PNG
    可是存在電腦中的"檔案類型"是所有檔案
    怎麼會這樣呢?
  • kiss7822ms
  • 那個...
    去背景的程式很好~
    可是我都去不乾淨耶 ><"
  • 可以再用"繩子"
    把你不要的範圍畫出來,再清除

    去背景本來就不太容易的:)

    Umod語法教室 於 2010/07/10 15:25 回覆

  • FDSESF
  • 謝謝喔
    PS:這網站是可以改中文的~~
    點選項那邊的LANGUAGE 再改成傳統中國 就能囉~~
  • alien2816
  • 可是存好檔案不能看
  • rose50238
  • 厲害!!︿︿
  • 猩猩
  • 誰叫我=_="
  • smile80405
  • 推+拿!謝囉!:+)
  • dellns
  • PNG存回電腦後打不開怎麼辦@@?
  • lulu011818
  • 對了 小U 可以用那個繩子 畫不要的範圍 在清除阿!

    然後我忘了登入...
  • smile13love
  • 不好意思問一下
    如果把照片上傳,照片會外漏嗎?
  • winnieh23
  • 有沒有gif動圖也能用的啊?
  • helen840918
  • 卸卸分享噢.
  • jlovedow
  • 儲存之後
    檔案打不開欸!!
  • cat870808
  • 你好,
    我想請教一個問題!
    就是儲存的時候他會存到哪裡?
    我存的時候,有跑出資料夾,可是我存好多次,都沒有在我存的那個資料夾裡耶...
  • 找看看有沒有在「我的圖片」裡...

    Umod語法教室 於 2010/07/10 15:18 回覆

  • BubuRouToget
  • 可是請問一下~
    為什麼傳到無名後會變成黑的:(?
  • 不知道是不是IE的問題...
    改用Google或火狐狸瀏覽器來上傳試看看...

    Umod語法教室 於 2010/07/10 15:52 回覆

  • a1032722cn
  • 但是瀏覽器升級到IE8之後
    圖片去背完上傳無名背景也是黑的阿?
    為什麼呢?
  • 不知道是不是IE的問題...
    改用Google或火狐狸瀏覽器來上傳試看看...

    Umod語法教室 於 2010/07/10 15:54 回覆

  • sharon89190
  • 找好久了
    一直不會用
    謝謝你^^
  • abc601
  • 好棒哦!我會了:)))
  • babylily9765
  • 我已經存成png了
    可是放到小畫家的時候背景就變成黑色了欸
  • 是的,不能再放進小畫家編輯了
    不然會變成不透明的....

    Umod語法教室 於 2010/08/21 20:11 回覆

  • cindy925ya
  • 感謝小U!!!!!!!!!超讚的
  • a7s8d9
  • 為何貼到其他圖上變成黑的呀?
  • a7s8d9
  • 我記得...
    如果是透明圖
    在網路上就會是黑的
    這點不用擔心
  • justdreamy
  • 我有存成 png 阿
    可是還是沒辦法融合耶
    怎ㄇ半
  • sbl85102
  • 動態的圖片要怎麼用啊?
    用一個變靜態~"~
    拜託小U
    幫我解決!~~
  • 你是說動態圖片要變透明的?
    要用 Ulead GIF Animator軟體
    以後再推出教學....

    Umod語法教室 於 2010/08/21 20:13 回覆

  • kid555
  • good!
    好用~~~
  • ajk9899
  • 真的是一個很好的網站~謝謝小U!!
    但是我儲存之後打不開耶~
    怎麼會這樣呢??
  • s70124
  • 謝謝:)
  • tina872121
  • 去完背景後要怎麼得到圖片網址ㄚ??
  • pe9512426
  • 好棒的東西呀
    它可以做成軟體了 =)
  • ssssssssss19
  • 啵兒棒
  • a7s8d9
  • 小u~
    這網站已經可以偵測網路IP來源
    把語言切換了~(支援中文)
  • lon6
  • 請問:
    位什麼還要換成png檔?
    不能用jpg檔?
  • lon6
  • 我好像跟19樓那位依樣也
    婐在電腦裡看也是透明的
    不過上傳到相簿裡就變成黑色的了
    怎抹辦怎抹辦??????????
  • sharon821002
  • 可是再上傳到無名相簿時
    透明部份變成黑黑的欸
    有辦法解決嗎?
    明明在電腦裏是透明的啊!
    ???????????
  • 現在網站更新了, 不知道圖片儲存到哪去了... 求救啊!!!
  • JWentw
  • @lon6: 圖片要存成.png檔才有透明效果

    至於透明部份變成黑的問題好像是無名本身的問題? (我猜的

    因為我發現原本上傳的.png圖檔被轉成.jpg
  • rain12231022
  • 為什麼我存成png圖片是去背成功的
    但上傳到無明圖片卻模糊不清顏色有亂暈
    why ...
  • 完蛋..這ㄍ不能進去怎ㄇ辦我常起需要這ㄍ救救我8
  • angel5688
  • 謝謝分享
  • iiaaaa29978
  • 很好用^^
  • st9530489
  • 可是我用時
    卻不能全部一起消失
    我用photocap用也是一樣
    都是一小塊一小塊
    是背景的顏色太多並不是單一的所以才這樣嗎?
  • 愛死你了
    多謝~
  • wu880712
  • 謝謝!!(跪)
  • wu880712
  • 我跟19樓的一樣!!不知怎的,背景會變成黑的!(我在用frontpage時)
    請救救我吧!!
  • ourdfr
  • 加油.加油.加油.
  • qax88520
  • 請問可以溶圖嗎?
    我一直很想用這軟體溶圖...
    拜託一下!!
    告訴我!!!
    去背完貼到GB圖上
    這樣可以嗎?
    有教學嗎?
  • xu3m4
  • 超好用^^
    給你ㄧ個讚~
  • qweqwwe8
  • 謝謝你解決了我的困擾!
  • 噗噗
  • 謝謝你!我找好久唷
    可是都沒有找到
  • 魚魚
  • 對不起...
    我想請問
    我按照您的步驟儲存到桌面後
    他就變成白色檔案 打開還要選擇檔案..
    然後我用PS要開啟他的時候也不能用 ˊ_ˋ?
  • 曄
  • 說明的真好~真簡單~
    感謝唷^^
  • 太厲害了!!!!!!
    好實用好方便!!!!!!!!
    謝謝大大!!!!!!!!
  • 小豬兒
  • 我怎沒找不到我存檔的圖?
1 2