從圖像加工到動畫制作

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

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

1 制作過程

第一步，將3幅圖片熊貓1、熊貓2、熊貓3依次導入Photoshop（即用Photoshop打開），選取工具箱中的移動工具，將圖片熊貓2、熊貓3依次拖放到已打開的熊貓1圖像窗口中，自動生成包含圖像的圖層（見圖1），將圖層面板中的各層從上至下依次重命名為圖層1、圖層2、圖層3（方法：雙擊圖層名稱，圖層名稱變為高亮藍色，從鍵盤輸入新圖層名稱）。

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

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

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

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

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

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

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

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

2 在具體教學設計中應注意的

幾個問題

2.1 教學目標以生活為導向

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

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

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

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

2.3 借助學習資源與任務單引導小組實踐

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

1）有代表性的作品集（可選用其他班級優秀學生作品集）；各小組的課堂任務。其中小組任務可根據實際的教學情況設計，如校園風情、我的同學、我的班等。

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

3）“ImageReady動畫制作”的范例制作指導。

3 教后反思

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

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