數(shù)字化圖像的設(shè)計與加工

數(shù)字化圖像的設(shè)計與加工
南京市第三高級中學(xué) 徐萱
【教材分析】
 本節(jié)課的教學(xué)內(nèi)容是教科版高中課程標(biāo)準(zhǔn)實驗教材信息技術(shù)必修模塊《信息技術(shù)基礎(chǔ)》中的第五章《多媒體信息的加工》5.1節(jié)《圖像信息的采集與加工》5.1.2“數(shù)字化圖像的設(shè)計與加工”的內(nèi)容。本節(jié)是5.1.1理論與5.1.3實踐的過渡，注重培養(yǎng)學(xué)生使用工具前的圖像設(shè)計理念。加深多媒體信息中圖像知識的認(rèn)知，也為后續(xù)工具的選擇使用奠定好基礎(chǔ)，更加強調(diào)了學(xué)生在操作之前做到心中有設(shè)計。讓學(xué)生通過這節(jié)課體驗圖像的表達(dá)源于生活也應(yīng)用于生活實踐，加工信息是為了更好的表達(dá)信息，切實提升信息素養(yǎng)。本節(jié)也為選修多媒體技術(shù)奠定了基礎(chǔ)。部分學(xué)生對flash并不太熟悉，本節(jié)課重點在于體驗設(shè)計出符合主題的圖像，調(diào)整了教材，調(diào)整將flash繪制七巧板拼出圖形，變?yōu)椴幌抻谲浖�的使用，設(shè)計表情。在5.1.3小節(jié)課中將flash繪制留給本節(jié)課操作過的學(xué)生來向大家講解。如果花過多時間在flash講解上可能時間來不及，學(xué)生也會流于模仿操作的形式，雖然對于flash繪制圖像即使和繪圖程序很多工具查不多，但也要學(xué)生去花時間熟悉，因此將其繪圖方法制作成輔助學(xué)件網(wǎng)站供需要的學(xué)生自學(xué)，在下節(jié)課工具對比時可加強講解。通過本節(jié)的學(xué)習(xí)，使學(xué)生在體驗數(shù)字化圖像獨特魅力的同時，提高他們的設(shè)計圖像表達(dá)能力，作為本節(jié)教材的重點內(nèi)容之一。

【學(xué)生分析】
1、具備的知識和能力：通過調(diào)查問卷得知多數(shù)學(xué)生在初中會用畫圖，大部分同學(xué)較熟練地使用看圖軟件ACDSee，部分還會使用flash、Photoshop 簡單地繪制、處理圖片。學(xué)生在以前的學(xué)習(xí)中已有使用輔助學(xué)件幫助學(xué)習(xí)的習(xí)慣。
2、存在的問題：學(xué)生對數(shù)字圖像類型沒有確定的概念，不能區(qū)別點陣型圖像和向量型圖像，在大多數(shù)學(xué)生眼里，數(shù)字圖像實質(zhì)都是一樣的。學(xué)生對圖像的認(rèn)識沒有上升到圖像是一種重要的媒體信息，只是對于圖像的色彩和構(gòu)圖充滿興趣，對于生活中的使用還沒有深刻認(rèn)識。

【教學(xué)目標(biāo)】
知識與技能：
1、了解圖像及其加工的意義，體會圖像在表達(dá)人類思想情感方面的優(yōu)勢。
2、了解數(shù)字化圖像的兩種類型及各自的優(yōu)缺點。
3、了解位圖的基本格式及區(qū)別，掌握計算BMP格式圖像大小的方法。
4、能用加工工具設(shè)計出符合自己表達(dá)意圖的圖像。
過程與方法：
1、在圖像加工實踐過程中，進(jìn)一步掌握依據(jù)實際需求，設(shè)置適當(dāng)?shù)膱D像類型、分辨率。
2、通過自我探究體驗圖像的兩種類型及常見位圖類型的區(qū)別，也通過輔助學(xué)件培養(yǎng)自主學(xué)習(xí)探究學(xué)習(xí)的能力
3、體驗繪圖軟件，為后續(xù)工具使用的多樣性和針對性提供發(fā)言權(quán)。
情感態(tài)度與價值觀：
1、領(lǐng)會圖像的獨特魅力，提升視覺欣賞水平和文化藝術(shù)素養(yǎng)。通過設(shè)計圖像體驗表達(dá)交流的價值。
2、通過表情設(shè)計體驗創(chuàng)意的樂趣，培養(yǎng)學(xué)生評價別人作品的能力，

【教學(xué)重點、難點】
1、教學(xué)重點：
 圖像的獨特魅力，點陣圖和向量圖的比較。
2、教學(xué)難點
 實際常用到的圖像知識（gif\jpg\bmp\swf應(yīng)用的區(qū)別和選擇），設(shè)計圖像表達(dá)信息

【教學(xué)策略設(shè)計】
 前期預(yù)案調(diào)研，通過任務(wù)驅(qū)動與探究學(xué)習(xí)相結(jié)合，學(xué)案輔學(xué)。按照“感受思考→探究比較→實踐體驗→評價總結(jié)”教學(xué)路線展開。
 教師設(shè)計和實際生活很貼近的問題情境，激發(fā)學(xué)生的學(xué)習(xí)興趣，對于圖像數(shù)字化相關(guān)的基本概念的講解和基本技能的培養(yǎng)融入到層層遞進(jìn)的課堂任務(wù)中。
 通過探究題的巧妙設(shè)置，讓學(xué)生在完成課堂任務(wù)的過程中，主動建構(gòu)對比知識，有利于教學(xué)重點內(nèi)容的學(xué)習(xí)。
 面對掌握工具水平參差不齊的學(xué)生，讓其充分發(fā)揮所學(xué)工具所長將本課設(shè)計圖像精髓表達(dá)出來，使學(xué)生有成就感，也激發(fā)下節(jié)課學(xué)習(xí)了解其他工具軟件的興趣，為協(xié)作學(xué)習(xí)提供環(huán)境。提供的輔助網(wǎng)站也能滿足進(jìn)一步學(xué)習(xí)的需要。在教學(xué)過程中，要以學(xué)生為主體，以教師為主導(dǎo)，注重培養(yǎng)學(xué)生，探究性學(xué)習(xí)、自主性學(xué)習(xí)和協(xié)作性學(xué)習(xí)的能力。本論文由論文格式網(wǎng)整理,轉(zhuǎn)載請注明來源www.donglienglish.cn,更多論文,請點論文格式范文查看
 讓學(xué)生體驗評價的依據(jù)，提高審美和大膽發(fā)表觀點能力，切實提高信息技術(shù)綜合素養(yǎng)。

【教學(xué)環(huán)境】
 硬件：多媒體網(wǎng)絡(luò)教室；（包括液晶投影）
 軟件：FlashMX、PhotoshopCS、ACDSee、Sever-U、多媒體廣播教學(xué)軟件、IIS。

【教學(xué)資源】：  
演示課件ppt——主要知識點
ftp空間——提交作品
博客模塊代碼——用于發(fā)布瀏覽學(xué)生作品

【教學(xué)流程圖】【教學(xué)過程】
時間估計 教學(xué)環(huán)節(jié) 教師指導(dǎo) 學(xué)生活動 設(shè)計意圖
2’ 情景導(dǎo)入  通過學(xué)生平時喜歡的QQ聊天中的感受提問：除了發(fā)送文字還發(fā)送何種形式信息？
 
 引入本節(jié)課課題“數(shù)字化圖像的設(shè)計與加工”  讓其對比文字與圖像的直觀感受，體驗出圖像有時用于傳情達(dá)意更形象、直觀。  初步通過學(xué)生最接近的內(nèi)容引入到圖像的專注度上，
3’ 感受圖像的獨特魅力 我在自己碩士論文答辯中為了引入論文題目需要講個小故事，而我的導(dǎo)師指點我講故事做成漫畫，于是我手繪幅圖畫后并做成了電子ppt展示，提問：你如果是評委會給哪種形式的展示打更高得分呢，為什么？
漫畫：

故事文字稿
 學(xué)生：會選擇用漫畫形式展示，因為文字還要看好久，而做成圖像看了就會一目了然。總結(jié)出圖像相比文字要直觀，內(nèi)涵豐富，印象深刻。
  通過教師的事例進(jìn)一步加深學(xué)生感受到圖像所能帶來的實用性。其中將手稿漫畫如何做成ppt，也為5.3節(jié)圖像信息的采集與加工設(shè)置了一個預(yù)留案例，物理圖像轉(zhuǎn)化成數(shù)字圖像的方法、工具，以及根據(jù)需要對數(shù)字圖像進(jìn)行加工處理，都可在本事例中找到反映。
 
  展示：
“圖像”（images），不僅包括各種畫像，還包括雕塑、浮雕、攝影照片、電影和電視畫面、時裝玩偶等工藝品、獎?wù)潞图o(jì)念章上的畫像等所有可視的藝術(shù)品，
圖像是一種模擬信號，模擬圖像包括照片、電視、錄像、電影。
所謂數(shù)字化圖像，即用數(shù)碼來表示圖像信息。這種用數(shù)碼來表示的圖像信息可以存儲在磁盤、光盤等存儲設(shè)備里，也可以不失真地進(jìn)行通信傳輸，更可以有利于計算機進(jìn)行分析處理。 可在輔助網(wǎng)站中了解相關(guān)詳細(xì)資料 使學(xué)生相比模擬圖像對數(shù)字化圖像有概念性的了解。這是教材中未提到的，可簡單一帶而過，但此概念也是必要的。
2’ 對圖像的深入解讀  繼續(xù)展示生活中、作品等環(huán)境中圖像，有些反映的原始現(xiàn)象有些經(jīng)過了加工處理，提問：從這些圖像中能讀出什么信息嗎，對你的生活及學(xué)習(xí)起什么作用？那么它們創(chuàng)作的關(guān)鍵是什么？
 
 小結(jié)圖像的優(yōu)勢：
   學(xué)生思考回答。分析總結(jié)圖像表達(dá)的優(yōu)勢，圖像內(nèi)容的構(gòu)思是表達(dá)的關(guān)鍵 提高到設(shè)計的高度，讓學(xué)生初步領(lǐng)會圖像有原始的表達(dá)，還有的要根據(jù)需要設(shè)計圖像內(nèi)容。

5’ 探究數(shù)字化圖像的類型及其差異 探索任務(wù)一
同桌兩人為一組
1．打開文件“作品1.fla”，存為兩種格式
2．對比兩種格式的圖像，填寫表格
提示放大圖片的方法（swf用flash“查看”放大，bmp用看圖軟件放大工具）
文件名后綴 文件
大小 放大時
是否失真（模糊） 色彩
豐富與否
swf   
bmp   

提問：為何同樣制作的一幅圖像，會有如此大的差別呢？
講解數(shù)字化圖像的分類，點陣圖與向量圖比較
根據(jù)剛才的講解，
請學(xué)生對應(yīng)剛才保存的swf和bmp圖像分別哪種表示方式？   探索對比保存兩種類型，記錄相關(guān)參數(shù)
 
  
 對應(yīng)自己保存的格式
 
  將教學(xué)重點融入在探索題中，讓學(xué)生自己通過對比領(lǐng)悟各類型優(yōu)缺點。
5’ 位圖格式差異 探索任務(wù)二
打開文件“作品2.psd”，存為三種格式bmp、gif和jpg，再插入到“圖像格式對比.doc”中最后部分，觀察異同，填寫下表
文件
后綴名 文件大小 圖片效果
（是否有透明效果、色彩如何）
bmp  
jpg  
gif  
完成快的同學(xué)可選擇保存為其他格式觀察參數(shù)對比。通過學(xué)件網(wǎng)站學(xué)習(xí)自己感興趣的格式類型。
   對比得出雖然三種格式尺寸相同但bmp格式未壓縮大小最大、不支持透明效果；gif帶有透明效果；jpg色彩不如bmp，但和gif一樣文件比bmp小， bmp、gif和jpg 是生活中最常用到的三種格式，“圖像格式對比.doc”是事先做好帶有背景色的web版式視圖文檔，作品2.psd是帶透明背景的圖像源文件，可讓學(xué)生自己通過保存成不同壓縮格式對比效果和大小的不同，以指導(dǎo)以后應(yīng)用時的選擇。
5’ Bmp文件大小計算 文件保存的類型直接關(guān)系到它的應(yīng)用，我們先來驗證一下位圖圖像文件的大小計算方法
文件的字節(jié)數(shù)=圖像分辨率（X方向的像素數(shù)×Y方向的像素數(shù)）×圖像位深度（二進(jìn)制顏色位數(shù)）／8
提示：1MB=1024KB=1024*1024B
 位深可通過圖片屬性摘要查看
根據(jù)所給圖片作品2.bmp，查看信息，計算大小，看與圖片信息是否一致。  學(xué)生驗證練習(xí) 在學(xué)業(yè)測試中有圖像文件大小的計算，因此在此提出，讓學(xué)生順帶了解。
3’ 小結(jié)     
12’ 小試牛刀 請每位同學(xué)按學(xué)號對應(yīng)的圖像處理軟件為平臺，設(shè)計一幅表情圖片（可選擇表達(dá)喜怒哀樂或自定） ，長、寬300像素，請考慮存為何種格式較合適放于網(wǎng)絡(luò)上？完成后請查看同學(xué)們提交的作品，選取你認(rèn)為較好的作品打分。  
 學(xué)生根據(jù)自己熟悉的軟件創(chuàng)作圖像。
 可參看教學(xué)輔助網(wǎng)站中Flash、Photoshop繪圖工具介紹 課前通過問卷調(diào)查已經(jīng)掌握哪些學(xué)生熟悉相應(yīng)軟件，建議其用熟悉的工具繪制符合表達(dá)主題的圖像，工具的比較放入下節(jié)課。
   強調(diào)圖像設(shè)計的一般過程思路：確定主題——選擇素材——選擇合適的工具——加工圖像——保存圖像   
6’ 大家一起來評價 出示作品評價指標(biāo)

1．一個作品的成功，很大部分決定于創(chuàng)意 ；
 2．“工欲善其事，必先利其器”，要準(zhǔn)確、快速創(chuàng)作出自己設(shè)計的作品，必須對加工工具有一定的熟悉程度。  同學(xué)間互評。 前期已做過課前調(diào)查，讓學(xué)生用熟悉的工具加工圖像，一方面有創(chuàng)意是要用工具表達(dá)呈現(xiàn)出來，另一方面，就一節(jié)課的時間是不可能將工具面面俱到，讓學(xué)生實踐后，下節(jié)課就可請熟悉各種軟件同學(xué)來向大家做講解，也會更加生動，形成學(xué)生互助學(xué)習(xí)，激發(fā)求知欲并引出下節(jié)課內(nèi)容——常見圖像的加工工具的比較
2’ 總結(jié) 這堂課上我們探討了圖像的獨特魅力，分析了數(shù)字化圖像的分類和各自的特點，并自己嘗試?yán)�用軟件設(shè)計了一幅圖像。前面的探討和分析為后面的設(shè)計圖像表達(dá)信息奠定的基礎(chǔ)，在后面的設(shè)計中在熟悉軟件的常用操作后，重在創(chuàng)意。“藝術(shù)生活，創(chuàng)意無限”，在廣泛的信息交流平臺上，秀出自我。

參考資源：
南京師范大學(xué)數(shù)字圖書館相關(guān)教學(xué)設(shè)計
【課后反思】
1、本節(jié)課本著實用角度的圖像知識點學(xué)習(xí)，整體感覺進(jìn)度合適。前期備課就討論過這章內(nèi)容在有限的幾節(jié)課中，到底對圖像教授到何種程度較為合適，如何將這節(jié)課由單純的圖像基本介紹和工具的使用，變成學(xué)生由生活實際問題出發(fā)利用工具創(chuàng)作加工出能表達(dá)交流的圖像的教學(xué)目標(biāo)，設(shè)計了以上案例。如果想后續(xù)創(chuàng)作實踐時間多一點，可將“漫畫”事例刪去。
2、從整堂課來看學(xué)生積極性很高，特別是開始的導(dǎo)入和最后作品創(chuàng)作，雖然大部分同學(xué)用的是畫圖程序，但是他們已經(jīng)完全表達(dá)出想要表達(dá)的主題了，達(dá)成率還算較高。至于工具只要感興趣了，后期還可以學(xué)習(xí)后再加工，如果一上來就一個一個軟件介紹學(xué)生也只是成為機械的模仿使用者而已，只有心中有所想，才談得上用工具加工表達(dá).。讓學(xué)生由被動學(xué)習(xí)變?yōu)橹鲃訉W(xué)習(xí)才是新課標(biāo)所提倡的。教師只有在學(xué)生感興趣學(xué)習(xí)時進(jìn)行指導(dǎo)，才能成為真正意義上的“以學(xué)生為主體，教師為主導(dǎo)”。
3、本節(jié)課并沒有將所有繪圖軟件一一作介紹，在讓學(xué)生模仿，而是讓學(xué)生根據(jù)自己熟悉的軟件先自由發(fā)揮，創(chuàng)作有創(chuàng)意的作品，選題比較小，便于學(xué)生短時間內(nèi)想象，過于大的主題可能學(xué)生來不及完成，盡管這樣有個別學(xué)生還是畫不出成型的東西，這就需要教師對表情的主要內(nèi)容做引導(dǎo)，而將各種軟件的特點放在下節(jié)課有學(xué)生介紹自己作品時一并由學(xué)生來作介紹，充分發(fā)揮學(xué)生的主動性，這樣教師再做總結(jié)來引導(dǎo)，學(xué)生也樂于學(xué)習(xí)。
4、如果時間允許，在講授圖像的魅力時還可以引導(dǎo)學(xué)生從不同角度來欣賞，例如美學(xué)、色彩學(xué)、構(gòu)圖學(xué)等。
5、最后實踐創(chuàng)作有些同學(xué)無從下手，如考慮在體驗圖像魅力演示多種表現(xiàn)表情的不同類型圖片，對后續(xù)創(chuàng)作提出參考范例。
6、源于教材但可不局限于教材，就圖像的魅力不單單是講解圖像技術(shù)的特點，還可強調(diào)數(shù)字化圖像相對模擬圖像的優(yōu)缺點，設(shè)計表達(dá)的關(guān)鍵是什么。引導(dǎo)學(xué)生設(shè)計圖像進(jìn)行表達(dá)交流的理念，而不是單純學(xué)習(xí)某一軟件。附件一：                  學(xué)生課堂要求
探究題：
任務(wù)一
1．打開文件“作品1.fla”，分別存儲為兩種格式
2．對比兩種格式的圖像，填寫表格
文件名后綴  文件
大小  放大時
是否失真（模糊）  色彩
豐富與否
swf    
bmp    
任務(wù)二
打開文件“作品2.psd”，存為三種格式bmp、gif和jpg，再插入到“圖像格式對比.doc”中，觀察異同，填寫下表
文件名后綴 文件大小 圖片效果（是否有透明效果、色彩如何）
bmp  
jpg  
gif