查看完整版本 : 圖片去背及拼貼入門教學

潛入者 2016-5-4 11:32 PM

圖片去背及拼貼入門教學

為方便沒有Photoshop及修圖經驗的版友製作圖謎參與「IQ猜猜猜2016 (加分遊戲)」,
現分享一些免費線上修圖工具及簡單的改圖技巧。

部份教學內容會過時或會不時修改。:lDD_001:

[b][color=Purple]目錄

【用Background Burner去背】2#

【用Pixlor Editor去背】3#

【用Pixlor Editor的粘貼功能去背】4#

【用Clipping Magic + Pixlor Editor去背】5#

【用Photo Scape併貼從Google Search找來的去背圖】7#

【用QT86造特色文字】8#

【Q & A 如何復製圖中人物?】9#

【用Cool Text造特色文字】 13#

【用Photo Funia合成特色背景】14#

【用Photo Scape製閃爍文字】15#

【用Optimizilla / Compressor.io / iLoveIMG壓縮圖片】16#

【用Hypah或Online Image Editor替圖片潻加GIF特效】17#

【用Online Image Editor替GIF圖去背及併貼】18#

【用Imgflip同Make a gif把影片變作GIF圖】19#

【Q & A 如何更改圖中物件的顏色?】20#[/color][/b]
[color=green]

[[i] 本帖最後由 潛入者 於 2020-6-8 03:55 PM 編輯 [/i]]

潛入者 2016-5-4 11:58 PM

【用Background Burner去背】


1.按下這連結
[url=https://burner.bonanza.com/]https://burner.bonanza.com/[/url]

2.按下Choose a Photo,選取電腦內的圖片上傳到網站。
[attach]5506081[/attach]
原圖
[attach]5509975[/attach]


3.工具會自動計算部份去背範圍。選取適用的圖後按下Touch up。
[attach]5506082[/attach]
4.按下右上方的圖示 (紅箭) 把檢視圖的背景變作透明,然後用Basic Tools的加減功能進行微調,減號是去掉不要的部份,
加號是回復被去掉的部份。黃線內是沒被去掉的部份,在這劃—至二筆 (需去掉較大的範圍,便選用較粗的圓點塗畫),
工具便會自動計算需去掉的部份,不用把整塊塗滿。
[attach]5506083[/attach]

5.不小心去掉了要保留的部份,便用加號塗畫把它回復。
[attach]5506084[/attach]

6.自動計算難以處理的部份,可用Pixel Tools在需改動的位置用加減號塗滿,
工具便只會去掉 / 回復被塗畫的部份。
[attach]5506407[/attach]

7.完成後按Finish → Replace background。
[attach]5506408[/attach]

8.在Result image按Mouse右鍵選圖片另存新檔,把圖片儲存到電腦上。
[attach]5506409[/attach]

9.完成。
[attach]5506410[/attach]

注意事項 : 這工具在Working十數次後,可能會出現運作異常(視乎電腦的性能),屆時便要關掉網頁,清除瀏覧器的Cookie後,
重新上傳圖片到網站,從頭再做一次。[color=green]

[[i] 本帖最後由 潛入者 於 2020-6-8 03:23 PM 編輯 [/i]]

潛入者 2016-5-5 08:01 AM

【用Pixlor Editor去背】(2019年開始,此線上工具只提供英文版本)

1.按下這連結
[url]https://pixlr.com/old/editor/[/url]

2.選「從電腦上打開圖片」,選取適用的圖片上傳。
[attach]5506460[/attach]

3.把背景旁的鎖頭點擊兩下,把它變成剔號。
[attach]5506461[/attach]

4.在左方工具列選魔術棒點擊背景的位置 (如點擊時覆蓋面太多,可調低容差的數值再試)。
[attach]5506462[/attach]

5.出現虛線後,在上方工具列選編輯 → 剪切 或按下鍵盤上的Delete。
[attach]5506463[/attach]

6.有地方無法消去,按下編輯 → 取消全選,然後在左方工具列選筆刷刷掉。
[attach]5527200[/attach]

7.按下交叉 → 是。
[attach]5506464[/attach]

8.格式選PNG (透明,全品質圖像) → 確定,儲存圖片到電腦上。
[attach]5506465[/attach]

9.完成。
[attach]5506466[/attach]


10.把圖併貼到其他圖上看看 (詳看4#1-5的教學)。
[attach]5506467[/attach]

[color=green]

[[i] 本帖最後由 潛入者 於 2020-6-8 03:27 PM 編輯 [/i]]

潛入者 2016-5-6 04:25 PM

【用Pixlor Editor的粘貼功能去背】(2019年開始,此線上工具只提供英文版本)


1.按下這連結
[url]https://pixlr.com/old/editor/[/url]

2.選「從電腦上打開圖片」,選取一張底圖上傳。
[attach]5510584[/attach]



3.按下文件 → 打開圖片,選取一張面圖上傳。
[attach]5514658[/attach]

4.按下編輯 → 全選 (圖一) 或 按下左方工具列的選框,圈出要保留的部份 (圖二)。
再按下編輯 → 拷貝。

圖一
[attach]5514659[/attach]

圖二
[attach]5511145[/attach]

5.用鼠標點撃底圖,按下編輯 → 粘貼,把面圖貼在底圖上。
[attach]5510588[/attach]

6.按下編輯 → 自由變換,移動面圖及改變其大小。
[attach]5510589[/attach]
[attach]5510590[/attach]

7.點選左方工具列的筆刷圖示,再點選上方工具列的數字,調校筆刷的大小。
[attach]5510591[/attach]

8.用筆刷刷走面圖的背景。
[attach]5510592[/attach]

9.完成後點擊交叉 → 是。
[attach]5510593[/attach]

10.格式選PNG → 確定。勿選BMP,香討不支援這圖檔。
[attach]5510594[/attach]

11.完成
[attach]5510595[/attach][color=green]

[[i] 本帖最後由 潛入者 於 2020-6-8 03:31 PM 編輯 [/i]]

潛入者 2016-5-7 09:27 AM

【用Clipping Magic + Pixlor Editor去背】

1.按下這連結
[url=https://clippingmagic.com/]https://clippingmagic.com/[/url]

2.選Drag Image Here上傳圖片
[attach]5512475[/attach]

3.網站不時會彈出教學信息,點擊Got it便能取消。
[attach]5554578[/attach]

4.用加、減號選取去背的部份,加是保留想要的部份,減是不要,在大概位置塗一條長線便可,
工具便會自動計算去背的範圍 (計算的精準度和工作速度也比Background Burner佳),
下方工具列的Brush Size還可把筆粗調校5px ~ 1px的大小,方便處理極細微的位置。
[attach]5512476[/attach]

5.下方工具列選Edges,調校Smoothing Level,使圖的邊緣變得平滑。
[attach]5512477[/attach]

6.下方工具列選Colors,剔選White Balance,然後按下注射器,用方框選取白平衡化的範圍後點擊,
完成後按下右上角的x 。如不用白平衡化,這步驟可以省略。
[attach]5512478[/attach]

7.由於Clipping Magic不設免費下載圖片,無法另存圖片到PC上,唯有用截圖工具把網頁擷取出來
(按鍵盤上的Prt Scr鍵後在小畫家貼上 或 在關機旁的工具表找剪取工具使用),
在這之前先在下方工具列選Background Color,把右方檢視圖的透明背景變成白色
,若保留的部份白色所佔比率較多,便轉用其他顔色。
[attach]5512479[/attach]

8.用小畫家或截圖工具裁剪出來,不要保留圖邊的黑線。
[attach]5512480[/attach]

9.用擅於處理大範圍單色背景的Pixlr Editor去背 (見#3教學)。
[attach]5512985[/attach]

10.完成。
[attach]5512986[/attach]

11.用Pixlr Editor把圖併貼到其他圖上會看到有些白邊未清理, 可用筆刷刷掉。
[attach]6445973[/attach]

12.再看看製成品。
[attach]6445974[/attach]

13.網站會留下上傳圖片的記錄,在Images下的圖片按下x,便可在上方的Drag Image Here上傳新的圖片。
[attach]5554579[/attach]
[color=white]

[[i] 本帖最後由 潛入者 於 2017-1-28 02:36 PM 編輯 [/i]]

潛入者 2016-5-8 09:36 AM

教學過期,待更新。
[color=green]

[[i] 本帖最後由 潛入者 於 2020-6-8 03:35 PM 編輯 [/i]]

潛入者 2016-5-8 10:04 PM

【用Photo Scape併貼從Google Search找來的去背圖】


1.按下這連結,下載Photo Scape。
[url=http://www.photoscape.org/ps/main/download.php?lc=cn]http://www.photoscape.org/ps/main/download.php?lc=cn[/url]

下載部驟 :

a.按下Download Now。
[attach]5518217[/attach]

b.再按下Download Now。
[attach]5518218[/attach]

c.待十數秒後會彈出話框,然後按下儲存。
[attach]5518219[/attach]

d.在電腦下載的位置會出現一個Setup.exe。
[attach]5518220[/attach]

e.開啟後按下同意並安裝。
[attach]5518221[/attach]

2.在Google圖片按下搜尋工具,在顔色一項點選透明背景後,搜尋所需圖片 (輸入英文名稱會有較多選擇)。
[attach]5518222[/attach]

3.點下圖片後,背景出現白色格便是去背圖。按下查看圖片檢查圖片大小及有沒死圖,
要其他圖片呎吋便按下以圖搜尋。完成後另存圖片到電腦上。[attach]5518223[/attach]

4.開啟Photo Scape,選相片編修。這工具有擷取功能 (藍箭),可應用在Clipping Magic的去背方法 (見#5)。
[attach]5518224[/attach]

5.用鼠標把一張底圖拉到右方空位。
[attach]5518225[/attach]
6.按下裝飾 → 主要功能下方的圖示 (藍箭) → 相片,選取一張去背圖貼在底圖。
[attach]5518226[/attach]

7.調整大小同位置後,按下儲存。
[attach]5518227[/attach]

8.調整JPEG品質後,按下另存為,另存圖片到電腦上。
[attach]5518228[/attach]
9.完成
[attach]5518229[/attach]

圖片還可以拼貼內設的相框同小圖。

10.按下主要功能下方的無相框,選取相框。
[attach]5554152[/attach]

11.按下合併相框,可以再加多一個相框。
[attach]5554153[/attach]

12.按下裝飾,在主要功能下方的心形可選取小圖。
[attach]5554154[/attach]

13.看看製成品。
[attach]5554155[/attach]

14.用Photo Scape另存圖片時,存檔類型是JPEG檔 (圖一),只要打開小畫家的調整大小,
稍微調低水平同垂直的數值,文件尺寸KB便能大幅減小 (圖二),方便用來作簽名檔。

圖一
[attach]5571689[/attach]

圖二
[attach]5571690[/attach]

[color=white]

[[i] 本帖最後由 潛入者 於 2016-5-24 07:48 PM 編輯 [/i]]

潛入者 2016-5-9 09:13 AM

【用QT86造特色文字】

1.按下這連結
[url=http://www.qt86.com/]http://www.qt86.com/[/url]

2.為方便排版,在更多工具選手動排版。
[attach]5519317[/attach]

3.輸入文字後,選擇字體。
[attach]5521439[/attach]

4.上方出現預覧圖。
[attach]5521440[/attach]

5.拉回下方選擇大小同字色,每項工作需逐步處理。
[attach]5521441[/attach]

6.按下背景,選擇背景透明。
[attach]5519321[/attach]

7.在預覧圖按Mouse右鍵選圖片另存新檔,把圖片儲存到電腦上。
[attach]5521442[/attach]

8.完成。
[attach]5521443[/attach]

9.把字體併貼到圖上。勿把字體調得太小,否則出來的效果會變得模糊。
[attach]5521444[/attach]

10.網頁右上方有其他生成器選擇,使用方法類同。
[attach]5521445[/attach]

注意事項 : 這工具有不少字體沒支援繁體中文。[color=white][color=white]



[color=white][color=white][/color][/color][/color]

[[i] 本帖最後由 潛入者 於 2016-5-9 09:21 PM 編輯 [/i]]

潛入者 2016-5-9 09:25 AM

[quote]原帖由 [i]snoopy009[/i] 於 2016-5-9 10:35 AM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=440950199&ptid=25748741][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]

查理[img]http://www.discuss.com.hk/images/smilies/default/smile_38.gif[/img]

比比想問如果一幅圖有兩個人a+b,我只係想要 a+a在圖中,該如何做?要透明底。



[img]http://i.discuss.com.hk/d/images/r10/androidD.jpg[/img] [/quote]

答 :

方法一

1.上傳圖片到Pixlr Editor,按下左方工具列的選框,再點選上方的圓框,
圈出要保留的部份。再按下編輯 → 拷貝。
[attach]5525511[/attach]

2.點擊鎖頭三下,把圖變成透明。然後按下編輯 → 粘貼。
[attach]5525512[/attach]

3.在左方工具列選魔術棒 (點擊背景後按PC的Delete鍵)同筆刷除去背景。
[attach]5525513[/attach]

4.按下編輯 → 自由變換,移動圖片及改變其大小。再按下編輯 → 全選 → 編輯  → 拷貝。
[attach]5525514[/attach]

5.按下圖像 → 水平翻轉桌布。
[attach]5525515[/attach]

6.按下編輯 → 粘貼 → 編輯 → 自由變換,移動圖片。
[attach]5525516[/attach]

7.完成。
[attach]5525517[/attach]

方法二

1.用Clipping Magic去背,把背景變為白色。
[attach]5525518[/attach]

2.用截圖工具把網頁擷取出來裁剪,不要保留圖邊的黑線。
[attach]5525519[/attach]

3.上傳到Pixlr Editor,把背景旁的鎖頭點擊兩下,把它變成剔號。然後選魔術棒去背 (不需用筆刷)。
[attach]5525520[/attach]

4.之後跟回方法一 4,5,6的部驟便可。

5.完成。
[attach]5525521[/attach][color=white][color=white][color=white][/color][/color]

[[i] 本帖最後由 潛入者 於 2016-5-11 09:30 AM 編輯 [/i]]

潛入者 2016-5-9 09:26 AM

教學過期,待更新。[color=green]

[[i] 本帖最後由 潛入者 於 2020-6-8 03:40 PM 編輯 [/i]]

潛入者 2016-5-9 09:26 AM

教學過期,待更新。[color=green]

[[i] 本帖最後由 潛入者 於 2020-6-8 03:43 PM 編輯 [/i]]

hyw38 2016-5-9 11:07 AM

:smile_o12: 勁

潛入者 2016-5-23 11:06 PM

【用Cool Text造特色文字】

1.按下這連結。
[url=http://cooltext.com/]http://cooltext.com/[/url]

2.點擊Logo,選取字型。
[attach]5569718[/attach]

3.在方框輸入文字,要逐個字輸入,上方檢視圖才會同步變化。
[attach]5569016[/attach]

4.在檢視圖按Mouse右鍵,把圖片儲存到電腦上。留意字旁有白色格才是去背圖。
[attach]5569017[/attach]

5.如用Copy and Paste貼上文字,上方檢視圖不會有變化。請按下Create Logo (最近這功能鍵好像失效了) 或鍵盤上的Enter。
[attach]5569018[/attach]

6.在檢視圖按Mouse右鍵,把圖片儲存到電腦上。
[attach]5569056[/attach]



7.完成。
[attach]5569020[/attach]

8.按下Logo可調整字型的顔色 (圖一),有些字型可調整字首同字尾的顔色 (圖二)。

圖一
[attach]5569021[/attach]

圖二
[attach]5569022[/attach]

9.看看其他製成品。
[attach]5569023[/attach]

[attach]5569024[/attach]

10.還有GIF動態圖選擇 (PC或部份手機才可看到特效),但併貼到其它圖上會失去特效,
可用Online Image Editor解決問題 (詳見18#教學)。

[attach]5569719[/attach]

[attach]5569720[/attach]

[color=white]

[[i] 本帖最後由 潛入者 於 2016-6-3 11:52 PM 編輯 [/i]]

潛入者 2016-5-23 11:47 PM

【用Photo Funia合成特色背景】

1.按下這連結。
[url=http://photofunia.com/]http://photofunia.com/[/url]

2.按下圖片選取特效。
[attach]5569232[/attach]

3.在網頁下方按下Show more effects可選更多特效。
[attach]5569233[/attach]

4.按下Choose Photo → Upload from PC上傳圖片。[attach]5569234[/attach]

5.調校圖片可視範圍後按下Crop。
[attach]5569235[/attach]

6.選擇圖案 (這特效才有這選項),然後按下GO。
[attach]5569236[/attach]

7.把預覧圖另存到電腦上便成。
[attach]5569237[/attach]

8.看看其他效果。
[attach]5572229[/attach]

9.還有其他合成特色背景或相框的網站,使用方法類同,在Photo effects點下圖片便可製作。

photo Face Fun
[url=http://www.photofacefun.com/]http://www.photofacefun.com/[/url]

Loona Pix
[url=http://www.loonapix.com/]http://www.loonapix.com/[/url]

[attach]5569766[/attach]

[attach]5569767[/attach][color=white]

[[i] 本帖最後由 潛入者 於 2016-5-24 10:28 PM 編輯 [/i]]

潛入者 2016-5-24 12:29 AM

【用Photo Scape製閃爍文字】

1.下載Photo Scape (詳見#7教學)。
[url=http://www.photoscape.org/ps/main/download.php?lc=cn]http://www.photoscape.org/ps/main/download.php?lc=cn[/url]

2.用造字工具製兩款字型、大小相同,但顏色不一的文字去背圖 (詳見#8,#12教學)。
[attach]5569351[/attach]
[attach]5569352[/attach]

3.把其中一色文字併貼到圖後,另存到電腦上。
[attach]5569353[/attach]

4.在電腦上的圖片按下Mouse右鍵 → 複製 → 貼上,複製一張相同的圖片。
[attach]5569354[/attach]

5.把另一色文字重疊到複製圖的文字上。
[attach]5569355[/attach]

6.製成動畫後的文件尺寸會很大,若大於2048KB便無法上傳到香討。
[attach]5577198[/attach]

先為圖片修身,用小畫家調整圖片大小 (詳見#7教學),讓圖的KB大幅減小,兩款字色的圖也要。
[attach]5569356[/attach]

7.在Photo Scape首頁選製作動畫。
[attach]5569357[/attach]

8.把兩款字色的圖拉到右上方空位 (綠框),再調整變更畫格時間,
完成後按下儲存,另存圖片到電腦上。
[attach]5569358[/attach]

9.完成 (PC或部份手機才可看到特效)。
[attach]5569359[/attach]

10.如不想下載Photo Scape,可用Pixlr Editor併貼圖片,再用以下幾款線上工具製作動畫。

Picasion (最多可上傳10張素材)
[url=http://picasion.com/]http://picasion.com/[/url]
[attach]5570006[/attach]

Gickr  (最多可上傳10張素材)
[url=http://gickr.com/]http://gickr.com/[/url]
[attach]5608936[/attach]

GIF Maker.me (最多可上傳26張素材)
[url=http://gifmaker.me/]http://gifmaker.me/[/url]
[attach]5608937[/attach][color=white]

[[i] 本帖最後由 潛入者 於 2017-3-6 09:51 PM 編輯 [/i]]

潛入者 2016-5-24 12:31 AM

【用Optimizilla / Compressor.io / iLoveIMG壓縮圖片】

1.按下這連結。
[url=http://optimizilla.com/]http://optimizilla.com/[/url]

2.按下UPLOAD FILES上傳圖片。
[attach]5575864[/attach]

3.網頁下方會出現預覧圖,左是原圖,右是壓縮圖。用右方橫軸調校品質,數值越低文件尺寸越小,
但圖的失真度也越大。

- 36% KB的情形
[attach]5575865[/attach]

- 85% KB的情形
[attach]5575866[/attach]

4.在右圖按Mouse右鍵,把圖片儲存到電腦上。
[attach]5577117[/attach]



5.看看壓縮前後的分別。

壓縮前
[attach]5575868[/attach]

壓縮後 (- 36% KB)
[attach]5575869[/attach]

肉眼看不出有分別。尺寸超標的圖片在修身後便可作簽名檔了。
[attach]5577165[/attach]

但Optimizilla無法壓縮GIF動態圖,可用Compressor.io 或 iLoveIMG處理。

1.按下這連結。
[url=https://compressor.io/]https://compressor.io/[/url]


2.按下TRY IT!
[attach]5575870[/attach]

3.選擇Lossy (失真) 或 Lossless (無失真),然後按下SELECT FILE上傳圖片。
[attach]5575871[/attach]

4.按下DOWMLOAD YOUR FILE → 儲存檔案。
[attach]5575872[/attach]

5.在電腦下載的位置找回圖片便成。
[attach]5575873[/attach]

6.看看壓縮前後的分別 (PC或部份手機才可看到GIF特效)。

壓縮前
[attach]5575874[/attach]

壓縮後 (Lossless)
[attach]5575875[/attach]

1.按下這連結。
[url=http://www.iloveimg.com/zh_tw]http://www.iloveimg.com/zh_tw[/url]

2.按下壓縮單個圖片文檔。
[attach]5604990[/attach]

3.按下選擇一個圖片文檔,上傳圖片,可上傳多張圖片。然後按下壓縮單個圖片。
[attach]5604991[/attach]

4.按下下載已壓縮的圖片文檔 → 儲存檔案。
[attach]5604992[/attach]

5.在電腦下載的位置找iloveing-compressed-images的文檔,
然後按Mouse右鍵解壓縮圖片。若只壓縮一張圖片,直接使用圖片便可。
[attach]5604993[/attach]

6.壓縮後的GIF圖 (PC或部份手機才可看到GIF特效)。
[attach]5604994[/attach] [attach]5604995[/attach] [attach]5604996[/attach]

[color=white]

[[i] 本帖最後由 潛入者 於 2016-6-4 11:58 AM 編輯 [/i]]

潛入者 2016-5-24 12:32 AM

【用Hypah或Online Image Editor替圖片潻加GIF特效】

1.按下這連結。
[url=http://www.hypah.com/?a]http://www.hypah.com/?a[/url]

2.按下箭嘴上傳圖片。
[attach]5579550[/attach]

3.按下黑心選取圖案。
[attach]5579559[/attach]

[attach]5579552[/attach]

4.調整Size後點擊圖片。
[attach]5579553[/attach]

5.按下Clear Animation可刪掉所有特效。
[attach]5579554[/attach]

6.選筆刷可刷掉潻加的特效 。完成後按下右上角的剔號。
[attach]5579555[/attach]

7.按下箭嘴另存圖片到電腦上。上方的網址可用Discuz!代碼貼上圖片。
詳情請參閱[url=http://www.discuss.com.hk/faq.php?action=message&id=18]http://www.discuss.com.hk/faq.php?action=message&id=18[/url]
[attach]5579556[/attach]

8.完成 (PC或部份手機才可看到特效)。
圖像會被縮小,最大尺寸約500×500。
[attach]5579557[/attach]

原圖
[attach]5579561[/attach]

1.按下這連結。
[url=http://www.online-image-editor.com/]http://www.online-image-editor.com/[/url]

2.按下瀏覧選擇圖片,然後按下Upload。
[attach]5581141[/attach]

3.按下Wizards → Floaties。圖像會被縮小,最大尺寸是500×500。[attach]5581142[/attach]

4.在左方選擇圖案。
[attach]5581143[/attach]

5.按下More  Animation有更多圖案選擇。完成後按下Apply。
[attach]5581144[/attach]

6.在圖片按Mouse右鍵,另存圖片到電腦上。
[attach]5581145[/attach]

7.完成 (PC或部份手機才可看到特效)。
[attach]5581146[/attach]

原圖
[attach]5581149[/attach][color=white]

[[i] 本帖最後由 潛入者 於 2016-5-27 04:27 PM 編輯 [/i]]

潛入者 2016-5-24 12:33 AM

【用Online Image Editor替GIF圖去背及併貼】

注意事項 : 這工具只適合替動態範圍小的GIF圖去背!

1.按下這連結。
[url=http://www.online-image-editor.com/]http://www.online-image-editor.com/[/url]

2.按下瀏覧選擇少於5MB的GIF圖,然後按下Upload (GIF圖可在Google圖片搜尋,按下搜尋工具 → 類型 → 動畫圖片)。
[attach]5579589[/attach]

3.按下Wizards,然後按下鑽石圖示,再用手指點撃要去除的背景。
[attach]5579590[/attach]

4.背景未完全淸除,點選Draw Transparent Line塗畫。
[attach]5579591[/attach]

5.完成後按下Save → Save Image Local → 儲存檔案。
[attach]5579592[/attach]

6.在電腦下載的位置找回圖片。
[attach]5579593[/attach]

7.完成 (PC或部份手機才可看到GIF特效)。
[attach]5579594[/attach]

去背後的GIF圖還能併貼到其他圖上。

8.先上傳底圖,再按下Wizards → Overlay image,然後在左方上傳GIF圖。
[attach]5579595[/attach]

9.調整GIF圖大小後,移動到適當的位置。
[attach]5579596[/attach]

10.按Mouse右鍵,另存圖片到電腦上。
[attach]5579597[/attach]

11.完成 (PC或部份手機才可看到GIF特效)。
[attach]5579598[/attach]

如要替動態範圍大的GIF圖去背,可用這方法。

1.在Online Image Editor上傳GIF圖後,按下Wizards → GIF ONLY,再按下左邊的剪片圖示。
[attach]5605664[/attach]

2.之後會見到多張製成GIF圖的素材,把它們拉到桌面上,然後用Pixlor Editor去背 (見2#教學)。
原圖由26張素材製成,由於製作繁複,今次只抽16張出來。
[attach]5605665[/attach]

3.按下GIF Maker.me的連結。
[url=http://gifmaker.me/]http://gifmaker.me/[/url]

4.按下Upload Images把去了背的素材順序上傳到網站,右上方是預覧圖。
然後到預覧圖下方調整大小同速度。
[attach]5608873[/attach]

5.按下Greate GIF Animation。
[attach]5608874[/attach]

6.待數秒後按下Download the GIF → 儲存檔案。然後在電腦下載的位置找回圖片。
[attach]5608875[/attach]

7.完成 (PC或部份手機才可看到GIF特效)。
[attach]5608876[/attach]

和原圖26格的GIF圖比較,動態的表現相差不遠。
[attach]5608877[/attach][color=white]

[[i] 本帖最後由 潛入者 於 2016-6-5 04:02 PM 編輯 [/i]]

潛入者 2016-5-24 12:35 AM

【用Imgflip同Make a gif把影片變作GIF圖】

1.按下這連結。
[url=https://imgflip.com/gifgenerator]https://imgflip.com/gifgenerator[/url]

2.在左邊話框輸入影片網址。
[attach]5585272[/attach]

3.調整製圖範圍。綠色三角是開始的時間,紅色三角是延續的時間,長度最多是20秒。
按下Preview可預覧效果。
[attach]5585273[/attach]

4.調整圖片大小。可選100px、260px同360px,480px需升級才可使用。
完成後按下Generate GIF。
[attach]5585274[/attach]

5.圖片下方會顯示文件尺寸,超過香討上傳圖片的尺寸限制,
可按下Change settings回上一頁選較小的px 或 用Compressor.io壓縮圖片 (詳見16#教學)。
[attach]5585275[/attach]

[attach]5585278[/attach]

6.按下Download Image → 儲存檔案。
[attach]5585276[/attach]

7.在電腦下載的位置找回圖片。
[attach]5585277[/attach]

8.看看製成品 (PC或部份手機才可看到GIF特效)。

260px版本
[attach]5585279[/attach]

360px版本
[attach]5585280[/attach][color=white][/color]

免費版Imgflip只能上傳少於31MB的影片製作GIF,如影片尺寸太大可改用Make a gif製作。

1.按下這連結。
[url=http://makeagif.com/youtube-to-gif]http://makeagif.com/youtube-to-gif[/url]

2.在話框輸入影片網址,然後按下LOAD VIDEO。
[attach]5588537[/attach]

3.調整製圖範圍。START TIME是開始的時間,GIF LENGTH IN SECONDS是延續的時間,長度只有10秒。
右方是預覧圖。完成後按下CREATE A GIF。
[attach]5588727[/attach]

Loading時間稍長,請耐心等候。
[attach]5588728[/attach]

4.按下箭嘴 → 儲存檔案,然後在電腦下載的位置找回圖片。
[attach]5588539[/attach]

5.完成 (PC或部份手機才可看到GIF特效)。圖片會被縮小至320x180px。
[attach]5588540[/attach]

6.用Online Image Editor把圖加到背景上 (詳見18#教學)。
[attach]5588639[/attach]

Giphy也可製GIF圖,而且製成品沒有水印,製作方法和Imgflip,Make a gif差不多,這個便不詳細介紹了。
[url=https://giphy.com/create/gifmaker]https://giphy.com/create/gifmaker[/url]
[attach]6590402[/attach]

[color=white]

[[i] 本帖最後由 潛入者 於 2017-3-8 02:14 PM 編輯 [/i]]

潛入者 2016-6-25 11:16 PM

[quote]原帖由 [i]auntie-ee[/i] 於 2016-6-24 11:53 AM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=443515119&ptid=25863569][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]
查理 [img]http://www.discuss.com.hk/images/smilies/default/smile_o05.gif[/img] 請問有冇方法將圖片物件變顏色呢?例如由黑色變白色,或紅色變綠色 [img]http://www.discuss.com.hk/images/smilies/default/smile_o05.gif[/img][img]http://www.discuss.com.hk/images/smilies/default/smile_o05.gif[/img]



[img]http://i.discuss.com.hk/d/images/r10/androidD.jpg[/img] [/quote]

1.上傳圖片到Photo Editor,然後選左方工具列的紅圈圈出需要變色的部份。
[attach]5676220[/attach]

2.按下編輯 → 拷貝 → 編輯 → 粘貼,貼上複製圖。
[attach]5676221[/attach]

3.按下調整 → 顏料,之後會見到複製圖變得暗淡。
[attach]5676222[/attach]

4.按下調整,選色相與飽和度 → 色相,調整顔色。
[attach]5676223[/attach]

5.按下編輯 → 自由變形 或 自由變換,把變色的部份移向原色的部份。
[attach]5676224[/attach]

6.在左方工具列選筆刷,然後在上方調整筆刷大小。
[attach]5676225[/attach]

7.刷掉不要的部份後,按下x另存圖片到電腦上。
[attach]5676226[/attach]

8.完成。和原圖對比一下。
[attach]5676227[/attach]

原圖
[attach]5676228[/attach]

9.若要調整混合的顔色,貼上複製圖後,按下調整 → 顏色查找。
[attach]5678496[/attach]

10.按下顔色旁的長方框。
[attach]5678497[/attach]

11.點下圓圈選擇顔色,再點下方形調整顔色的深度,然後按下確定。
[attach]5678498[/attach]

12.按下色帶下的白色方格,然後再按下顔色旁的長方框。
[attach]5679421[/attach]


13.點下圓圈選擇叧一種顔色,再點下方形調整顔色的深度,然後按下確定。
[attach]5679422[/attach]

14.拉動色帶下的方格,調整兩色的平衡。
[attach]5679423[/attach]

15.把變色的部份移向原色的部份後,按下調整 → 色相與飽和度, 稍調飽和度同亮度。
[attach]5679447[/attach]

16.完成。和原圖對比一下。
[attach]5679426[/attach]

原圖
[attach]5679425[/attach][color=white]

[[i] 本帖最後由 潛入者 於 2016-6-26 09:30 PM 編輯 [/i]]

潛入者 2016-6-25 11:16 PM

教學過期,待更新。[color=green]

[[i] 本帖最後由 潛入者 於 2020-6-8 03:48 PM 編輯 [/i]]

潛入者 2016-6-25 11:17 PM

教學過期,待更新。[color=green]

[[i] 本帖最後由 潛入者 於 2020-6-8 03:56 PM 編輯 [/i]]

潛入者 2016-6-25 11:18 PM

香討舊版App下載點。
[url=https://m.apkpure.com/%E9%A6%99%E8%A8%8E/networld.discuss2.app]https://m.apkpure.com/%E9%A6%99%E8%A8%8E/networld.discuss2.app[/url]
[color=white]

[[i] 本帖最後由 潛入者 於 2017-4-20 09:28 PM 編輯 [/i]]

潛入者 2016-6-25 11:18 PM

備用
頁: [1]
查看完整版本: 圖片去背及拼貼入門教學