環境保護海報設計
首頁 
Gimp影像處理 
FastStone圖片瀏覽器 
PhotoCap3照片編輯 
PhotoCap4照片編輯 
FireFox瀏覽器 
FileZilla檔案傳遞 
Writer文書處理 
Calc試算表 
Impress簡報軟體 
Draw影像編輯 
moodle教學應用 
部落格教學應用 
綜合版 
學生成果展(6) 
學生成果展(7) 
學生成果展(8) 

 

(一)學習重點與目的:

(1)能了解圖層的應用

(2)會使用新增文字,並加以修改

(3)會使用標題文字

(4)能了解環境保護的重要

(5)善用網路資源

(6)能由搜集到的素材,自由創作一張關於環境保護議題的海報

(二)節數安排:三節

(三)欲達成之資訊能力指標:

資1-2-1瞭解資訊科技在人類生活之應用。

資5-3-1能找到合適的網站資源、圖書館資源及檔案傳輸等。

資3-2-2能利用繪圖軟體提供的工具創作並列印出作品。

環 1-3-1 藉由觀察與體驗自然,並能以創作文章、美勞、音樂、戲劇表演等形式表現自然環境之美與對環境的關懷。

環 4-2-4能運用簡單的科技以及蒐集、運用資訊來探討、瞭解環境及相關的議題。

環 4-3-3能藉各種媒體主動積極蒐集國內外環保議題與策略。

(四)預備素材PIC1(底圖)、PIC3(地球)、PIC4(蝴蝶)、PIC5(蜻蜓)、PIC6(花)、PIC7(葡萄)

( 五)操作重點../images/beb030051.jpg(錄影檔)

第一節

第二節

(A)開新影像

../images/beb030051.jpg

(G)新增圖(做完也要做新增物件圖層)

../images/beb030051.jpg

(B)新增文字

../images/beb030051.jpg

(H)物件圖層的縮放

../images/beb030051.jpg

(C)修改文字

../images/beb030051.jpg

(I)物件圖層的移動

../images/beb030051.jpg

(D)美化文字

../images/beb030051.jpg

(J)上下圖層的放置觀念

../images/beb030051.jpg

(E)存成xcf

../images/beb030051.jpg

(K)物件的旋轉

../images/beb030051.jpg

(F)上網找下次要用的相關圖片

 

利用收集到的資料,重複以上動作,完成作品

 

第三節

 

(L)新增標題文字(Script-Fu)

../images/beb030051.jpg

 

 

(M)圖層的合併與複製

../images/beb030051.jpg

 

 

(N)利用收集到的資料,完成作品

../images/beb030051.jpg

   

(O)物件的淡化

 

   

(P)另存新檔(存成jpg)

../images/beb030051.jpg

   

(Q)作業成品

 

   

 

詳細操作步驟:

(A)開新影像

(1)檔案→新增

gimp03-a001.png

(2)選擇範本→640*480,也可以自行鍵入寬度:640像素,高度480像素 (要實作列印的話,請選A4(300dpi))

gimp03-a002.png

(3)操作完成畫面

gimp03-a003.png

(B)新增文字

(1)Tools/20Text.PNGText tool(文字工具鈕

gimp03/pic/gimp03-b001.png

(2)在畫布上按一下

gimp03/pic/gimp03-b002.png

(3)在GIMP文字編輯器內輸入文字(文字請自己想或上網找相關資源),如:節省能源、響應減碳活動、資源再利用、隨手關燈、隨手關水、避免浪費…等等 。輸入完畢後,可以按Enter換一下行(如此做的話,所有的文字都在同一個圖層,如果修改的話,會一起修改)。也可以再按空白處,打另一組文字(如此做的話,每一組文字都在不同的圖層,如果修改的話,不會一起修改,必須一組一組修改,本範例是採用三組不同的文字)。

gimp03/pic/gimp03-b003.png

(C)修改文字

(1)Tools/20Text.PNGText tool(文字工具鈕

gimp03/pic/gimp03-b001.png

(2)在要修改的文字的那個圖層上按一下

gimp03/pic/gimp03-c002.png

(3)在輸入的文字上按一下

gimp03/pic/gimp03-c003.png

(4)在GIMP文字編輯器裡修改文字

gimp03/pic/gimp03-c004.png

(5)操作完成畫面

(D)美化文字

(1)Tools/20Text.PNGText tool(文字工具鈕

gimp03/pic/gimp03-b001.png

(2)在輸入文字的那個圖層上按一下

gimp03/pic/gimp03-d002.png

(3)切換到文字工具設定

gimp03/pic/gimp03-d003.png

(4)選擇字型(華康粗黑體),選擇尺寸(40),選擇顏色(藍色)

gimp03/pic/gimp03-d004.png

(5)操作完成畫面

gimp03/pic/gimp03-d005.png

(E)存成xcf

(1)檔案→儲存

gimp03/pic/gimp03-e001.png

(2)輸入檔名(請配合老師規定的檔名命名規則)選擇瀏覽其它資料夾(重新選擇儲存的資料夾),選擇檔案格式(使用開新檔,檔案格式自動設成xcf如果要交作業、放網頁,最好設成jpg檔較普遍。不過,因為下次要繼續修改,所以現在存成GIMP XCF影像)。設定完成後 ,再按儲存。 gimp03/pic/gimp03-e002.png

(3)操作完成畫面

(F)上網找下次要用的相關圖片

請發揮自己的創意,上網搜尋相關的圖片,以作為下次上課之用。

本次作業主題為環境保護,文字與圖片必須跟環境主題有關。

老師講解也必須引入環境保護相關議題。

相關網站參考:

pic/beo120094.gif台北縣永續環境教育網

pic/beo120094.gif行政院環境保護

pic/beo120094.gif台北縣政府環境保護局


(G)新增圖(做完也要做新增物件圖層)

(1)檔案→開啟(選擇欲插入的圖片,注意圖片的背景,Gif檔和Png檔的背景是透明,比較適合。否則就要進行去背動作了)

gimp03/pic/gimp03-i001-1.pnggimp03/pic/gimp03-i001-2.png

(2)編輯→複製

gimp03/pic/gimp03-i002.png

(3)到原來的底圖:編輯→貼上至新圖

gimp03/pic/gimp03-i003.png

(4)圖層→新層圖層

gimp03/pic/gimp03-i004.png

(H)物件圖層的縮放

(1)Tools/16Scale.pngScale Tool (縮放)工具鈕

gimp03/pic/gimp03-j001.png

(2)點一下欲改變大小的物件

gimp03/pic/gimp03-i005.png

(3)拖拉縮放點(8個位置都可以,也可以直接拖曳圖形內部)

gimp03/pic/gimp03-j003.png

(4)或適當設定寬度,或適當設定高度,再按「縮放」

gimp03/pic/gimp03-j004.png

(I)物件圖層的移動

(1)Tools/12Move.PNGMove Tool(移動)工具鈕

gimp03/pic/gimp03-k001.png

(2)點一下欲改變位置的物件,並拖曳至適合的位置

gimp03/pic/gimp03-k002.png

(J)上下圖層的放置觀念

(1)點選圖層物件

gimp03/pic/gimp03-l001.png

(2)圖層→gimp03/pic/up.pnggimp03/pic/down.png 

gimp03/pic/gimp03-l002.png

(K)物件的旋轉

(1)點選圖層上的物件圖層

gimp03/pic/gimp03-n001.png

(2)按Tools/15Rotate.PNGRotate Tool(旋轉工具鈕)

gimp03/pic/gimp03-n002.png

(3)再拖曳要旋轉的物件

gimp03/pic/gimp03-n003.png

(4)按「旋轉」

gimp03/pic/gimp03-n004.png

(5)操作完成畫面

gimp03/pic/gimp03-n005.png


(L)新增標題文字(Script-Fu)

(1)擴展Logos→Neon...(可以任選一種)

gimp03/pic/gimp03-g002.png

(2)輸入文字:地球只有一個(文字請自己想一個標題),字型大小(60),選擇字型(標題文字適合粗一點的字型,如華康勘亭流),選擇其它參數,如:發光顏色()、背景顏色()每一種標題的參數不盡相同,請自由選擇

gimp03/pic/gimp03-g003.png

(M)圖層的合併與複製

(1)檔(主功能表)→對話方塊→圖層

gimp03/pic/gimp03-h001.png

(2)拖曳進"對話方塊列"(做過一次會一直留著,以後就不用再做了)

gimp02-h3.pnggimp02-h2.png

(3)圖層→向下合併(合併到只剩一個圖層,如果要有透明效果就不要合併背景圖,建議最後一張不要合併)

gimp03/pic/gimp03-h003.png

(4)編輯→複製

gimp03/pic/gimp03-h004.png

(5)到圖層對話框,在原來的底圖上按一下

gimp03/pic/gimp03-h005.png

(6)編輯→貼上至新圖層

(7)圖層→新層圖層(不這樣作,所有的圖層會固定在原底圖上,再也不能移動、改變大小了)

gimp03/pic/gimp03-h007.png

(N)利用收集到的資料完成作品

利用以上所學,設計一份環境保護的海報。

gimp03/pic/gimp03-m001.png

 

(O)物件的淡化

(1)點選圖層上的物件圖層

gimp03/pic/gimp03-o001.png

(2)將物件淡化:按「色彩」→「亮度及對比」。也可以將地球變色。

gimp03/pic/gimp03-o002.png

(3)將亮度拉到最大後,再按「確定」。

gimp03/pic/gimp03-o003.png

(4)操作完成畫面

gimp03/pic/gimp03-o004.png

(P)另存新檔(存成jpg)

(1)檔案→Save As(另存新檔)

gimp02-j1.png

(2)輸入交作業的規定檔名,選擇儲存資料夾,選擇檔案格式→JPEG影像(如果要交作業、放網頁,最好設成jpg檔較普遍。)再按儲存。

gimp02-j2.png

(3)匯出

gimp02-j3.png

(4)儲存

gimp02-j4.png

(Q)作業成品

gimp03/pic/gimp03-q001.png

beo150054.gif快樂創作beo150054.gif創作分享,快樂使用beo150054.gif分享快樂beo150054.gif

網頁最佳解析度1024*768     網站維護:黃俊文