Flash動畫技術在織物結構與設計課程課件制作中的應用——小提花織物構圖的Flash動畫模擬

李小鵬 龔花蘭 張春芳沙洲職業工學院 江蘇張家港 215600

?

Flash動畫技術在織物結構與設計課程課件制作中的應用——小提花織物構圖的Flash動畫模擬

李小鵬 龔花蘭 張春芳
沙洲職業工學院 江蘇張家港 215600

摘 要：織物結構與設計是紡織專業的核心課程，涉及織物構成時經緯紗線交織方式、形態結構及其設計原理等內容。采用Flash制作經緯紗線交織方式的模擬動畫，應用在織物結構與設計課件中，可以極大地提高教學效率。在此，筆者結合課程需求,主要研究織物構圖時經緯紗線交織模擬系列動畫。

關鍵詞：Flash動畫；織物結構與設計；經緯紗線，構圖模擬

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

1 織物結構與設計的打樣

采用Flash動畫制作織物模擬動畫前，需要先對織物結構進行打樣。織物結構與設計課程教學中，教師先教會學生用Excel軟件繪制組織圖，具體包括方格紙的設計和組織圖的繪制等技術。已掌握計算機基本操作的學生來說，容易理解，一學就會。學生掌握了這一設計技術后，可以在作業中應用并將作業以電子版形式上傳到課程網上，也可以在畢業論文撰寫中對所涉及的圖形應用此技巧繪制。

1.1方格紙的設計

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

1.2紡織物組織圖的繪制

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

圖1　“金利來”圖標織物結構與設計樣圖

2 織物構圖時經緯紗線交織方式模擬動畫

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

2.1經紗和緯紗構圖的模擬動畫設計

一個好的多媒體課件，不僅要準確完整地展示織物成圖過程，還要能表現好織物構圖時紗線的整體效果。織物結構與設計課程多媒體課件需要更進一步展示經緯紗線的成圖過程，即需要針對性地采用動畫制作媒體課件，突出知識重點和難點。采用Flash軟件制作的模擬動畫，可以使學生對不容易觀察到的構圖有一個感性的認識。進一步消化知識的難點內容,如圖2所示為“金利來”圖標經緯紗線成圖模擬動畫設計示意圖。

圖2　“金利來”圖標經緯紗線成圖模擬動畫意圖

這個動畫制作先布局好經紗，難點在于制作緯紗的交織動畫。采用的方法是：

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

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

(3)制作16根緯線自上而下運動的動畫：在圖層1中先制作第16根緯紗的15幀動畫，延長該圖層的時間幀到第350幀；增加圖層，再制作第15根緯紗15幀動畫，延長該圖層的時間幀到第 350幀；增加圖層，再制作第14根緯紗15幀動畫；延長該圖層的時間幀到第350幀；依次制作直到第1根緯紗15幀動畫完成，延長該圖層的時間幀到第350幀。操作過程中要弄清楚操作對象所在層及位置,別忘記把其設置成一定關鍵幀,否則會使所改動的效果移動到上一幀里。時間軸設置參照圖3所示[4]。再適當地調整動畫播放速度,使學生能反復播放中觀察到整個織圖過程。

圖3　“金利來”圖標經緯紗線成圖模擬動畫制作時間軸上幀的設計示意圖

2.2織物構圖的多圖形動畫設計及處理

通過上述織物構圖的動畫模擬,學生能很快地掌握經緯紗線構圖過程，但媒體課件中常常需要展示更多圖形織圖過程，比如“雙金利來”圖標，直至“多金利來”圖標。這就要更進一步探討Flash動畫在織物結構與設計課程中應用技術。比如用Flash動畫技術制作“雙金利來”圖標需要采用遮罩技術[5]。具體的技術步驟：

(1)參考上述“單金利來”圖標動畫過程，在庫中新建“單金利來”圖標的影版剪輯元件。

(2)制作遮罩動畫：新建1個“單金利來”圖標遮罩的影版剪輯元件，在圖層中移入1個“單金利來”圖標的影版剪輯元件，右擊該圖層添加“遮罩層”，在遮罩層中繪制一個矩形框。

(3)回到場景中，移入兩個“單金利來”圖標遮罩的影片剪輯元件，將兩個“單金利來”圖標遮罩的影版剪輯元件上下對齊，根據織圖間隙中間增加幾根垂直方向的經紗。

(4)在場景中復制多個這樣的雙“金利來”圖標織圖模擬動畫元件，最后制出成品Flash動畫并保存電影文件格式(SWF)的文件。

(5)播放動畫效果，就可以看到雙“金利來”圖標織圖模擬過程的動畫展示效果。如圖4所示為雙“金利來”圖標經緯紗線成圖模擬動畫意圖。至今，織物構圖的多圖形織圖模擬動畫設計完成，具有織物構圖的全真模擬功能。

圖4　雙“金利來”圖標經緯紗線成圖模擬動畫意圖

3 結束語

在織物結構與設計課件中使用Flash動畫不但減少了教師上課繪圖時間，而且學生不需要上機打樣，通過模擬織圖動畫，就可以分辨出織物結構與設計的效果。并且采用Flash制作經緯紗線交織方式的模擬動畫形美觀又清晰，還可以“顯示比例”放大或縮小的圖形，更具有說服力，也更吸引人，能大大地提高教學效率和教學質量。因此，Flash動畫在織物結構與設計課件中的應用技術值得推廣。

參考文獻

[1] 邢聲遠,郭鳳芝.服裝面料與輔料手冊[M].北京:化學工業出版社,2010.

[2] 丁一芳,諸葛振榮.紋織CAD應用實例及織物模擬[M].上海:東華大學出版社,2010.

[3] 潘鄂菁,楊宏春.針織成圈運動動畫的制作實踐[J].武漢紡織工學院學報,2009(2):52-57.

[4] 龔花蘭.基于FLASH探究MTV制作的關鍵技術[J].電腦學習,2006(3):55-56.

[5] 龔花蘭.Flash CS6項目驅動教學做案例教程[M].上海:復旦大學出版社,2014.

[6] 白燕. Excel在“織物結構與設計”教學中的應用[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

基金項目：江蘇省高等學校大學生創新創業訓練計劃項目(編號：201511288007Y)。

作者簡介：李小鵬，在讀本科生。龔花蘭，高級實驗師。張春芳，本科，副教授。

收稿日期：2015-12-11