GimpGimp 的基本操作與藝文教學應的基本操作與藝文教學應用用

民權國小 歐秋媛老師

98.04.08

為什麼要用自由軟體 Gimp ？

• 自由軟體正風行 ~ 教育部電子報

• 自由軟體是蝦米？ ~ 教育部自由軟體諮詢中心

• 自由軟體 自由軟體 (free software)(free software) － 程式原始碼公開，允許任何人使用、複製、研究、修改、甚至出售牟利

的軟體。

Gimp 打哪兒來？

• 第一個 GIMP 版本是由柏克萊大學的 Peter Mattis 於 1995 年 11 月 21 日發佈的

• Gimp 很適合拿來從事照片修飾、影像合成與編寫

，也可以進行線上批次處理作業、大量的影像彙整以及影像轉換…等

from Ubuntu Wiki http://wiki.ubuntu-tw.org/index.php?title=GIMP

Gimp 的特異功能GIMP 是 GNU Image Manipulation Program （ GNU

圖像處理程序）的縮寫，被視為 Photoshop 替代品。

功能特色功能特色

• 可以使用大部分 Photoshop 外掛程式

• 各式工具包括刷子、噴霧器、旋轉、縮放、矩形、橢圓、貝茲曲線…等一應俱全，並可進行工具定製

• 一次打開圖像數不受限制，編輯可多次取消、重複

• 支持GIF 、 JPEG 、 PNG 、 XPM 、 TIFF 、 TGA 、 MPEG 、 PSD 、 PDF 、 PCX 、 BMP… 等格式

• 可通過外掛程式擴展功能，目前已有 100 多種供選用

from 維基百科 http://zh.wikipedia.org/wiki/GIMP

Gimp k.ok.o Photoshop• Gimp 安裝與運作所佔硬體資源空間較小

• Gimp 有三個主視窗，編輯視窗與工具視窗可各自

獨立

• Gimp 使用浮動式對話盒，可加入分頁自由定製面

板與外觀

• 當然， Photoshop 強大又細膩的功能很難被超越

• SO……SO……Photoshop 是影像處理頂級餐廳，而

Gimp 是夜市名廚料理，親切免費又可不斷成長

• 對饕客而言，熟練之後都是好工具

Gimp 開始下載…

官網： http://www.gimp.org/

Gimp介面導覽

• 桌面圖示桌面圖示

• 啟動畫面啟動畫面

工具箱 主程式視窗 對話方塊

2.6 版

與舊版的差異

2.4 版

Gimp 工具簡介

選擇工具 變形

工具

繪畫工具

Gimp 工具簡介

http://news.ossacc.org/Gimp/index.html

濾鏡功能

文字特效

Gimp 圖層概念

準備上工…

Gimp 個人環境設定

Gimp 對話方塊設定

加入分頁

試做三個小單元

• 基本應用基本應用 1.~ 1.~ 照片去背 ＋融入藝文教

學

• 基本應用基本應用 2.~ 2.~ 繪製 logo ＋融入藝文教

學

• 基本應用基本應用 3.~ 3.~ 製作動畫

基本應用 1.~ 照片去背

• 磁性套索工具磁性套索工具

• 縮放圖片縮放圖片

• 放大鏡放大鏡

• 移動移動

基本應用 1.~ 照片去背

Step1.Step1.請至奇摩免費相簿 Flickr下載一張照片

http://www.flickr.com/（使用創用 cc授權可重製）

Step2.Step2.將照片儲存於桌面

Step3.Step3. 從 Gimp 中開啟照片，使用

磁性套索工 具選擇物件，

開始進行去背工作

Step4.Step4.剪下物件貼成新圖層，準

備存檔

基本應用 1.~ 藝文教學案例

• 單元名稱：視野大不同視野大不同• 教學內容： 視覺繪畫的空間表現• 教學對象：五年級• 軟體應用：老師先用 Gimp將繪畫作品的物件與背景拆解，再利用圖層特性組合移動物件，以引導學生了解各種構圖形式

• 資訊模式：老師使用於製作教材與授課，學生創作採水彩手繪

• 學生作品欣賞：網路相簿網路相簿

看教材

基本應用 2.~繪製 logo

• 路徑工具路徑工具

• 路徑轉為選擇區域路徑轉為選擇區域

• 混色（漸層）工具混色（漸層）工具

基本應用 2.~繪製 logo

Step1.Step1. 開新檔案，畫出圓形底圖

Step2.Step2. 使用路徑工具，慢慢畫出想要的圖案

（也可以搭配數位繪圖板）

Step3.Step3.點選路徑轉為選擇區域，

填上漸層色

Step4.Step4. 重複上述步驟陸續畫出細節，

也可加入文字，最後組合圖案完成

logo StartStart

基本應用 2.~ 藝文教學案例

• 單元名稱：胸章胸章 logologo設計設計• 教學內容：設計個人的創意標誌

• 教學對象： 五年級美術團隊• 軟體應用：老師用 Gimp加上繪圖板來指導學生，先欣賞網路上一些胸章 .標誌 ...等設計，學生再一步步製作出屬於自己的 logo

• 資訊模式： 師生一起在電腦教室教學與創作• 學生作品欣賞：美術團隊數位藝術部落格美術團隊數位藝術部落格

基本應用 3.~ 製作動畫

• 填滿顏色或圖樣填滿顏色或圖樣

• 文字文字

• 複製圖層複製圖層

基本應用 3.~ 製作動畫

Step1.Step1.畫一個矩形填上圖樣，寫出第一個

字，是為第一層圖層

Step2.Step2. 使用複製圖層工具，將第一層的圖層

複製一個複本層

Step3.Step3.在複本層上寫出第二個字

Step4.Step4. 重複上述步驟寫好所有文字

Step5.Step5. 將檔案存成 .gif 檔就完成了

小 …作業

• 請將今天試做的成品－ logo和動畫，寄到

以下 G-mail 電子郵件，即可發布在部落格

上，您也可以回家下載 Gimp 後繼續創作喔

！

bass1014.bass1014@blogger.combass1014.bass1014@blogger.com

Gimp參考資源

• Wekey共筆網站－ 影像處理Gimp• youtube 影片－ 英文版gimp操作簡介

• 超詳細網友部落格－

• Gimp & 免費資源

• 閔澤老師の部落格

• 參考書籍－

加贈實用小軟體 ~順便分享幾個製作本簡報用到的自由軟體：

• Swiff Point Player （簡報中插入 flash ） http://toget.pchome.com.tw/intro/business_addon/19444.html

• Wink v2.0 （螢幕操作畫面錄影軟體） http://briian.com/?p=2522

• CamStudio 2.1 （螢幕操作畫面錄影軟體~仲佑老師推薦）

• 本簡報與所有教學動畫將掛在高市國教輔導團藝文領域－藝域部落藝域部落

~*瑪奇朵數位館 *~• 歡迎加入我們的工作坊 ~ 思摩特 > 瑪奇朵數位館 >加入工作坊

收工囉…