資訊融入藝術與人文教學活動設計
壹 壹 壹
壹、 、 、 、課程說明 課程說明 課程說明 課程說明
單元名稱單元名稱
單元名稱單元名稱 創意照片影像特效 教學時間教學時間 教學時間教學時間 共五節課（200 分鐘）
教材來源教材來源
教材來源教材來源 碁峰出版社 GIMP 影像處理
教師自編 教學軟體教學軟體 教學軟體教學軟體 GIMP 2.6.5 影像繪圖軟體 設
設 設
設 計計計計 者者者者 莊雅文
設計理念 設計理念 設計理念 設計理念
1. 引發資訊學習興趣，作為發展資訊教育課程的基本核心。
2. 建立基本電腦影像處理能力，來訓練學生應用電腦解決問題的能力以作 為各領域學習之輔助工具。
3. 培養學生與人合作、相互分享，並主動學習的正確態度。
4. 鼓勵學生自我突破，嘗試製作並完成視覺更豐富的照片效果。
5. 藉由熟練 GIMP 軟體，讓學生瞭解自由軟體的優點，而主動願意在家中 安裝，並能嘗試學習使用其他自由軟體。
教學目標 教學目標 教學目標 教學目標
1. 能使用數位相機，並樂於與人合作，互相拍攝素材照片。
2. 能使用網路磁碟空間做檔案上傳下載。
3. 能學會 GIMP 軟體「剪刀工具」的操作。
4. 能利用圖層顯示隱藏功能，以及上下順序的調整，堆疊出想要的效果。
5. 能完成單元指定作業。
先備知識 先備知識 先備知識 先備知識
1. 已學會電腦視窗作業系統的基本操作。
2. 具有基本的中文輸入技能，以及 GIMP 軟體的操作能力。
3. 能熟練本機與網路磁碟的檔案管理操作。
4. 有基礎影像編修能力，並能辨識不同工具的功能與操作方式。
評量方式評量方式
評量方式評量方式 口頭問答 10%、課堂觀察 10%、小組合作 20%、實機操作 30%、
作品他評 10%、自評表現 5%、口頭發表 5%、作業成績 10%
軟體下載 軟體下載 軟體下載
軟體下載 GIMP 官方網站 http://www.gimp.org
貳 貳 貳
貳、 、 、 、課程規劃 課程規劃 課程規劃 課程規劃
資訊資訊
資訊資訊能力指標能力指標能力指標能力指標 課程內容課程內容課程內容課程內容 協同領域協同領域協同領域協同領域 1-2-1 瞭 解 電 腦 在 人 類 生
活，如家庭、學校、
工作、娛樂及以及各 學習領域之應用。
2-4-4 瞭解多媒體電腦相關 設備，以及圖形、影 像、文字、動畫、語 音的整合應用。
3-2-1 能編輯中英文文稿，
進行編輯、列印的設 定，並能結合文字、
圖畫、藝術字等完成 文稿的編輯
3-3-1 能利用繪圖軟體創作 並列印出作品。盡量 使用自由軟體。
3-3-6 能針對日常問題提出 可行的解決方法。
3-4-7 能利用網際網路、多 媒體光碟、影碟等進 行資料蒐集，並結合 已 學 過 的 軟 體 進 行 資料整理與分析。
《第一節》數位攝影初體驗 1. 展示具有特殊視角之人物攝影
相片簡報檔
2. 數位相機的使用與操作 3. 人物攝影基礎技巧
4. 說明特效相片所需之取景方式
《第二節》巧手回春不難練 1. 拍壞照片也有春天 2. 剪裁校正工具的使用 3. 修片美化工具的使用
《第三節》移花接木進階功 1. 透視工具的認識與操作 2. 圖層進階功能運用 3. 縮放工具的使用
《第四節》破圖而出變一變 1. 課堂活動回顧與創意照片欣賞 2. 破圖而出立體效果說明
3. 剪刀工具的認識與操作 4. 浮動選擇區域的認識 5. 與另一照片做影像合成 6. 初步成果發表
《第五節》觀摩分享取經驗 1. 繳交作業
2. 作品展示與他評 3. 自我評量
～本單元結束～
《藝術與人文》
1-3-1 探索各種不同的藝術創 作方式，表現創作的想 像力。
1-3-4 透過集體創作方式，完 成與他人合作的藝術作 品。
1-3-5 結合科技，開發新的創 作經驗與方向。
《國語文》
2-3-1 能培養良好的聆聽態度。
2-3-2 能確實把握聆聽的方法。
2-3-2-2 能在聆聽不同媒材時，
從中獲取有用的資訊。
3-3-2 能合適的表現語言。
3-3-3-5 能利用播音器材練習 良好的語言表達。
《兩性教育》
3-2-1 運用科技與資訊，不受性 別的限制
參 參 參
參、 、 、 、教學計畫 教學計畫 教學計畫 教學計畫 一
一 一
一、 、 、 、數位攝影初體驗 數位攝影初體驗 數位攝影初體驗 數位攝影初體驗
教學活動教學活動
教學活動教學活動 說說說說 明明明明 教學教學教學教學 工具 工具工具 工具
教學教學 教學教學 方式 方式 方式 方式 時間時間 時間時間
(一一一一) 引起動機引起動機引起動機引起動機
1. 展示具有特殊視角之 人物攝影相片簡報檔
※課前準備※
1. 將學生分成九組，每組 3~4 人。
2. 請學生徵求家人同意後，攜帶數位相機至電腦課 堂上課，每組至少要有一台。
= = = = = = = = = = = = = = = = = = = = = = = 1-1 教師進行口頭調查，請曾經使用任何種類相機拍 攝過相片的學生舉手，初步瞭解學生舊經驗。
1-2 進一步詢問剛剛舉手的學生，曾經拍過怎樣的照 片？（通常大多是紀念照類型）
1-3 說明今天要拍的相片，跟一般的紀念照有很大的 不同。請學生觀察後續將播放的簡報裡面的相片。
1-4 廣播教學簡報檔，逐張請學生發表相片中最凸顯 的特色。
2’
2. 數位相機的使用與操 作
2-1 請學生猜測並討論這些相片可能使用的拍攝方 式。（包含被拍者的動作呈現、拍攝者所採用的相機 角度，以及遠近焦距的運用）
2-2 簡短說明數位相機的基本功能操作模式。
2’
3. 人物攝影基礎技巧 3 簡短說明拍攝人物時，應注意的基本技巧。
（攝影者需注意光線、遠近焦距、對焦確實、避免 手震等。模特兒動作需靜止至少兩秒，並要與攝影 者溝通自己想要角度與特效）
3’
4. 說明特效相片所需之 取景方式
4-1 解釋本單元所需要拍攝的素材特性。
（具有凸顯身體某一肢體、遠近景深或特殊角度，
以上擇一特色即可）
4-2 請學生思考等會兒自己希望能被拍攝出什麼樣 的特殊肢體與角度的照片。
3’
(二二二二) 拍攝素材照片拍攝素材照片拍攝素材照片拍攝素材照片 1. 帶領學生至戶外場地
相互拍攝動作素材照 片
1-1 帶領學生至籃球場，並依照組別排隊。
1-2 確認每組持有的相機數量，並指定小組長。
1-3 說明拍攝時間限制、場地活動範圍，以及每個人 都要使用到相機並進行拍攝。
1-4 活動中教師巡視組間，需特別留意學生的秩序與 安全。
1-5 時間終了，確認每位學生均拍攝好照片後，將學 生帶回電腦教室。
20’
(三三三三) 照片上傳與分享照片上傳與分享照片上傳與分享照片上傳與分享 1. 讀卡機的使用 2. 網路磁碟機的運用 3. 照片上傳與下載
1-1 介紹讀卡機構造與使用方式。
1-2 辨認與開啟「卸除式磁碟機」的方法。
2-1 說明網路磁碟機的使用方式，及個人帳號密碼。
3 將照片從數位相機或記憶卡中，匯至網路磁碟機 的共享資料夾。
教學 簡報檔
單槍 投影機
雷射 光筆 數位 相機 哨子 讀卡機 Xnview
看圖 軟體 廣播器
廣播 教學 講述 教學 口頭 問答 操作 示範 個別 指導 討論 教學 合作 教學
10’
二 二 二
二、 、 、 、巧手回春不難練 巧手回春不難練 巧手回春不難練 巧手回春不難練
教學教學
教學教學活動活動活動活動 說說說說 明明明明 教學教學教學教學 工具 工具工具 工具
教學教學 教學教學 方式 方式 方式 方式
時時 時時 間 間 間 間 (一一一一) 引起動機引起動機引起動機引起動機
1. 拍壞照片也有春 天
1-1 展示幾張拍壞的照片，請學生找出問題點。
（太暗、太亮、模糊、畫面太雜或歪斜）
1-2 播放簡報檔，展示如何利用繪圖軟體，成功拯救 一張拍壞照片的過程與運用的工具。
5’
(二二二二)修片工具教學修片工具教學修片工具教學修片工具教學 1. 素材整理與準備
※教學活動（二）、（三）會依實際課堂狀況 穿插進行示範教學、實做練習與個別指導※
= = = = = = = = = = = = = = = = = = = = = = = = 1-1 請學生從網路分享磁碟機中，下載自己的素材照 片，並挑選一張最後要當作背景的照片圖檔，至工 作電腦的指定資料夾中。
1-2 檢視自己的照片是否有拍壞，以及需要調整的問 題。
1-3 請需要重拍照片的學生，至教室外面走廊進行拍 設，並上傳照片至分享資料夾。
廣播 教學 講述 教學 口頭 問答 操作 示範 個別 指導
5’
2. 剪裁校正工具使 用
2-1 指導學生以剪裁、色彩校正、白平衡，與亮度對 比等工具做初步修片。
2-2學生實做練習與個別指導。
5’
10’
3. 修片美化工具使 用
3-1指導學生以抹糊、仿製工具，進行美化皮膚與污 點處理。
3-2學生實做練習與個別指導。
(三三三三 ) 實 作 練 習實 作 練 習實 作 練 習實 作 練 習 與 個與 個與 個與 個 別指導
別指導 別指導
別指導(補充說明補充說明補充說明補充說明) 1. 學生自行操作 2. 教師行間巡視
3. 解決學生問題
4. 處理臨時狀況 5. 作業專案檔儲存
說明
6. 課堂進度檢查
1 學生以自己的照片，練習修整工具的操作技巧。
2 教師進行行間巡視，以了解學生操作狀況，並針對 學生需要採取個別指導，必要時指定組長或先完成 的學生協助其他人。
3 發現學生出現共同錯誤時，隨時以廣播教學方式，
釐清步驟與概念。
4 處理課堂發生的臨時狀況，如電腦故障、學生異常 行為……等。
5 指定學生儲存的檔案名稱、檔案類型與存檔位置。
6 提醒學生隨時儲存專案檔，時時提示本節課應完成 的進度，並確認每位學生的完成度。
《第二節結束》
教學 簡報檔
單槍 投影機
數位 相機 讀卡機 廣播器 各式 風景 照片 圖庫 Xnview
軟體 GIMP
軟體 5’
10’
三 三 三
三、 、 、 、移花接木 移花接木 移花接木 移花接木進階功 進階功 進階功 進階功
教學活動教學活動
教學活動教學活動 說說說說 明明明明 教學教學教學教學 工具 工具工具 工具
教學教學 教學教學 方式 方式 方式 方式
時時 時時 間 間 間 間 (一一一一) 引起動機引起動機引起動機引起動機
1. 說明與展示範例 作業的製作步驟
1-1 請學生開啟上週所準備的作業專案檔。
1-2 播放簡報檔，先說明此單元作業最後需要呈現的 要素，以及本節課需要練習的重點，再展示教師事 先做好的範例作業，接著依序說明重要的操作步驟 大綱。
5’
(二二二二) 進階工具的認進階工具的認進階工具的認進階工具的認 識與識與
識與識與操作操作操作操作
1. 透視工具的認識 與操作
※教學活動（二）、（三）會依實際課堂狀況 穿插進行示範教學、實做練習與個別指導※
= = = = = = = = = = = = = = = = = = = = = = = = 1-1 請學生保留原始照片圖層，並將其再複製一份用 來編輯與製作，命名為「框裡面」。
1-2 在「圖層-框裡面」新增一個透明色版。
1-3 學生實做練習。
1-4 新增一個具有白色背景的圖層，命名為「框」
1-5利用透視工具，在「圖層-框」上進行形狀修改，
將照片中要保留在框裡面的部份遮蓋著。
1-6學生實做練習與個別指導。
教學 簡報檔 廣播器 單槍 投影機
GIMP 軟體
2’
2’
2’
4’
2. 圖層進階功能運 用
2-1 說明操作目標：運用剛剛設計的「圖層-框」形 狀，來修剪「圖層-框裡面」。
2-2 說明「圖層-框」裡分有白色區塊與透明區塊，
但透明區塊無法直接被選取。
2-3 先利用「圖層→透明度→將透明區域轉為選擇的 區域」來選取白色區塊，再使用「選擇→相反」的 功能來成功轉為選取透明區塊。
2-4 切換至「圖層-框裡面」中，以「編輯→清除」
的功能，剪掉剛剛所選擇的透明區塊範圍。
2-5 學生實做練習與個別指導。
廣播 教學 講述 教學 口頭 問答 操作 示範 個別 指導
5’
10’
3. 縮放工具的使用 3-1說明操作目標：將「圖層-框」的白色區塊的中間 部份挖空，從一整個區塊，改成一個白色框框。
3-2切換至「圖層-框」中，利用「圖層→透明度→將 透明區域轉為選擇的區域」來選取白色區塊。
3-3使用「選擇→縮小」的功能，來縮小選擇的範圍。
3-4以「編輯→清除」的功能，剪掉剛剛縮小的範圍，
使「圖層-框」從一整個區塊，改成一個白色框框。
3-5利用圖層工具中的「向下合併」功能，將「圖層- 框」與「圖層-框裡面」合併成一個圖層。
3-6學生實做練習與個別指導。
3’
教學活動教學活動
教學活動教學活動 說說說說 明明明明 教學教學教學教學 工具 工具工具 工具
教學教學 教學教學 方式 方式 方式 方式
時時 時時 間 間 間 間 (三三三三) 實作練習實作練習實作練習實作練習與個與個與個與個
別指導 別指導 別指導
別指導（（（（補充說明補充說明補充說明補充說明）））） 1. 學生自行操作 2. 教師行間巡視 3. 解決學生問題
4. 處理臨時狀況
5. 課堂進度檢查
1 學生以自己的作業專案檔，練習進階工具的操作技 巧。
2 教師進行行間巡視，以了解學生操作狀況，並針對 學生需要採取個別指導，必要時指定組長或先完成 的學生協助其他人。
3 發現學生出現共同錯誤時，隨時進行廣播教學，釐 清步驟與概念。
4 處理課堂發生的臨時狀況，如電腦故障、學生異常 行為……等。
5 提醒學生隨時儲存專案檔，時時提示本節課應完成 的進度，並確認每位學生的完成度。
《第三節結束》
四 四 四
四、 、 、 、破圖而出變一變 破圖而出變一變 破圖而出變一變 破圖而出變一變
教學活動教學活動
教學活動教學活動 說說說說 明明明明 教學教學教學教學 工具 工具工具 工具
教學教學 教學教學 方式 方式 方式 方式
時時 時時 間 間 間 間 (一一一一) 引起動機引起動機引起動機引起動機
1. 課堂活動回顧 2. 學生攝影作品欣
賞
3. 創意照片欣賞
1-1 請學生開啟上週所準備的單元作業專案檔。
1-2 播放簡報檔，回顧進行過的課堂活動。
2-1 教師事先學生自行拍攝的作品中，挑選較具特殊 設計的照片，並展示給全班欣賞。
2-2 承上，請照片主角說明當時拍攝的方式。
3 教師展示事先蒐集具有「破圖而出」特徵的創意照 片，提供學生欣賞與參考。
10’
(二二二二 ) 進 階 選 取 工 具進 階 選 取 工 具進 階 選 取 工 具進 階 選 取 工 具 的認識與的認識與
的認識與的認識與操作操作操作操作 1. 說明製作破圖而
出立體效果的大 致步驟
※教學活動（二）、（三）會依實際課堂狀況 穿插進行示範教學、實做練習與個別指導※
= = = = = = = = = = = = = = = = = = = = = = = = 1-1 說明此單元作業最後需要呈現的要素。
1-2 展示教師事先做好的範例作業，接著講解「破圖 而出」效果製作的操作步驟大綱。
2’
2. 剪刀工具的認識 與操作
2-1 請學生複製原始照片圖層，並命名為「框外面」。 2-2 觀察專案檔中自己設計要「突出照片外面」的部 份。
2-3 使用剪刀工具，以滑鼠仔細的點選預設要「突出 照片外面」部份的邊緣，並隨時修正電腦自動偵測 的錯誤。
2-4 回到起點後，以滑鼠輕點選取範圍，或按一下 ENTER 按鍵來完成圈選工作。
2-5 學生實做與個別指導。
2’
8’
3. 浮動選擇區域的 認識
3-1說明操作目標：將「圖層-框外面」所選擇的範圍 複製後，貼上至檔案中成為浮動選擇區域，再轉換 為新圖層。
3-2使用「編輯→複製」與「編輯→貼上」的功能，
將「突出照片的部份」貼上至檔案中成為浮動選擇 區域。
3-3使用「新增圖層」的功能，將浮動選擇區域轉換 為新圖層，並將此圖層命名為「效果」。
3-4將「圖層-框外面」隱藏檢視。
3-5檢視「圖層-效果」與「圖層-框裡面」的結合狀 況，如有錯誤需指導學生回到步驟2-2重新修正。
3-6學生實做與個別指導。
教學 簡報檔 廣播器 單槍 投影機
GIMP 軟體
廣播 教學 講述 教學 口頭 問答 操作 示範 個別 指導
3’
5’
教學活動教學活動
教學活動教學活動 說說說說 明明明明 教學教學教學教學 工具 工具工具 工具
教學教學 教學教學 方式 方式 方式 方式
時時 時時 間 間 間 間 4. 與另一照片做影
像合成
4-1將事先準備合成的背景照片檔案，直接拖拉至專 案檔圖層的最下方，成為一個新圖層，並命名為「新 背景」。
4-2將原始「圖層-背景」隱藏檢視。
4-3調整圖層彼此之間的關係與呈現效果，確認完成 作業後，請學生為自己的作品訂定主題。
4-4指導學生將專案檔另存為JPG格式，並指定檔名 為：511xx合成.jpg。(xx為兩碼座號)
4-5學生實做與個別指導。
(三三三三) 實作練習實作練習實作練習實作練習與個與個與個與個 別指導
別指導 別指導
別指導（（（（補充說明補充說明補充說明補充說明）））） 1. 學生自行操作 2. 教師行間巡視 3. 解決學生問題 4. 處理臨時狀況 5. 課堂進度檢查
1 學生以自己的作業專案檔，練習工具的操作技巧。
2 教師進行行間巡視，以了解學生操作狀況，並針對 學生需要採取個別指導，必要時指定組長或先完成 的學生協助其他人。
3 發現學生出現共同錯誤時，隨時進行廣播教學，釐 清步驟與概念。
4 處理課堂發生的臨時狀況，如電腦故障、學生異常 行為……等。
5 提示學生隨時存檔，並確認每位學生的完成度。
2’
3’
(四四四四) 初步成果展示初步成果展示初步成果展示初步成果展示 1. 作品成果發表
2. 討論與回饋
1-1 教師於行間巡視時，留意並確認學生的作業完成 度。
1-2 以廣播的方式，隨機抽選幾位已經完成作業的同 學分享自己的作品。
1-3 請主人發表作品主題，並簡單說明設計理念。
2-1 請其他同學進行回饋。
2-2 課堂總結，提示下週將完成作業繳交，並進行全 班作品欣賞與評量。
《第四節結束》
5’
五 五 五
五、 、 、 、觀摩分享取經驗 觀摩分享取經驗 觀摩分享取經驗 觀摩分享取經驗
教學活動 教學活動教學活動
教學活動 說說說說 明明明明 教學教學教學教學 工具 工具工具 工具
教學教學 教學教學 方式 方式 方式 方式
時時 時時 間 間 間 間 1. 繳交作業
2. 作 品 展 示 與 他評
3. 自我評量
1-1 指導學生將作業上傳至指定的作品分享資料夾中 1-2 確認作業繳交狀況。
2-1 發下評量單，簡單說明評量方式。
2-2 教師使用廣播系統，依照座位表逐一播放作品，並 請每位學生以麥克風向大家發表作品主題。
2-3 指導學生針對其他同學的作品進行評量。
2-4 教師同時對學生的發表進行記錄。
3-1 他評結束後，指導學生進行本單元之自我表現評量。
3-2 收回評量單，對所有學生的盡力表現加以勉勵。
《本單元結束》
廣播器 單槍 投影機 Xnview
軟體 麥克風 評量單
講述 教學 廣播 教學
5’
30’
5’
