從圖像加工到動畫制作

魯教版初中信息技術(shù)在第一冊（下）第二章“圖像的獲取與加工”中引入Photoshop軟件的應(yīng)用，課本在編寫過程中比較側(cè)重于數(shù)碼相片的修整，并在圖片特效、圖像合成方面引入典型實(shí)例，使學(xué)生對工具箱常用工具、“圖像”菜單、“濾鏡”菜單以及圖層蒙版等有一定認(rèn)識，從而掌握數(shù)碼相片的一些常用處理方法。但在實(shí)際的教學(xué)中總會有學(xué)生問起這樣一個問題：學(xué)了Photoshop這個軟件，是否也能制作可以動的圖片呢？

會動的圖片？那不是動畫嗎？會動的圖片，更為確切地說是GIF格式圖片，它與通常說的動畫（SWF格式）是有一定區(qū)別的。學(xué)生較為感興趣的“會動的圖片”，也就是GIF格式的圖片，它大部分是由Photoshop自帶的ImageReady（簡稱IR）軟件制作的，并不是完全由動畫制作軟件Flash來實(shí)現(xiàn)的。GIF圖片是一種動態(tài)圖片，相較于Flash動畫，它的制作比較簡單，一些很有意思的小動畫很多就源自于這種動態(tài)圖片。也正因?yàn)檫@樣，它經(jīng)常應(yīng)用在各類充滿趣味性的網(wǎng)站上，在QQ表情里也自然少不了它的影子。這種圖片在網(wǎng)絡(luò)中的應(yīng)用在一定區(qū)域中是能與Flash動畫相抗衡的。鑒于學(xué)生的興趣所在，以及對課程的整體把握，教師可以設(shè)計(jì)2或3課時來簡單介紹并引導(dǎo)學(xué)生實(shí)踐閃圖——GIF圖片的制作，為今后第二冊（上）第三章“電腦動畫初步”的學(xué)習(xí)構(gòu)建有效的知識鏈接，從而形成一個有機(jī)的知識網(wǎng)絡(luò)。下面筆者將以有關(guān)熊貓動態(tài)圖片的制作為例，簡單談一下動態(tài)圖片的制作過程以及在教學(xué)過程設(shè)計(jì)中的一些注意事項(xiàng)。

1 制作過程

第一步，將3幅圖片熊貓1、熊貓2、熊貓3依次導(dǎo)入Photoshop（即用Photoshop打開），選取工具箱中的移動工具，將圖片熊貓2、熊貓3依次拖放到已打開的熊貓1圖像窗口中，自動生成包含圖像的圖層（見圖1），將圖層面板中的各層從上至下依次重命名為圖層1、圖層2、圖層3（方法：雙擊圖層名稱，圖層名稱變?yōu)楦吡了{(lán)色，從鍵盤輸入新圖層名稱）。

如果這三幅圖片不一樣大小，需把原來的靜止圖像裁切或縮放至相同的大小。大小不一的圖片會影響GIF動畫的制作。

第二步，轉(zhuǎn)移到IR環(huán)境中。方法有兩種：第一種是通過Photoshop工具箱底部的轉(zhuǎn)換按鈕；第二種是通過單擊“文件”菜單，選擇“在ImageReady中編輯”命令。需要注意的是某些精簡版本或綠色版本無法切換到IR，可從網(wǎng)上下載IR綠色版，直接在綠色版IR中打開熊貓的psd源文件。

進(jìn)入IR環(huán)境后會出現(xiàn)圖層、歷史記錄及動作組合面板，切片、表及圖像映射組合面板，Web內(nèi)容及顏色表組合面板。其中在Photoshop做好的圖層會在圖層面板里出現(xiàn)，而其他兩組面板，尤其是切片這一組面板，不參與動畫制作過程，可將其拖至一旁或直接關(guān)閉。

第三步，把動畫面板打開（單擊“窗口”→動畫），制作GIF動畫主要在這個窗口中完成。然后再單擊動作面板上的復(fù)制當(dāng)前幀按鈕（在底部，從右側(cè)數(shù)第2個）2次，新建2個幀（見圖2），即有幾張圖片插入幾幀。

第四步，設(shè)置各個圖層的可見性，決定每幀顯示的內(nèi)容。在動畫面板選擇新建的1幀（從左邊數(shù)第二個層），在圖層面板中顯示圖層2，然后再把圖層面板中的其他層隱藏。依此類推，選擇另外一個新建層，將圖層3顯示（見圖3）。設(shè)定完畢后可以看到動畫面板中有3個幀，每一幀依次顯示圖層1、圖層2及圖層3的內(nèi)容。

第五步，在動畫面板里調(diào)時間。也就是安排這三幅熊貓圖片依次出現(xiàn)停留的時間，在這里可單擊動作面板里每個熊貓幀右下角的黑色三角，選擇秒數(shù)。本例選擇時間為1秒、0.5秒、1秒。單擊動畫面板底部播放/停止動畫按鈕，即指向右的黑色箭頭，可在動畫面板里預(yù)覽一下動畫效果，并根據(jù)預(yù)覽的情況對所制作的動畫做出適當(dāng)?shù)恼{(diào)整。

第六步，單擊“文件”菜單，選擇“將優(yōu)化結(jié)果存儲為”，在打開的對話框中找到保存類型，選擇“僅限圖像”，選擇合適的存儲位置，單擊“保存”按鈕即可。

雙擊存儲的GIF格式圖片，就可以欣賞到自己動手制作的小“動畫”，從而使學(xué)生在動手制作的過程中激發(fā)出創(chuàng)意的火花。在后續(xù)的鞏固練習(xí)中，教師可以結(jié)合第二章中的數(shù)碼圖像處理方法設(shè)置綜合練習(xí)，以引導(dǎo)學(xué)生將自己實(shí)踐的多幅作品組合為GIF格式圖片。下一步學(xué)生可將其傳至網(wǎng)絡(luò)上來動態(tài)展示自己的創(chuàng)意，這樣從一定程度上使學(xué)生跳出圖像靜態(tài)處理的框框，將自己的內(nèi)心喜歡轉(zhuǎn)化為積極性投入到實(shí)踐學(xué)習(xí)中，也從而實(shí)現(xiàn)教師的預(yù)期效果和目標(biāo)，實(shí)現(xiàn)師生在教與學(xué)中的共贏！

2 在具體教學(xué)設(shè)計(jì)中應(yīng)注意的

幾個問題

2.1 教學(xué)目標(biāo)以生活為導(dǎo)向

“教育即生活”，“生活即教育”，生活和教育有密切的關(guān)系。要想讓開展的學(xué)習(xí)活動易于被學(xué)生接受，使學(xué)生真正體會到信息技術(shù)與生活的密切聯(lián)系，促使他們主動提高運(yùn)用信息技術(shù)的能力，那就需要以“具體、可行，貼近學(xué)生的學(xué)習(xí)和生活”為主旨，制定生活化的教學(xué)目標(biāo)，因勢利導(dǎo)，在課堂之初用明確的目標(biāo)抓住學(xué)生的心，如課題名稱可定為“閃亮一下”，或是“我的表情我做主”等。

2.2 借助小組合作提高學(xué)生的思考與探究空間

信息技術(shù)學(xué)科有著實(shí)踐性和創(chuàng)新性兩大特點(diǎn)。在教學(xué)中，不可局限于一個簡單的GIF動畫制作，基于問題解決，要給出一個不僅貼近學(xué)生學(xué)習(xí)、生活，而且具有一定挑戰(zhàn)性、探索性、開放性的實(shí)踐任務(wù)，這樣可以給學(xué)生以寬闊的思考與探究空間，有利于提高學(xué)生信息素養(yǎng)以及信息加工處理能力。

一組相關(guān)主題的圖片，要經(jīng)過哪些處理才能體現(xiàn)作者的思想意圖？這需要學(xué)生經(jīng)歷一定時間的問題解決過程，在探索實(shí)踐中體驗(yàn)方法，在合作交流中達(dá)成共識。IR的動畫制作綜合實(shí)踐活動，涉及內(nèi)容多、耗時長，僅靠一人的力量在短短的幾課時是無法完成的，這時采用小組合作學(xué)習(xí)有很大的必要性。教師要向小組成員講明，確定在用IR制作動畫上合作，組內(nèi)成員一起將處理的圖片合成為GIF格式動畫，各成員間要進(jìn)一步明確、細(xì)化學(xué)習(xí)任務(wù)，在圖片處理內(nèi)容上明確分工以保證每個學(xué)生承擔(dān)一定的角色或任務(wù)，平等地參與小組活動，使集體的力量得到更大限度的發(fā)揮。

2.3 借助學(xué)習(xí)資源與任務(wù)單引導(dǎo)小組實(shí)踐

教師除了上課講解內(nèi)容要正確到位外，還要從學(xué)生的學(xué)情出發(fā)，為學(xué)生準(zhǔn)備任務(wù)單等相應(yīng)的學(xué)習(xí)資源。學(xué)生剛剛完成圖像處理的學(xué)習(xí)，在知識的綜合應(yīng)用上還存在一定的困難，而IR制作GIF格式圖片又是他們新接觸的內(nèi)容，在對新舊知識的交叉掌握和應(yīng)用上學(xué)生難免產(chǎn)生混淆。基于以上情況，教師在教學(xué)資源上可做以下幾項(xiàng)準(zhǔn)備。

1）有代表性的作品集（可選用其他班級優(yōu)秀學(xué)生作品集）；各小組的課堂任務(wù)。其中小組任務(wù)可根據(jù)實(shí)際的教學(xué)情況設(shè)計(jì)，如校園風(fēng)情、我的同學(xué)、我的班等。

2）“Photoshop加工圖像方法”系列的范例制作指導(dǎo)，圖像信息處理任務(wù)要求。任務(wù)可設(shè)定為：將所選主題的圖片有一幅選用合適的濾鏡效果；對所選主題圖片酌情使用Photoshop的調(diào)整功能；對存在明顯缺陷的圖像進(jìn)行修改。

3）“ImageReady動畫制作”的范例制作指導(dǎo)。

3 教后反思

在實(shí)踐過程中，學(xué)生的熱情會空前的高漲，參與度極高，連平時認(rèn)為信息技術(shù)課不過如此的學(xué)生也會認(rèn)真參與到學(xué)習(xí)過程去，使學(xué)生在學(xué)中樂，在樂中學(xué)。這樣既提高學(xué)生的積極性，又為圖像處理與動畫制作建立橋梁，為今后新知識的學(xué)習(xí)埋下伏筆。知識并非是孤立的點(diǎn)，正如美國教育學(xué)家布魯納所認(rèn)為的，教師在教學(xué)中應(yīng)引導(dǎo)學(xué)生注意新舊知識的相容性，能夠認(rèn)識新知識與舊知識之間的聯(lián)系，并把新知識納入自己已有的學(xué)科知識結(jié)構(gòu)，使知識成為自己的。瑞士教育心理學(xué)家皮亞杰也提出“學(xué)習(xí)是一種能動建構(gòu)的過程”，他提出學(xué)習(xí)并不是個體獲得越來越多外部信息的過程，而是學(xué)到越來越多有關(guān)他們認(rèn)識事物的程序，即建構(gòu)新的認(rèn)知圖式。只有學(xué)生在解決問題時能將知識同化到自己已有的認(rèn)知圖式中，知識才不會很快被遺忘，但這種同化只有在學(xué)生積極參與建構(gòu)時才有可能發(fā)生。認(rèn)知方面的積極參與，并不意味學(xué)生僅僅是擺弄某種材料，而是必須在心理上積極參與才行。所以，在信息技術(shù)課堂上需要這種共鳴，需要教師為學(xué)生提供這種能使課堂活躍起來、使知識聯(lián)系起來的軟件拓展功能。正如本文提到的Photoshop自帶的IR軟件，使學(xué)生認(rèn)識到，信息技術(shù)課堂不只是學(xué)習(xí)某軟件的簡單應(yīng)用，更要會使用所學(xué)去處理加工信息，使之為自己服務(wù)。

（作者單位：山東省淄博市淄川職教中心）