李小鵬 龔花蘭 張春芳沙洲職業(yè)工學(xué)院 江蘇張家港 215600

?

Flash動(dòng)畫(huà)技術(shù)在織物結(jié)構(gòu)與設(shè)計(jì)課程課件制作中的應(yīng)用——小提花織物構(gòu)圖的Flash動(dòng)畫(huà)模擬

李小鵬 龔花蘭 張春芳
沙洲職業(yè)工學(xué)院 江蘇張家港 215600

摘 要：織物結(jié)構(gòu)與設(shè)計(jì)是紡織專業(yè)的核心課程，涉及織物構(gòu)成時(shí)經(jīng)緯紗線交織方式、形態(tài)結(jié)構(gòu)及其設(shè)計(jì)原理等內(nèi)容。采用Flash制作經(jīng)緯紗線交織方式的模擬動(dòng)畫(huà)，應(yīng)用在織物結(jié)構(gòu)與設(shè)計(jì)課件中，可以極大地提高教學(xué)效率。在此，筆者結(jié)合課程需求,主要研究織物構(gòu)圖時(shí)經(jīng)緯紗線交織模擬系列動(dòng)畫(huà)。

關(guān)鍵詞：Flash動(dòng)畫(huà)；織物結(jié)構(gòu)與設(shè)計(jì)；經(jīng)緯紗線，構(gòu)圖模擬

織物結(jié)構(gòu)與設(shè)計(jì)課程傳統(tǒng)的課堂教學(xué)中，為突出教學(xué)重點(diǎn)，教師要手工繪制組織圖、穿綜圖、穿筘圖和紋板圖來(lái)配合講解。在黑板上手工繪制的圖形質(zhì)量差，效率低，且不環(huán)保。在近幾年的多媒體教學(xué)中，也逐漸利用Excel電子表格和紡織CAD軟件來(lái)繪制組織圖。但是，采用Flash動(dòng)畫(huà)制作織物模擬動(dòng)畫(huà)，用于織物結(jié)構(gòu)與設(shè)計(jì)課程教學(xué)課件中，可以逼真地展示織物構(gòu)圖過(guò)程，有利于增強(qiáng)同學(xué)們對(duì)課程知識(shí)點(diǎn)的理解，能大大提高織物結(jié)構(gòu)與設(shè)計(jì)課程的教學(xué)效率。因此，研究織物構(gòu)圖時(shí)經(jīng)緯紗線交織模擬系列動(dòng)畫(huà)具有實(shí)用價(jià)值。

1 織物結(jié)構(gòu)與設(shè)計(jì)的打樣

采用Flash動(dòng)畫(huà)制作織物模擬動(dòng)畫(huà)前，需要先對(duì)織物結(jié)構(gòu)進(jìn)行打樣?？椢锝Y(jié)構(gòu)與設(shè)計(jì)課程教學(xué)中，教師先教會(huì)學(xué)生用Excel軟件繪制組織圖，具體包括方格紙的設(shè)計(jì)和組織圖的繪制等技術(shù)。已掌握計(jì)算機(jī)基本操作的學(xué)生來(lái)說(shuō)，容易理解，一學(xué)就會(huì)。學(xué)生掌握了這一設(shè)計(jì)技術(shù)后，可以在作業(yè)中應(yīng)用并將作業(yè)以電子版形式上傳到課程網(wǎng)上，也可以在畢業(yè)論文撰寫(xiě)中對(duì)所涉及的圖形應(yīng)用此技巧繪制。

1.1方格紙的設(shè)計(jì)

紡織物中的組織圖、穿綜圖、穿筘圖和紋板圖等都要繪制在方格紙上，只是在方格中填充的符號(hào)含義不同[1]。利用Excel設(shè)計(jì)織物的方法，主要是在使用Excel進(jìn)行設(shè)計(jì)之前，首先將Excel表格設(shè)置成方格紙。具體做法是：打開(kāi)Excel程序，新建一個(gè)Excel表格，調(diào)整整個(gè)工作表的列寬或行高，點(diǎn)擊左上角頂格，拖動(dòng)某列或某行線，即可改變整個(gè)工作表的列寬或行高，形成全部一樣的列寬或行高；或執(zhí)行“格式”下的“列”下的“列寬”命令，打開(kāi)“列寬”命令對(duì)話框，在“列寬”文本框中輸入“2”，最后單擊“確定”按鈕。一張用于設(shè)計(jì)織物組織的方格紙便設(shè)計(jì)完成，可以將此方格紙保存后隨時(shí)調(diào)用。用Excel軟件繪圖工具繪制圖織物結(jié)構(gòu)樣圖既方便又快捷。

1.2紡織物組織圖的繪制

根據(jù)設(shè)計(jì)思路，先確定好組織循環(huán)大小，在方格紙上選取組織循環(huán)區(qū)域，然后點(diǎn)擊“邊框”圖標(biāo)，選取“田”標(biāo)識(shí)，使表格顯示為實(shí)線。根據(jù)織物組織的繪制要求，從左下角第一格開(kāi)始，單擊組織循環(huán)區(qū)域中組織點(diǎn)單元格，然后單擊“填充顏色”(某顏色)，直到繪完整個(gè)組織循環(huán)，一個(gè)織物組織就設(shè)計(jì)完畢。若認(rèn)為設(shè)計(jì)有缺陷或不足，可進(jìn)行修正，將原涂繪的組織點(diǎn)刪除，重新繪制。在大型組織繪制中，若有沉浮規(guī)律相同的組織出現(xiàn)，可使用Excel的復(fù)制、粘貼功能。采取同樣的方法繪制出穿筘圖、穿綜圖和紋板圖等，構(gòu)成一組完整的上機(jī)圖[2]。如圖1所示為使用方格紙?jiān)O(shè)計(jì)的“金利來(lái)”圖標(biāo)的小提花織物結(jié)構(gòu)打樣圖。

圖1　“金利來(lái)”圖標(biāo)織物結(jié)構(gòu)與設(shè)計(jì)樣圖

2 織物構(gòu)圖時(shí)經(jīng)緯紗線交織方式模擬動(dòng)畫(huà)

正如上述所述，用Excel軟件或紡織CAD軟件可以繪制簡(jiǎn)單的組織圖，但是，織物結(jié)構(gòu)與設(shè)計(jì)課程中不僅僅局限于簡(jiǎn)單的組織圖繪制，還要掌握更多精美的圖案設(shè)計(jì)，這就要求學(xué)生學(xué)會(huì)構(gòu)圖技術(shù)并根據(jù)經(jīng)紗和緯紗的走向設(shè)計(jì)出織物的花形[3]。Flash動(dòng)畫(huà)所描述的圖像是矢量圖, 這種矢量圖可以無(wú)級(jí)縮放，易于操作，能勝任簡(jiǎn)單的動(dòng)畫(huà)和復(fù)雜的廣告電影特效, 更適用于制作教學(xué)課件。比如，通過(guò)動(dòng)畫(huà)的展示，可以清楚地表達(dá)出某種織物的構(gòu)圖過(guò)程,使學(xué)生非常直觀、生動(dòng)地了解此種織物的經(jīng)紗和緯紗構(gòu)圖的模擬動(dòng)畫(huà),從而形象地激發(fā)學(xué)生的學(xué)習(xí)興趣, 達(dá)到理想的教學(xué)效果。

2.1經(jīng)紗和緯紗構(gòu)圖的模擬動(dòng)畫(huà)設(shè)計(jì)

一個(gè)好的多媒體課件，不僅要準(zhǔn)確完整地展示織物成圖過(guò)程，還要能表現(xiàn)好織物構(gòu)圖時(shí)紗線的整體效果?？椢锝Y(jié)構(gòu)與設(shè)計(jì)課程多媒體課件需要更進(jìn)一步展示經(jīng)緯紗線的成圖過(guò)程，即需要針對(duì)性地采用動(dòng)畫(huà)制作媒體課件，突出知識(shí)重點(diǎn)和難點(diǎn)。采用Flash軟件制作的模擬動(dòng)畫(huà)，可以使學(xué)生對(duì)不容易觀察到的構(gòu)圖有一個(gè)感性的認(rèn)識(shí)。進(jìn)一步消化知識(shí)的難點(diǎn)內(nèi)容,如圖2所示為“金利來(lái)”圖標(biāo)經(jīng)緯紗線成圖模擬動(dòng)畫(huà)設(shè)計(jì)示意圖。

圖2　“金利來(lái)”圖標(biāo)經(jīng)緯紗線成圖模擬動(dòng)畫(huà)意圖

這個(gè)動(dòng)畫(huà)制作先布局好經(jīng)紗，難點(diǎn)在于制作緯紗的交織動(dòng)畫(huà)。采用的方法是：

(1)在圖層1中：平均間距布局好16根經(jīng)紗，延長(zhǎng)該圖層的時(shí)間幀到第350幀。

(2)建立16根緯紗的庫(kù)元件：根據(jù)機(jī)織過(guò)程中緯紗自上而下的織圖過(guò)程，16根緯紗與經(jīng)紗交織完成后，形成圖1所示的“金利來(lái)”圖標(biāo)。因此，緯紗元件的制作依次倒序從第16根，第15根，第14根……第3根，第2根，第1根。

(3)制作16根緯線自上而下運(yùn)動(dòng)的動(dòng)畫(huà)：在圖層1中先制作第16根緯紗的15幀動(dòng)畫(huà)，延長(zhǎng)該圖層的時(shí)間幀到第350幀；增加圖層，再制作第15根緯紗15幀動(dòng)畫(huà)，延長(zhǎng)該圖層的時(shí)間幀到第 350幀；增加圖層，再制作第14根緯紗15幀動(dòng)畫(huà)；延長(zhǎng)該圖層的時(shí)間幀到第350幀；依次制作直到第1根緯紗15幀動(dòng)畫(huà)完成，延長(zhǎng)該圖層的時(shí)間幀到第350幀。操作過(guò)程中要弄清楚操作對(duì)象所在層及位置,別忘記把其設(shè)置成一定關(guān)鍵幀,否則會(huì)使所改動(dòng)的效果移動(dòng)到上一幀里。時(shí)間軸設(shè)置參照?qǐng)D3所示[4]。再適當(dāng)?shù)卣{(diào)整動(dòng)畫(huà)播放速度,使學(xué)生能反復(fù)播放中觀察到整個(gè)織圖過(guò)程。

圖3　“金利來(lái)”圖標(biāo)經(jīng)緯紗線成圖模擬動(dòng)畫(huà)制作時(shí)間軸上幀的設(shè)計(jì)示意圖

2.2織物構(gòu)圖的多圖形動(dòng)畫(huà)設(shè)計(jì)及處理

通過(guò)上述織物構(gòu)圖的動(dòng)畫(huà)模擬,學(xué)生能很快地掌握經(jīng)緯紗線構(gòu)圖過(guò)程，但媒體課件中常常需要展示更多圖形織圖過(guò)程，比如“雙金利來(lái)”圖標(biāo)，直至“多金利來(lái)”圖標(biāo)。這就要更進(jìn)一步探討Flash動(dòng)畫(huà)在織物結(jié)構(gòu)與設(shè)計(jì)課程中應(yīng)用技術(shù)。比如用Flash動(dòng)畫(huà)技術(shù)制作“雙金利來(lái)”圖標(biāo)需要采用遮罩技術(shù)[5]。具體的技術(shù)步驟：

(1)參考上述“單金利來(lái)”圖標(biāo)動(dòng)畫(huà)過(guò)程，在庫(kù)中新建“單金利來(lái)”圖標(biāo)的影版剪輯元件。

(2)制作遮罩動(dòng)畫(huà)：新建1個(gè)“單金利來(lái)”圖標(biāo)遮罩的影版剪輯元件，在圖層中移入1個(gè)“單金利來(lái)”圖標(biāo)的影版剪輯元件，右擊該圖層添加“遮罩層”，在遮罩層中繪制一個(gè)矩形框。

(3)回到場(chǎng)景中，移入兩個(gè)“單金利來(lái)”圖標(biāo)遮罩的影片剪輯元件，將兩個(gè)“單金利來(lái)”圖標(biāo)遮罩的影版剪輯元件上下對(duì)齊，根據(jù)織圖間隙中間增加幾根垂直方向的經(jīng)紗。

(4)在場(chǎng)景中復(fù)制多個(gè)這樣的雙“金利來(lái)”圖標(biāo)織圖模擬動(dòng)畫(huà)元件，最后制出成品Flash動(dòng)畫(huà)并保存電影文件格式(SWF)的文件。

(5)播放動(dòng)畫(huà)效果，就可以看到雙“金利來(lái)”圖標(biāo)織圖模擬過(guò)程的動(dòng)畫(huà)展示效果。如圖4所示為雙“金利來(lái)”圖標(biāo)經(jīng)緯紗線成圖模擬動(dòng)畫(huà)意圖。至今，織物構(gòu)圖的多圖形織圖模擬動(dòng)畫(huà)設(shè)計(jì)完成，具有織物構(gòu)圖的全真模擬功能。

圖4　雙“金利來(lái)”圖標(biāo)經(jīng)緯紗線成圖模擬動(dòng)畫(huà)意圖

3 結(jié)束語(yǔ)

在織物結(jié)構(gòu)與設(shè)計(jì)課件中使用Flash動(dòng)畫(huà)不但減少了教師上課繪圖時(shí)間，而且學(xué)生不需要上機(jī)打樣，通過(guò)模擬織圖動(dòng)畫(huà)，就可以分辨出織物結(jié)構(gòu)與設(shè)計(jì)的效果。并且采用Flash制作經(jīng)緯紗線交織方式的模擬動(dòng)畫(huà)形美觀又清晰，還可以“顯示比例”放大或縮小的圖形，更具有說(shuō)服力，也更吸引人，能大大地提高教學(xué)效率和教學(xué)質(zhì)量。因此，F(xiàn)lash動(dòng)畫(huà)在織物結(jié)構(gòu)與設(shè)計(jì)課件中的應(yīng)用技術(shù)值得推廣。

參考文獻(xiàn)

[1] 邢聲遠(yuǎn),郭鳳芝.服裝面料與輔料手冊(cè)[M].北京:化學(xué)工業(yè)出版社,2010.

[2] 丁一芳,諸葛振榮.紋織CAD應(yīng)用實(shí)例及織物模擬[M].上海:東華大學(xué)出版社,2010.

[3] 潘鄂菁,楊宏春.針織成圈運(yùn)動(dòng)動(dòng)畫(huà)的制作實(shí)踐[J].武漢紡織工學(xué)院學(xué)報(bào),2009(2):52-57.

[4] 龔花蘭.基于FLASH探究MTV制作的關(guān)鍵技術(shù)[J].電腦學(xué)習(xí),2006(3):55-56.

[5] 龔花蘭.Flash CS6項(xiàng)目驅(qū)動(dòng)教學(xué)做案例教程[M].上海:復(fù)旦大學(xué)出版社,2014.

[6] 白燕. Excel在“織物結(jié)構(gòu)與設(shè)計(jì)”教學(xué)中的應(yīng)用[J].紡織教育,2011(3):219-220.

Application of Flash Animation Technology in Knitting Structure and Design Course ware Making : Flash Animation Simulation of Small Jacquard Knitting’s Composition

Li Xiaopeng, Gong Hualan, Zhang Chunfang
Shazhou Polytechnical Institute of Technology, Zhangjiagang, 215600, China

Abstract:knitting Structure and design is core curriculum of Textile major, involve warp and weft yarn, morphostructure, design philosophy and so on in knitting composition. It apply composition process of Flash making warp and weft yarn to “knitting Structure and design”courseware, can improve teaching efficiency enormously. So author mainly studies series animation of warp and weft yarn in Fabric composition.

Key words:Flash Animation; knitting structure and design; warp knitting and weft knitting; virtual composition

基金項(xiàng)目：江蘇省高等學(xué)校大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計(jì)劃項(xiàng)目(編號(hào)：201511288007Y)。

作者簡(jiǎn)介：李小鵬，在讀本科生。龔花蘭，高級(jí)實(shí)驗(yàn)師。張春芳，本科，副教授。

收稿日期：2015-12-11