SlideShare a Scribd company logo
1 of 66
多媒體系統
教師:陳志華博士
報告大綱-GIMP影像合成與圖層應用
GIMP操作介面
用智慧型選取工具去背
圖層操作和對齊工具
矩形選取工具和縮放比例工具
用自由和剪刀選取工具去背
影像合成和匯出圖檔
去除影像中的物件
2
GIMP操作介面
以滑鼠左鍵連擊桌面「GIMP 2」
開啟GIMP軟體
3
GIMP操作介面
點擊「檔案開啟」
點選欲開啟之圖檔,並點擊「開啟」
4
GIMP操作介面
開啟圖檔後畫面
5
標題列 目前開啟的檔名、圖片資訊
功能表列 GIMP的所有功能
尺規 包含橫向與直向尺標
編輯區 編輯影像的工作區域
狀態列 顯示目前的編輯狀態、比例
工具箱 常用的編輯工具
工具選項
點擊工具後,出現該工具的
設定選項
圖層面板 包含圖層、色版、路徑功能
分頁面板 包含筆刷、圖樣、漸層面板
操作介面簡介
GIMP操作介面
6
1
2
3
5
6
7
8
9
4
1
2
3
4
5
6
7
8
9
矩形選取工具 建立矩形來選取範圍
楕圓形選取工具 建立楕圓形來選取範圍
自由選取工具 建立多個節點,依節點位置選取範圍
智慧型選取工具 依相鄰相似顏色來選取範圍
依顏色選取工具 依顏色選取整張圖相似顏色之範圍
剪刀選取工具 建立多個節點,自動判斷邊框選取範圍
前景選取工具 運用畫筆選取相鄰相似顏色來取得範圍
路徑工具 運用節點和貝茲曲線繪製路徑
顏色挑選工具 選取特定像素點的顏色值
縮放顯示工具 可縮放編輯區畫面
工具箱簡介
GIMP操作介面
7
1
2
3
4
5
6
7
8
9
1 2 3 4 5
6 7 8 9
10
10
測量工具 量測距離和角度
移動工具 依滑鼠移動方式,移動當下圖層之圖片
對齊工具 依指定對齊方式,移動當下圖層之圖片
剪裁工具 依設定範圍剪裁圖片
旋轉工具 依設定角度轉動圖片
縮放比例工具 依設定圖片大小等比例縮放圖片
推移工具 以矩陣方式進行上下或左右圖片變形
透視法工具 以矩陣方式依指定角進行圖片變形
翻轉工具 水平翻轉和垂直翻轉
變形工具 以自行設定多邊形方式進行圖片變形
工具箱簡介
GIMP操作介面
8
1
2
3
4
5
6
7
8
9
1 2 3 4 5
6 7 8 9
10
10
文字工具 繪製文字
填色工具 填入指定顏色
混色工具 填入漸層顏色
鉛筆工具 運用鉛筆繪圖
畫筆工具 運用畫筆繪圖
像皮擦工具 運用像皮擦,拖曳滑鼠時拭除圖檔
噴槍工具 運用噴槍繪圖
墨水筆工具 運用墨水筆繪圖
仿製工具 運用指定圖檔,拖曳滑鼠時繪製圖檔
修補工具 依指定位置等比例繪製相同圖檔
工具箱簡介
GIMP操作介面
9
1
2
3
4
5
6
7
8
9
1 2 3 4 5
6 7 8 9
10
10
透視法仿製工具 套用透視法變換後從圖片來源仿製
模糊/銳利化工具 模糊化或銳利化圖片
塗抹工具 依塗抹範圍平均色彩值
漂白/燻黑工具 漂白或燻黑圖片
工具箱簡介
GIMP操作介面
10
1
2
3
4
1 2 3 4
用智慧型選取工具去背
開啟「行政大樓.jpg」圖檔
點擊「 」
可設定臨界值
◦ 相鄰顏色差異小於該臨界值的區域才會被
選取
◦ 當臨界值越小,則代表條件越嚴苛,所以
選取範圍較小,但可能無法選取所需範圍
◦ 當臨界值越大,則代表條件越寬鬆,所以
選取範圍較大,可以選取太多不必要範圍
點擊圖片上方雲層範圍
11
用智慧型選取工具去背
選取後畫面
臨界值預設值為「15」
12
用智慧型選取工具去背
不同臨界值選取效果
13
臨界值為「5」 臨界值為「10」 臨界值為「15」
用智慧型選取工具去背
不同臨界值選取效果
14
臨界值為「20」 臨界值為「30」 臨界值為「40」
用智慧型選取工具去背
設定臨界值為「40」,即可選取圖片上方
整個雲層範圍
點擊「選取反轉」,可選取非雲層範圍,
即選取建築物、道路、樹木等
15
用智慧型選取工具去背
點擊「編輯複製」,可複製選取範圍
16
用智慧型選取工具去背
點擊滑鼠右鍵,點選「編輯貼上成為新
增圖層」
可新增圖層並且新圖層中具有複製之選取
圖片
17
圖層操作和對齊工具
點擊滑鼠右鍵,點選「編輯貼上成為新
增圖層」
可新增圖層並且新圖層中具有複製之選取
圖片
18
圖層操作和對齊工具
可點擊「 」顯示或隱藏該圖層
當有顯示「 」代表該圖層為顯示
若無顯示「 」代表該圖層為隱藏
19
圖層操作和對齊工具
可點擊「 」鎖定或不鎖定該圖層
當有顯示「 」代表鎖定該圖層,則該
圖層無法被編輯
若無顯示「 」代表不鎖定該圖層,則
該圖層可以被編輯
鎖定功能可避免不想被更改的圖層被編輯
20
圖層操作和對齊工具
點擊「 」,執行對齊工具
點擊「 」垂直向下對齊
點擊「 」水平置中對齊
21
矩形選取工具和縮放比例工具
開啟「藍天白雲.jpg」圖檔
點擊「 」,可拖曳矩形選取範圍
22
矩形選取工具和縮放比例工具
可運用矩形選取圖片上方的陽光和雲朵
23
矩形選取工具和縮放比例工具
點擊「編輯複製」,可複製選取範圍
24
矩形選取工具和縮放比例工具
回到「行政大樓.jpg」圖檔
點擊滑鼠右鍵,點選「編輯貼上成為新
增圖層」
可新增圖層並且新圖層中具有複製之選取
圖片
25
矩形選取工具和縮放比例工具
新增圖層後畫面
於具有行政大樓圖示之圖層點擊滑鼠右鍵,
點選「編輯圖層屬性」,修改圖層名稱
將具有行政大樓圖示之圖層的圖層名稱修
改為「建築物」
點擊「 」鎖定「建築物」圖層
26
矩形選取工具和縮放比例工具
於具有藍天白雲圖示之圖層點擊滑鼠右鍵,
點選「編輯圖層屬性」,修改圖層名稱
將具有藍天白雲圖示之圖層的圖層名稱修
改為「藍天白雲」
27
矩形選取工具和縮放比例工具
編輯「藍天白雲」圖層
點擊「 」修改藍天白雲之圖片大小
28
勾選「保持長寬比」
將藍天白雲之圖片大小拖曳至合適的大小
完成後點擊「縮放」
矩形選取工具和縮放比例工具
29
縮放完成畫面
將「藍天白雲」圖層拖曳至「建築物」圖
層下方
矩形選取工具和縮放比例工具
30
矩形選取工具和縮放比例工具
圖層順序調整完成畫面
31
隨堂練習
請依投影片操作方式,編輯「行政大樓.jpg」和「藍天白雲.jpg」
將影像合成為右方圖示
32
用自由和剪刀選取工具去背
開啟「金城武.jpg」圖檔
點擊「 」,可依選擇範圍放大圖片
在使用自由選取工具和剪刀選取工具時,
可以先將圖片放大,以細緻選取所需範圍
33
用自由和剪刀選取工具去背
34
用自由和剪刀選取工具去背
點擊「 」,開始於金城武輪廓選取
35
用自由和剪刀選取工具去背
運用剪刀選取工具,選取目標範圍如右圖
選取完成後,點擊「Enter」鍵,即可選取
36
用自由和剪刀選取工具去背
選取結果
點擊「 」,從目前的選取區域刪除
37
用自由和剪刀選取工具去背
選取不想要的部分,以去除該取選區域
(如右圖腿部與輪胎間的區域)
選取完成後,點擊「Enter」鍵,即可取
消選取該區域
38
用自由和剪刀選取工具去背
選取不想要的部分,以去除該取選區域
(如右圖腿部與輪胎之間的區域)
選取完成後,點擊「Enter」鍵,即可取
消選取該區域
39
用自由和剪刀選取工具去背
選取不想要的部分,以去除該取選區域
(如右圖手部與腿部之間的區域)
選取完成後,點擊「Enter」鍵,即可取
消選取該區域
40
用自由和剪刀選取工具去背
完成選取畫面,並已經中間需鏤空的部分
也完成取消選取
41
用自由和剪刀選取工具去背
點擊「編輯複製」,可複製選取範圍
42
用自由和剪刀選取工具去背
回到「行政大樓.jpg」圖檔
點擊滑鼠右鍵,點選「編輯貼上成為新
增圖層」
可新增圖層並且新圖層中具有複製之選取
圖片
43
影像合成和匯出圖檔
新增圖層後畫面
於具有金城武圖示之圖層點擊滑鼠右鍵,
點選「編輯圖層屬性」,修改圖層名稱
將具有金城武圖示之圖層的圖層名稱修改
為「金城武」
點擊「 」鎖定其他圖層
44
影像合成和匯出圖檔
點擊「 」,將金城武影像移動至合適
的位置
45
影像合成和匯出圖檔
點擊「 」,調整金城武影像大小
勾選「保持長寬比」
將金城武影像調整至合適的大小
完成後點擊「縮放」
46
影像合成和匯出圖檔
影像合成完成畫面
47
影像合成和匯出圖檔
確定不會再修改圖層時,可將圖層合併
於圖層點擊滑鼠右鍵,點選「向下合併」
48
影像合成和匯出圖檔
全部圖層合併後結果
49
影像合成和匯出圖檔
點擊「檔案匯出為」,可選擇「PNG圖
片」,並存為「合成後影像.png」
50
影像合成和匯出圖檔
匯出後圖檔
51
隨堂練習
請依投影片操作方式,編輯「行政大樓.jpg」、「藍天白雲.jpg」、「金城武.jpg」
將影像合成為右方圖示
52
去除影像中的物件
將GIMP專案程式中的圖層還原至未合併
點擊「 」,可依選擇範圍放大圖片
在使用自由選取工具和剪刀選取工具時,
可以先將圖片放大,以細緻選取所需範圍
53
去除影像中的物件
點擊「 」,開始選取欲刪除之物件
54
去除影像中的物件
選取完成後,點擊「Enter」鍵,即可選取
點擊「Delete」鍵,刪除選取區域內圖示
55
去除影像中的物件
點擊「 」運用楕圓形選取相似區域
56
去除影像中的物件
點擊滑鼠右鍵,點擊「編輯複製」,可
複製選取範圍
57
去除影像中的物件
回到「行政大樓.jpg」圖檔
點擊滑鼠右鍵,點選「編輯貼上成為新
增圖層」
可新增圖層並且新圖層中具有複製之選取
圖片
58
去除影像中的物件
點擊「 」,將影像移動至合適的位置
59
去除影像中的物件
點擊「 」修改圖片至合適大小
60
去除影像中的物件
點擊「 」將圖層移動至「建築物」圖
層下方
61
去除影像中的物件
確定不會再修改圖層時,可將圖層合併
於圖層點擊滑鼠右鍵,點選「向下合併」
62
去除影像中的物件
點擊「 」,模糊化邊界處
讓影像看起來會像是一體的
63
去除影像中的物件
點擊「檔案匯出為」,可選擇「匯出到
合成後影像.png」
64
去除影像中的物件
匯出後圖檔
65
隨堂練習
請依投影片操作方式,編輯「行政大樓.jpg」、「藍天白雲.jpg」、「金城武.jpg」
將影像合成和去除影像中的物件為右方圖示
66

More Related Content

More from Fuzhou University

多媒體系統08_Inkscape繪製圖形與漸層
多媒體系統08_Inkscape繪製圖形與漸層多媒體系統08_Inkscape繪製圖形與漸層
多媒體系統08_Inkscape繪製圖形與漸層Fuzhou University
 
機器學習工具_微軟Azure Machine Learning Studio
機器學習工具_微軟Azure Machine Learning Studio機器學習工具_微軟Azure Machine Learning Studio
機器學習工具_微軟Azure Machine Learning StudioFuzhou University
 
論文導讀03_集成神經網路(智慧交通)
論文導讀03_集成神經網路(智慧交通)論文導讀03_集成神經網路(智慧交通)
論文導讀03_集成神經網路(智慧交通)Fuzhou University
 
論文導讀02_神經網路(智慧交通)
論文導讀02_神經網路(智慧交通)論文導讀02_神經網路(智慧交通)
論文導讀02_神經網路(智慧交通)Fuzhou University
 
論文導讀01_k個最近鄰居(行動定位)
論文導讀01_k個最近鄰居(行動定位)論文導讀01_k個最近鄰居(行動定位)
論文導讀01_k個最近鄰居(行動定位)Fuzhou University
 
多媒體系統02_影像處理原理與技術
多媒體系統02_影像處理原理與技術多媒體系統02_影像處理原理與技術
多媒體系統02_影像處理原理與技術Fuzhou University
 
多媒體系統07_Android App影音互動擴增實境
多媒體系統07_Android App影音互動擴增實境多媒體系統07_Android App影音互動擴增實境
多媒體系統07_Android App影音互動擴增實境Fuzhou University
 
多媒體系統06_影音編輯軟體Movie Maker
多媒體系統06_影音編輯軟體Movie Maker多媒體系統06_影音編輯軟體Movie Maker
多媒體系統06_影音編輯軟體Movie MakerFuzhou University
 
多媒體系統05_Android App圖形元件
多媒體系統05_Android App圖形元件多媒體系統05_Android App圖形元件
多媒體系統05_Android App圖形元件Fuzhou University
 
多媒體系統04_GIMP繪圖、特效、動畫
多媒體系統04_GIMP繪圖、特效、動畫多媒體系統04_GIMP繪圖、特效、動畫
多媒體系統04_GIMP繪圖、特效、動畫Fuzhou University
 
多媒體系統01_安裝開發環境
多媒體系統01_安裝開發環境多媒體系統01_安裝開發環境
多媒體系統01_安裝開發環境Fuzhou University
 
人工智慧02_大數據分析與機器學習概論
人工智慧02_大數據分析與機器學習概論人工智慧02_大數據分析與機器學習概論
人工智慧02_大數據分析與機器學習概論Fuzhou University
 
人工智慧07_迴歸方法(智慧交通)
人工智慧07_迴歸方法(智慧交通)人工智慧07_迴歸方法(智慧交通)
人工智慧07_迴歸方法(智慧交通)Fuzhou University
 
人工智慧05_k個最近鄰居(醫療旅遊)
人工智慧05_k個最近鄰居(醫療旅遊)人工智慧05_k個最近鄰居(醫療旅遊)
人工智慧05_k個最近鄰居(醫療旅遊)Fuzhou University
 
人工智慧04_貝氏分類和貝氏網路
人工智慧04_貝氏分類和貝氏網路人工智慧04_貝氏分類和貝氏網路
人工智慧04_貝氏分類和貝氏網路Fuzhou University
 
人工智慧01_安裝機器學習開發環境
人工智慧01_安裝機器學習開發環境人工智慧01_安裝機器學習開發環境
人工智慧01_安裝機器學習開發環境Fuzhou University
 

More from Fuzhou University (20)

多媒體系統08_Inkscape繪製圖形與漸層
多媒體系統08_Inkscape繪製圖形與漸層多媒體系統08_Inkscape繪製圖形與漸層
多媒體系統08_Inkscape繪製圖形與漸層
 
機器學習工具_微軟Azure Machine Learning Studio
機器學習工具_微軟Azure Machine Learning Studio機器學習工具_微軟Azure Machine Learning Studio
機器學習工具_微軟Azure Machine Learning Studio
 
論文導讀03_集成神經網路(智慧交通)
論文導讀03_集成神經網路(智慧交通)論文導讀03_集成神經網路(智慧交通)
論文導讀03_集成神經網路(智慧交通)
 
論文導讀02_神經網路(智慧交通)
論文導讀02_神經網路(智慧交通)論文導讀02_神經網路(智慧交通)
論文導讀02_神經網路(智慧交通)
 
論文導讀01_k個最近鄰居(行動定位)
論文導讀01_k個最近鄰居(行動定位)論文導讀01_k個最近鄰居(行動定位)
論文導讀01_k個最近鄰居(行動定位)
 
人工智慧08_神經網路
人工智慧08_神經網路人工智慧08_神經網路
人工智慧08_神經網路
 
多媒體系統02_影像處理原理與技術
多媒體系統02_影像處理原理與技術多媒體系統02_影像處理原理與技術
多媒體系統02_影像處理原理與技術
 
多媒體系統07_Android App影音互動擴增實境
多媒體系統07_Android App影音互動擴增實境多媒體系統07_Android App影音互動擴增實境
多媒體系統07_Android App影音互動擴增實境
 
多媒體系統06_影音編輯軟體Movie Maker
多媒體系統06_影音編輯軟體Movie Maker多媒體系統06_影音編輯軟體Movie Maker
多媒體系統06_影音編輯軟體Movie Maker
 
多媒體系統05_Android App圖形元件
多媒體系統05_Android App圖形元件多媒體系統05_Android App圖形元件
多媒體系統05_Android App圖形元件
 
多媒體系統04_GIMP繪圖、特效、動畫
多媒體系統04_GIMP繪圖、特效、動畫多媒體系統04_GIMP繪圖、特效、動畫
多媒體系統04_GIMP繪圖、特效、動畫
 
多媒體系統01_安裝開發環境
多媒體系統01_安裝開發環境多媒體系統01_安裝開發環境
多媒體系統01_安裝開發環境
 
人工智慧02_大數據分析與機器學習概論
人工智慧02_大數據分析與機器學習概論人工智慧02_大數據分析與機器學習概論
人工智慧02_大數據分析與機器學習概論
 
人工智慧07_迴歸方法(智慧交通)
人工智慧07_迴歸方法(智慧交通)人工智慧07_迴歸方法(智慧交通)
人工智慧07_迴歸方法(智慧交通)
 
人工智慧06_決策樹
人工智慧06_決策樹人工智慧06_決策樹
人工智慧06_決策樹
 
人工智慧05_k個最近鄰居(醫療旅遊)
人工智慧05_k個最近鄰居(醫療旅遊)人工智慧05_k個最近鄰居(醫療旅遊)
人工智慧05_k個最近鄰居(醫療旅遊)
 
人工智慧04_貝氏分類和貝氏網路
人工智慧04_貝氏分類和貝氏網路人工智慧04_貝氏分類和貝氏網路
人工智慧04_貝氏分類和貝氏網路
 
人工智慧03_關聯規則
人工智慧03_關聯規則人工智慧03_關聯規則
人工智慧03_關聯規則
 
人工智慧01_安裝機器學習開發環境
人工智慧01_安裝機器學習開發環境人工智慧01_安裝機器學習開發環境
人工智慧01_安裝機器學習開發環境
 
深度學習方法與實作
深度學習方法與實作深度學習方法與實作
深度學習方法與實作
 

多媒體系統03_GIMP影像合成與圖層應用