多媒體系統04_GIMP繪圖、特效、動畫

1. 多媒體系統教師：陳志華博士

2. 報告大綱-GIMP繪圖、特效、動畫全景影像處理去除影像中的物件濾鏡特效繪製雲層繪製動畫繪製文字繪製圖形

3. 全景影像處理開啟未全景處理的3張圖檔「圖書資訊大樓(左).jpg」「圖書資訊大樓(中).jpg」「圖書資訊大樓(右).jpg」

4. 全景影像處理將全部影像放到同一個GIMP編輯檔以「圖書資訊大樓(中).jpg」為例點擊「選取全選」

5. 全景影像處理將全部影像放到同一個GIMP編輯檔以「圖書資訊大樓(中).jpg」為例點擊「編輯複製」

6. 全景影像處理將全部影像放到同一個GIMP編輯檔以「圖書資訊大樓(中).jpg」為例到「圖書資訊大樓(左).jpg」點擊滑鼠右鍵點選「編輯貼上成為新增圖層」依此類推，將「圖書資訊大樓(右).jpg」也貼到「圖書資訊大樓(左).jpg」中

7. 全景影像處理點擊滑鼠右鍵點選「圖片畫布尺寸」設定尺寸大小，此例為寬度3200、高度1500

8. 全景影像處理將「圖書資訊大樓 (中).jpg」調整至合適的位置於「圖書資訊大樓 (中).jpg」圖層點擊滑鼠右鍵點選「加入圖層遮罩」

9. 全景影像處理加入遮罩後，可運用「」產生黑白漸層色彩黑色代表透明、白色代表不透明在圖片點擊滑鼠左鍵並拖曳，令重疊處可以半透明和透明

10. 全景影像處理將「圖書資訊大樓 (右).jpg」調整至合適的位置於「圖書資訊大樓 (右).jpg」圖層點擊滑鼠右鍵點選「加入圖層遮罩」

11. 全景影像處理加入遮罩後，可運用「」產生黑白漸層色彩黑色代表透明、白色代表不透明在圖片點擊滑鼠左鍵並拖曳，令重疊處可以半透明和透明

12. 全景影像處理於圖層點擊滑鼠右鍵，點擊「向下合併」把3個圖層合併為1個圖層

13. 全景影像處理運用矩形選取工具，選取合適的區域再點擊「編輯複製」

14. 全景影像處理點擊「檔案新增」，建立新的圖片

15. 全景影像處理於新增之圖片貼上前述合成後的影像

16. 隨堂練習開啟未全景處理的3張圖檔「圖書資訊大樓(左).jpg」「圖書資訊大樓(中).jpg」「圖書資訊大樓(右).jpg」建立全景影像

17. 去除影像中的物件開啟「圖書資訊大樓.jpg」，嘗試去除圖片中的鳥隻

18. 去除影像中的物件點擊「」選取鳥隻附近範圍放大顯示該區域

19. 去除影像中的物件點擊「」修補工具，以修補畫面內容

20. 去除影像中的物件按住「Control」鍵，並在草地上點擊滑鼠左鍵一下，建立參考點

21. 去除影像中的物件在鳥隻上方點擊滑鼠左鍵，並進行拖曳即可運用參考點相對位置的圖片取代鳥隻

22. 完全移除鳥隻後的結果去除影像中的物件

23. 去除影像中的物件點擊「」修補工具，以修補畫面內容按住「Control」鍵，並在草地上點擊滑鼠左鍵一下，建立參考點

24. 去除影像中的物件在鳥隻上方點擊滑鼠左鍵，並進行拖曳即可運用參考點相對位置的圖片取代鳥隻

25. 去除影像中的物件完全移除鳥隻後的結果

26. 隨堂練習開啟「圖書資訊大樓.jpg」嘗試去除圖片中的鳥隻

27. 濾鏡特效濾鏡特效共包含下列功能類別 ◦ 模糊化 ◦ 加強品質 ◦ 扭曲 ◦ 光影 ◦ 雜訊 ◦ 邊緣偵測 ◦ 藝術效果 ◦ 裝飾

28. 濾鏡特效模糊化 ◦ 動態模糊化 ◦ 高斯模糊 ◦ 可鋪排式模糊化 ◦ 馬賽克處理 ◦ 模糊 ◦ 選擇性高斯模糊

29. 濾鏡特效模糊化 ◦ 動態模糊化 ◦ 高斯模糊 ◦ 可鋪排式模糊化 ◦ 馬賽克處理 ◦ 模糊 ◦ 選擇性高斯模糊點擊「濾鏡模糊化馬賽克處理」，設定像素寬度和像素高度，完成後點擊「確定」

30. 濾鏡特效模糊化 ◦ 動態模糊化 ◦ 高斯模糊 ◦ 可鋪排式模糊化 ◦ 馬賽克處理 ◦ 模糊 ◦ 選擇性高斯模糊馬賽克處理之效果

31. 濾鏡特效模糊化 ◦ 動態模糊化 ◦ 高斯模糊 ◦ 可鋪排式模糊化 ◦ 馬賽克處理 ◦ 模糊 ◦ 選擇性高斯模糊可運用選取工具，選取欲進行馬賽克處理之範圍，即可針對局部區域進行馬賽克此例運用矩形選取工具，並選取圖資大樓

32. 濾鏡特效模糊化 ◦ 動態模糊化 ◦ 高斯模糊 ◦ 可鋪排式模糊化 ◦ 馬賽克處理 ◦ 模糊 ◦ 選擇性高斯模糊點擊「濾鏡模糊化馬賽克處理」，設定像素寬度和像素高度，完成後點擊「確定」

33. 濾鏡特效模糊化 ◦ 動態模糊化 ◦ 高斯模糊 ◦ 可鋪排式模糊化 ◦ 馬賽克處理 ◦ 模糊 ◦ 選擇性高斯模糊僅對圖資大樓進行馬賽克處理

34. 濾鏡特效加強品質 ◦ 反鋸齒 ◦ 反銳化遮罩 ◦ 非線性濾鏡 ◦ 去除斑點 ◦ 去除紅點 ◦ 去交錯 ◦ 銳利化 ◦ 消去條紋

35. 濾鏡特效加強品質 ◦ 反鋸齒 ◦ 反銳化遮罩 ◦ 非線性濾鏡 ◦ 去除斑點 ◦ 去除紅點 ◦ 去交錯 ◦ 銳利化 ◦ 消去條紋反銳化遮罩可強化邊緣顯示

36. 濾鏡特效加強品質 ◦ 反鋸齒 ◦ 反銳化遮罩 ◦ 非線性濾鏡 ◦ 去除斑點 ◦ 去除紅點 ◦ 去交錯 ◦ 銳利化 ◦ 消去條紋反銳化遮罩之效果

37. 濾鏡特效扭曲 ◦ 百葉窗 ◦ 報紙印刷 ◦ 電視效果 ◦ 風 ◦ 浮雕 ◦ 隔行消除 ◦ 互動扭曲 ◦ 極坐標 ◦ 價值傳播 ◦ 鏡頭扭曲 ◦ 漣漪 ◦ …

43. 濾鏡特效光影 ◦ 超新星 ◦ 光線效果 ◦ 火花 ◦ 漸層光斑 ◦ 鏡頭光斑 ◦ Xach效果 ◦ 透視 ◦ 陰影效果

44. 濾鏡特效光影 ◦ 超新星 ◦ 光線效果 ◦ 火花 ◦ 漸層光斑 ◦ 鏡頭光斑 ◦ Xach效果 ◦ 透視 ◦ 陰影效果超新星可增加燈光效果，可於圖中設定燈光位置

46. 濾鏡特效光影 ◦ 超新星 ◦ 光線效果 ◦ 火花 ◦ 漸層光斑 ◦ 鏡頭光斑 ◦ Xach效果 ◦ 透視 ◦ 陰影效果光線效果可進行打光，可調整位置

48. 濾鏡特效光影 ◦ 超新星 ◦ 光線效果 ◦ 火花 ◦ 漸層光斑 ◦ 鏡頭光斑 ◦ Xach效果 ◦ 透視 ◦ 陰影效果先採用光線效果，再結合超新星效果

49. 濾鏡特效光影 ◦ 超新星 ◦ 光線效果 ◦ 火花 ◦ 漸層光斑 ◦ 鏡頭光斑 ◦ Xach效果 ◦ 透視 ◦ 陰影效果先採用光線效果，再結合超新星效果

50. 濾鏡特效雜訊 ◦ HSV雜訊 ◦ RGB雜訊 ◦ 含糊 ◦ 擴散 ◦ 猛力投擲 ◦ 潑濺

51. 濾鏡特效雜訊 ◦ HSV雜訊 ◦ RGB雜訊 ◦ 含糊 ◦ 擴散 ◦ 猛力投擲 ◦ 潑濺

52. 濾鏡特效邊緣偵測 ◦ Laplace演算法 ◦ Sobel演算法 ◦ 邊緣 ◦ 高斯差 ◦ 霓虹燈

56. 濾鏡特效藝術效果 ◦ 編織 ◦ 玻璃磚片 ◦ 布料化 ◦ 梵谷 ◦ 複印 ◦ 畫布效果 ◦ 卡通 ◦ 立體主義 ◦ 掠食者之眼 ◦ 柔和的發光 ◦ 印象派風格 ◦ 油畫化

70. 隨堂練習開啟「圖書資訊大樓.jpg」請練習先採用光線效果，再結合超新星效果

71. 繪製雲層點擊「濾鏡描繪雲狀Fog」設定Fog color

72. 繪製雲層在「圖書資訊大樓.jpg」圖層，點擊滑鼠右鍵點選「加入透明色版」

73. 繪製雲層點擊「」智慧選取工具將臨界值設定為「30」，並點選上方雲層

74. 繪製雲層當選取完成後，點擊「Delete」鍵清除選取區域內容

75. 繪製雲層將「圖書資訊大樓.jpg」圖層放置於雲層圖層上方在雲層圖層點擊滑鼠右鍵，並點擊「移除透明色版」

76. 繪製雲層完成畫面

77. 隨堂練習開啟「圖書資訊大樓.jpg」嘗試運用濾鏡繪製雲層

78. 繪製動畫在繪製好雲層的圖檔中，於圖層點擊滑鼠右鍵，點選「新增圖層群組」

79. 繪製動畫將圖層拖曳至同一個圖層群組中

80. 繪製動畫於圖層群組點擊滑鼠右鍵，點選「重製圖層」

81. 繪製動畫重製5個圖層群組

82. 繪製動畫修改第1個圖層群組點擊雲層圖層，並點擊「濾鏡光影光線效果」，設定光線位置

83. 繪製動畫完成光線效果後點擊「濾鏡光影超新星」，並設定位置

84. 繪製動畫第1個圖層群組設定完成畫面

85. 繪製動畫修改第2個圖層群組點擊雲層圖層，並點擊「濾鏡光影光線效果」，設定光線位置

86. 繪製動畫完成光線效果後點擊「濾鏡光影超新星」，並設定位置

87. 繪製動畫第2個圖層群組設定完成畫面依此類推設定6個圖層群組

88. 繪製動畫全部設定完畫面

89. 繪製動畫點擊「濾鏡合併幻燈片」，產生幻燈片效果

90. 繪製動畫幻燈片效果

91. 繪製動畫於每一個圖層群組點擊滑鼠右鍵點擊「合併圖層群組」

92. 繪製動畫每個圖層群組完成合併畫面點擊「檔案匯出為…」

93. 繪製動畫點擊「GIF圖片」勾選「As animation」設定切換圖片間隔時間，此例為「200」毫秒

94. 繪製動畫匯出完成後，開啟GIF檔即可瀏覽動畫

95. 繪製動畫匯出完成後，開啟GIF檔即可瀏覽動畫

96. 隨堂練習開啟「圖書資訊大樓.jpg」嘗試運用繪製多張圖片，產生動畫效果

97. 繪製文字點擊「」文字工具以加入文字在圖中加入「國立高雄科技大學(第一校區)」文字訊息

98. 繪製文字新增文字訊息後，會自動產生文字圖層於文字圖層點擊滑鼠右鍵，點選「透明色板轉為選取區域」

99. 繪製文字點選「」填入漸層顏色設定前景顏色為黃色，背景顏色為白色於文字上方點擊滑鼠左鍵，並向下拖曳漸層色將由黃色逐漸轉為白色

100. 繪製文字產生漸層色彩之文字訊息

101. 繪製文字點擊「濾鏡光影陰影效果」設定陰影樣式，並點擊「確定」

102. 繪製文字產生立體感之文字訊息

103. 繪製圖形於圖層中點擊滑鼠右鍵點選「新增圖層」

104. 繪製圖形於新增圖層運用選取工具選擇繪圖區域本例運用橢圓形選取工具，繪製一個圓形

105. 繪製圖形點擊「」填色工具設定前景顏色，並在圓形選取區域點擊滑鼠左鍵，即可填入色彩

106. 繪製圖形依上述作法再繪製另一個小圓於左上方

107. 繪製圖形依上述作法再繪製另一個小圓於右上方

108. 繪製圖形於圖層點擊滑鼠右鍵，點選「透明色板轉為選取區域」

109. 繪製圖形運用「」調整位置運用「」調整大小將繪製圖形置於右下方並縮小

110. 繪製圖形完成畫面

111. 隨堂練習開啟「圖書資訊大樓.jpg」嘗試加入文字和自行繪製之圖形

多媒體系統04_GIMP繪圖、特效、動畫

Recommended

Recommended

More Related Content

More from Fuzhou University

More from Fuzhou University (20)

多媒體系統04_GIMP繪圖、特效、動畫