探討“矢量圖形制作”課程的教學(xué)案例設(shè)計(jì)

藍(lán)凌敬

上海信息技術(shù)學(xué)校，上海 200331

近年來數(shù)字藝術(shù)熱潮席卷了全球。數(shù)字技術(shù)的創(chuàng)新性打破了傳統(tǒng)束縛，給藝術(shù)作品的創(chuàng)作提供了新穎的表現(xiàn)形式，同時(shí)藝術(shù)作品的數(shù)字化傳播更迎來了氣勢磅礴的數(shù)字媒體時(shí)代。廣大青少年對數(shù)字媒體行業(yè)趨之若鶩，各大院校也紛紛開設(shè)數(shù)字媒體技術(shù)專業(yè)。然而目前大多數(shù)院校的數(shù)字媒體專業(yè)隸屬計(jì)算機(jī)學(xué)科，如果仍采用傳統(tǒng)計(jì)算機(jī)學(xué)科的課程設(shè)計(jì)顯然是不合理的，數(shù)字媒體專業(yè)的課程設(shè)計(jì)是需要結(jié)合技術(shù)與藝術(shù)全盤考慮的。《矢量圖形制作》作為數(shù)字媒體技術(shù)專業(yè)中的一門重點(diǎn)課程，兼具技術(shù)與藝術(shù)的雙重要求，其課程的教學(xué)設(shè)計(jì)具有典型參考意義，對其他課程設(shè)計(jì)具有借鑒作用。

在此就以案例“升國旗”為例，嘗試探討“矢量圖形制作”課程的教學(xué)案例設(shè)計(jì)特點(diǎn)，以期對其他數(shù)字媒體專業(yè)課程的設(shè)計(jì)有所啟示。該案例為矢量圖形制作課程的初期階段案例，主要內(nèi)容為學(xué)習(xí)工具欄中幾何工具組的使用方法以及顏色工具、對齊網(wǎng)格、智能參考線等的使用方法。主要成果是一幅“升國旗”的平面作品。

1 用三維目標(biāo)構(gòu)建案例

在中高職及本科的專業(yè)教學(xué)中，教師的任務(wù)是為學(xué)生的職業(yè)生涯打下扎實(shí)基礎(chǔ)，讓學(xué)生成為適應(yīng)社會發(fā)展、具備良好職業(yè)素養(yǎng)、擁有扎實(shí)知識與技能的人才。而實(shí)現(xiàn)這個(gè)目標(biāo)絕非一朝一夕，需要教師精耕細(xì)作、點(diǎn)滴積累、聚沙成塔。

三維目標(biāo)，指的就是知識、技能、情感三個(gè)維度的目標(biāo)。數(shù)字媒體的教學(xué)一般都采用案例教學(xué)或項(xiàng)目教學(xué)的方法。用三維目標(biāo)來構(gòu)建案例，就是要求在一個(gè)案例中要盡可能融合知識、技能和情感的教育，而不僅僅是單純的知識或技能。

llustrator 的工具箱中有一個(gè)幾何工具組，展開后分別是矩形、圓角矩形、多邊形、星形等。能熟練使用幾何工具繪制幾何圖形，是初學(xué)矢量圖形工具時(shí)必需掌握的內(nèi)容，也是本次課的核心目標(biāo)。如果僅僅以這幾個(gè)工具的使用為教學(xué)目標(biāo)，將案例設(shè)計(jì)為“畫一只蝴蝶”、“畫一只甲殼蟲”或者“畫一堆積木”即可。講解工具的使用方法并讓學(xué)生繪制出有一定意義的圖畫，知識和技能的要求都達(dá)到了。但進(jìn)一步考慮到情感教育，則還有所欠缺。

如果將矩形、星形、圓形等形狀能有機(jī)結(jié)合起來，組成一幅包含五星紅旗迎著太陽升起的“升國旗”圖畫，那豈不是更具有愛國主義情懷？實(shí)際的教學(xué)反饋也告訴我們，學(xué)生們雖然天天參加升國旗的儀式，但能畫好國旗的還真不多，因此在教學(xué)中融入這樣的愛國主義教育是很有必要也很有意義的。于是，將“認(rèn)識和使用幾何工具組”作為知識與技能目標(biāo)，將“愛國主義精神”教育作為情感目標(biāo)，一堂案例實(shí)踐課程就完美地構(gòu)建起來了。

當(dāng)然，一個(gè)案例的知識與技能并非只有一個(gè)，情感教育也不唯一。根據(jù)案例特點(diǎn)，繼續(xù)挖掘，我們還可以挖掘出“科學(xué)精神”、“實(shí)事求是態(tài)度”等。教師需要根據(jù)學(xué)生的具體情況設(shè)計(jì)安排教學(xué)目標(biāo)，在教學(xué)過程中潛移默化地影響學(xué)生的知識技能及態(tài)度。

這樣一個(gè)深入淺出的案例，它的效果也是三維的。學(xué)生能掌握各種幾何圖形的繪制方法，對計(jì)算機(jī)軟件技能有了新認(rèn)識，同時(shí)對國旗的設(shè)計(jì)理念及繪制標(biāo)準(zhǔn)也留下了印象深刻，相信以后他們在面對國旗的時(shí)候更能產(chǎn)生認(rèn)同感與親切感，愛國主義精神油然而生。

為了培養(yǎng)更多具有扎實(shí)的專業(yè)基礎(chǔ)與美好的人文素養(yǎng)的全面人才，數(shù)字媒體專業(yè)的教師在設(shè)計(jì)案例時(shí)就應(yīng)該以構(gòu)建 “知識、技能、情感”三維目標(biāo)為要點(diǎn)，設(shè)計(jì)出形式多樣、內(nèi)容豐富、蘊(yùn)含營養(yǎng)的案例。

2 用開放式任務(wù)引導(dǎo)學(xué)生

用開放式任務(wù)引導(dǎo)學(xué)生，就是要讓學(xué)生大膽發(fā)揮創(chuàng)意，自由發(fā)揮個(gè)性，為作品添加藝術(shù)生命力。

作為數(shù)字媒體工作者，僅僅掌握嫻熟的計(jì)算機(jī)技能是不夠的，還需要有藝術(shù)創(chuàng)新的思維。因此在教學(xué)案例的設(shè)計(jì)中，應(yīng)該包含可以讓學(xué)生自由發(fā)揮的開放式任務(wù)。在“升國旗”案例中，學(xué)生必須規(guī)范繪制的是五星紅旗及太陽，而陪襯的環(huán)境部分就可以設(shè)計(jì)成為能自由發(fā)揮的開放式任務(wù)。學(xué)生充分發(fā)揮藝術(shù)創(chuàng)想，可能將環(huán)境設(shè)計(jì)為學(xué)校、城市、天安門廣場等等。即便每個(gè)學(xué)生都將“學(xué)校”作為環(huán)境，但制出來的效果也是各有千秋的（如圖1、2）。只要他們掌握了幾何圖形的繪制方法，怎么拼湊和搭配就由他們?nèi)?chuàng)意好了。

圖1

圖 2

另外學(xué)生掌握了課內(nèi)案例的技能，課后拓展作業(yè)就可以給學(xué)生布置“命題作品”。“命題作品”就是教師指定題目，學(xué)生圍繞題目進(jìn)行創(chuàng)意和設(shè)計(jì)的作品。比如“我愛北京天安門”、“童話城堡”、“未來城市”等等。這樣更能充分發(fā)揮學(xué)生的創(chuàng)意和能動性，也可以檢驗(yàn)學(xué)生是否真正學(xué)到了技能，具備了舉一反三的本領(lǐng)。

當(dāng)然，自由發(fā)揮并不等于放任不管。開放式任務(wù)其實(shí)比限定任務(wù)更考驗(yàn)教師的能力。因此教師也需要夯實(shí)藝術(shù)基礎(chǔ)，將美術(shù)規(guī)律引入課堂，對學(xué)生的創(chuàng)意作品做出中肯點(diǎn)評，給出四兩撥千斤的建議。

針對一些美術(shù)基礎(chǔ)薄弱的學(xué)生，老師可以適當(dāng)補(bǔ)充些色彩構(gòu)成的基礎(chǔ)知識。比如可以讓學(xué)生用矢量圖形軟件繪制色彩構(gòu)成的作品，這其實(shí)是非常有意思的事情，因?yàn)樵谲浖欣L制圖形和填色都很容易，比傳統(tǒng)紙質(zhì)作品更省時(shí)省力。學(xué)生一邊體會軟件的強(qiáng)大作用，一邊就吸收了色彩構(gòu)成的知識。

當(dāng)然教學(xué)的形式是靈活多變的，唯其核心“為了學(xué)生”是不變的。教師要充分認(rèn)識和了解學(xué)生的情況然后進(jìn)行教學(xué)設(shè)計(jì)。尤其數(shù)字媒體專業(yè)的學(xué)生，沒有經(jīng)過系統(tǒng)的美術(shù)訓(xùn)練，藝術(shù)創(chuàng)意比較薄弱，但沒有藝術(shù)設(shè)計(jì)成分的作品終究是沒有生命力的，因此保護(hù)和啟發(fā)學(xué)生的藝術(shù)創(chuàng)想是教師非常重要的任務(wù)。數(shù)字媒體專業(yè)的教師需要針對性地設(shè)計(jì)限定任務(wù)和開放式任務(wù)，既保證必備知識與技能的掌握，也引導(dǎo)學(xué)生開發(fā)藝術(shù)創(chuàng)新思維。

3 將科學(xué)精神融入課堂

藝術(shù)與科學(xué)似乎不太有關(guān)系，但其實(shí)藝術(shù)也需要科學(xué)精神的支持。沒有章法的藝術(shù)也不成為藝術(shù)。數(shù)字媒體專業(yè)的部分學(xué)生剛開始接觸藝術(shù)創(chuàng)藝的時(shí)候，很容易“走火入魔”，繪制的作品天馬行空、無人能懂。為了避免這種情況的發(fā)生，教師需要給學(xué)生灌輸“科學(xué)精神”。“科學(xué)精神”就是要遵守客觀事物的規(guī)律，尤其在數(shù)字媒體作品中對一些嚴(yán)謹(jǐn)?shù)念}材要以嚴(yán)謹(jǐn)?shù)膽B(tài)度和規(guī)范的技術(shù)來表達(dá)。

在“升國旗”的案例中畫國旗看似簡單，其實(shí)并不簡單。就五角星而言，系統(tǒng)默認(rèn)的幾何工具畫出來的并非正五角星。但是國旗上五角星的大小和角度都是有一定要求的，學(xué)生很難畫出標(biāo)準(zhǔn)的圖形來。因此老師要針對學(xué)生的作品進(jìn)行點(diǎn)評分析，引導(dǎo)學(xué)生觀察和思考。

較好的辦法是教師引導(dǎo)學(xué)生通過查閱資料一起了解國旗的設(shè)計(jì)理念和繪制標(biāo)準(zhǔn)。學(xué)生自己查閱資料很有意義，能夠培養(yǎng)獨(dú)立自主、解決問題的能力。如果學(xué)生總是被動地接受老師宣講的標(biāo)準(zhǔn)答案，學(xué)習(xí)的積極性不高，甚至?xí)B(yǎng)成依賴思想。而親自實(shí)踐，尋找解決問題的方法本身就是一種科學(xué)的工作方法和精神。

通過查閱資料，我們可以得知1949年中國人民政治協(xié)商會議《關(guān)于中華人民共和國國都、紀(jì)年、國歌、國旗的決議》和政協(xié)主席團(tuán)通過的國旗圖案的初稿法規(guī)定：中華人民共和國國旗為五星紅旗，長方形，紅色象征革命，其長與高為三與二之比，旗面左上方綴黃色五角星五顆，象征共產(chǎn)黨領(lǐng)導(dǎo)下的革命大團(tuán)結(jié)，星用黃色象征紅色大地上呈現(xiàn)光明。一星較大，其外接圓直徑為旗高3/10，居左；四星較小，其外圓直徑為旗高1/10，環(huán)拱于大星之右側(cè)，并各有一個(gè)角尖正對大星的中心點(diǎn)，表達(dá)億萬人民心向偉大的中國共產(chǎn)黨，如似眾星拱北辰。

可見五角星的形狀、位置、大小和角度都需要嚴(yán)格按照標(biāo)準(zhǔn)繪制。教師由此可以向?qū)W生逐步介紹科學(xué)精神的矢量圖形繪制方法。這種科學(xué)精神一是體現(xiàn)在科學(xué)的設(shè)計(jì)思維，比如說怎樣拆分圖形，圖形繪制的先后順序等；另外就是體現(xiàn)在科學(xué)的工具使用，尤其是“對齊網(wǎng)格”、“智能參考線”等工具的使用對精確繪圖是有很大幫助的。

第一步、 使用“對齊網(wǎng)格”功能做好繪圖準(zhǔn)備。在菜單“編輯”—“首選項(xiàng)”中設(shè)定好網(wǎng)格大小（若在A4 紙張上繪制，可以把每個(gè)小網(wǎng)格設(shè)定為5mm），使用菜單“視圖” —“對齊網(wǎng)格”功能，就可以輕松會出基本底稿。

第二步、 使用 “智能參考線”繪制正五角星。

繪制正五角星最“簡單”的方法是通過“等分畫圓”來實(shí)現(xiàn)的：畫一個(gè)正圓，保持“對齊網(wǎng)格”，繪制一條貫穿圓心的垂直線段。使用“旋轉(zhuǎn)+復(fù)制”功能，將線段的旋轉(zhuǎn)角度設(shè)置為72 °（如圖3），再按3 次Ctrl+D 重復(fù)上一步效果，就可以得到其余3 條線段，這樣就有了5 條等分圓周的線段（如圖4）。接下來繪制五角星，繪制的關(guān)鍵在于使用“智能參考線”。在“視圖”菜單下關(guān)閉“對齊網(wǎng)格”功能，打開“智能參考線”功能，使用“鋼筆”工具依次連接5 條線段與圓周的交點(diǎn)。“智能參考線”功能會使鋼筆自動對齊交點(diǎn)，當(dāng)系統(tǒng)提示出高亮的“交集”字樣時(shí)（如圖5），點(diǎn)擊鼠標(biāo)就能準(zhǔn)確地把五角星的頂點(diǎn)繪制到交集上。這樣依次畫出整個(gè)五角星（如圖6）。接下來對五角星填充黃色，并使用“路徑查找器”將五角星合并（如圖7），最后刪除多余線段。

方法二是雙擊星形工具，在跳出的屬性窗口輸入大半徑和小半徑的數(shù)據(jù)，兩個(gè)數(shù)據(jù)之比為2.618，這個(gè)數(shù)據(jù)的來由是五角星內(nèi)三角形的角度正選函數(shù)之比，如果學(xué)生情況較好可以略做拓展講解。

其實(shí)還有方法三，這是Illustrator 軟件特有的操作方法，就是按住shift 和alt 鍵的同時(shí)再繪制五角星。可以通過三個(gè)方法的對比，啟發(fā)學(xué)生進(jìn)行進(jìn)行對比思考，什么情況下采用什么方法。

圖 3

圖 4

圖 5

圖 6

圖7

第三步、 使用“輪廓”視圖輔助排列圖形。將五角星與大圓進(jìn)行編組，打開“對齊網(wǎng)格”，復(fù)制組合對象，移動對象與網(wǎng)格對齊。打開“比例縮放”工具，將小五角星組合縮小到大五角星組合的三分之一（如圖8），并復(fù)制得到另外3 個(gè)小五角星組合（如圖9）。關(guān)閉“對齊網(wǎng)格”，打開“智能參考線”功能，為了便于操作及觀察可以將視圖切換到“輪廓”狀態(tài)（如圖10）。選中1 個(gè)小五角星使用“旋轉(zhuǎn)”工具，先選擇一個(gè)頂點(diǎn)，在“智能參考線”功能提示出高亮的“錨點(diǎn)”或“交點(diǎn)”時(shí)按下鼠標(biāo)選中該點(diǎn)，拖動光標(biāo)到大五角星的中心，拖動過程中小五角星會隨之旋轉(zhuǎn)，當(dāng)出現(xiàn)高亮提示“中心點(diǎn)”時(shí)放開鼠標(biāo)（如圖11），這樣小五角星的頂點(diǎn)就精確指向大五角星中心了。同樣對其他幾個(gè)小五角星進(jìn)行操作（如圖12）。最后刪除每個(gè)五角星外圍的圓形，繪制紅色矩形并置于底層，得到五星紅旗旗面（如圖13）。

圖 8

圖 9

圖10

圖11

圖12

圖13

這個(gè)過程看似復(fù)雜，但是道理簡單：要繪制一個(gè)精確的圖形我們必須使用嚴(yán)格科學(xué)的方法。學(xué)生在該案例中通過網(wǎng)格、對齊、參考線等輔助工具的使用，認(rèn)識到科學(xué)規(guī)范的工作流程，熟悉精確繪制圖形的方法和技巧，這些技能是能受益終身的。藝術(shù)創(chuàng)作也需要科學(xué)精神和嚴(yán)謹(jǐn)?shù)膽B(tài)度。因此教師應(yīng)該在案例設(shè)計(jì)中融入科學(xué)的精神與嚴(yán)謹(jǐn)?shù)膽B(tài)度，提升學(xué)生長遠(yuǎn)的競爭力。

4 結(jié)論

總而言之，教學(xué)設(shè)計(jì)是沒有固定模式的，也無法找到一條放之四海皆準(zhǔn)的法則，每一門課都有其自身的特點(diǎn)，也面臨不同的學(xué)情。但如果在數(shù)字媒體專業(yè)課程的每一個(gè)教學(xué)案例里，教師能夠以三維目標(biāo)來構(gòu)建案例，用開放式任務(wù)引導(dǎo)學(xué)生，將科學(xué)精神融入課堂，學(xué)生必定能獲得強(qiáng)勁的發(fā)展。數(shù)字媒體專業(yè)的教師更應(yīng)該在長期的教學(xué)積累中梳理出經(jīng)典的、有意義的案例，并進(jìn)行整理和反思，以堅(jiān)持不懈的努力去給學(xué)生創(chuàng)造更營養(yǎng)可口的大餐，為學(xué)生的職業(yè)成長和終身發(fā)展盡力。