flashcs6教程7

1、創(chuàng)建元件既可以創(chuàng)建一個(gè)空元件，然后在元件編輯模式下制作或?qū)雰?nèi)容，也可以在舞臺(tái)上選定對(duì)象后，將其轉(zhuǎn)換成元件。本節(jié)以繪制火車(chē)頭為例進(jìn)行介紹，先繪制出火車(chē)頭圖形，然后將其轉(zhuǎn)換為元件，具體操作步驟如下。步驟1 在Flash窗口中新建“火車(chē).fla”文檔，然后在工具箱中單擊“矩形工具”圖標(biāo)，接著在“屬性”面板中設(shè)置筆觸顏色為“#000000”，填充顏色為“無(wú)”，筆觸大小為1，如圖7-1所示。步驟2 在舞臺(tái)中繪制矩形，接著使用選擇工具調(diào)整矩形邊框，使四條邊框向外凸出，如圖7-2所示。步驟3 假設(shè)矩形是火車(chē)頭前蓋的右視圖，需要將其傾斜，方法是選中矩形，然后按Ctrl+T組合鍵打開(kāi)“變形”面板，接著在面板中

2、選中“傾斜”單選按鈕，并設(shè)置水平傾斜角度為30，垂直傾斜角度為15，傾斜后的效果如圖7-3所示。步驟4 在“時(shí)間軸”面板中新建圖層2，然后繪制一個(gè)矩形，并使用選擇工具調(diào)整其形狀，接著在“變形”面板中設(shè)置其傾斜角度，再移動(dòng)其位置，使其一條邊與圖層1中的大矩形部分重合，如圖7-4所示。步驟5 在工具箱中單擊“線(xiàn)條工具”圖標(biāo)，然后在“屬性”面板中設(shè)置筆觸顏色為“#000000”，筆觸大小為1，接著在第二個(gè)矩形中繪制一條斜線(xiàn)，并使用選擇工具調(diào)出小弧度，完成火車(chē)前蓋擋風(fēng)玻璃的制作，如圖7-5所示。圖7-1 新建“火車(chē).fla”文檔圖7-2 調(diào)整矩形邊框圖7-3 調(diào)整矩形傾斜角度圖7-4 制作另一個(gè)傾斜的

3、矩形圖形圖7-5 繪制一條斜線(xiàn)步驟6 在“時(shí)間軸”面板中新建圖層3，并隱藏圖層1和圖層2，然后使用矩形工具在舞臺(tái)中繪制矩形，并使用選擇工具調(diào)整其外觀，接著在“變形”面板中選中“傾斜”單選按鈕，并設(shè)置水平傾斜角度為30，垂直傾斜角度為15，結(jié)果如圖7-6所示。步驟7 在“時(shí)間軸”面板中取消隱藏圖層1，然后移動(dòng)新繪制的矩形使其靠近圖層1中的矩形，如圖7-7所示。步驟8 將新矩形看作火車(chē)頭的頂蓋，使用選擇工具調(diào)整矩形的邊框，使兩個(gè)矩形具有立體效果，如圖7-8所示。步驟9 在“時(shí)間軸”面板中新建圖層4，然后以火車(chē)頭頂蓋矩形的右上角為起點(diǎn)，使用線(xiàn)條工具繪制垂直直線(xiàn)，以火車(chē)頭前蓋矩形右下角為起點(diǎn)，繪制斜線(xiàn)

4、交于垂直直線(xiàn)，如圖7-9所示。再使用選擇工具調(diào)整斜線(xiàn)弧度。圖7-6 制作傾斜矩形圖7-7 調(diào)整新繪制的矩形的位置步驟10 使用矩形工具繪制矩形，然后使用選擇工具調(diào)整矩形上下邊框線(xiàn)的弧度，將其看作火車(chē)頭上的簡(jiǎn)易門(mén)如圖7-10所示。步驟11 選中新繪制的矩形，按Ctrl+C組合鍵復(fù)制矩形，按Ctrl+V組合鍵粘貼矩形，然后將復(fù)制的矩形調(diào)小，并將其看作火車(chē)頭門(mén)上的玻璃窗置于大矩形中間，接著選中兩個(gè)矩形，并打開(kāi)“變形”面板，在“變形”面板中選中“傾斜”單選按鈕，并設(shè)置“水平傾斜”為1，垂直傾斜為-8，如圖7-11所示。步驟12 在工具箱中單擊“橡皮擦工具”圖標(biāo)，并設(shè)置橡皮擦形狀，接著將火車(chē)頭頂蓋和前蓋

5、相交處的線(xiàn)條擦除，如圖7-12所示。步驟13 使用選擇工具選中所有圖形，然后使用任意變形工具將圖形等比例縮小，如圖7-13所示。圖7-8 使用選擇工具調(diào)整新矩形的邊框圖7-9 使用線(xiàn)條工具繪制線(xiàn)條圖7-10 繪制火車(chē)頭上的簡(jiǎn)易門(mén)圖形圖7-11 繪制火車(chē)頭門(mén)上的玻璃窗圖7-12 使用橡皮擦工具擦除線(xiàn)條圖7-13 使用任意變形工具縮小圖形步驟14 由于這里要繪制的是動(dòng)車(chē)組列車(chē)的火車(chē)頭，右視圖看到的前蓋應(yīng)該是上寬下窄，因此需要調(diào)整前蓋矩形的下邊框線(xiàn)寬度，方法是使用選擇工具先將縮小后的圖形向舞臺(tái)右上方移動(dòng)，接著拖到前蓋矩形(即在圖層2中繪制的傾斜距形)右下角，讓矩形下邊框變短，效果如圖7-14所示。步

6、驟15 在“時(shí)間軸”面板中新建圖層5，然后使用橢圓工具繪制橢圓，并打開(kāi)“變形”面板，接著選中“旋轉(zhuǎn)”單選按鈕，并設(shè)置旋轉(zhuǎn)角度為“18”，再將其移動(dòng)到前蓋矩形的下邊框上，使前蓋矩形左右兩側(cè)的邊框線(xiàn)看起來(lái)像是橢圓圖形的兩條切線(xiàn)，如圖7-15所示。步驟16 使用選擇工具調(diào)整前蓋矩形下邊框線(xiàn)的弧度。接著使用線(xiàn)條工具再繪制一條斜線(xiàn)，效果如圖7-16所示。圖7-14 調(diào)整前蓋矩形下邊框線(xiàn)寬度圖7-15 繪制橢圓步驟17 使用選擇工具調(diào)整新繪制的斜線(xiàn)的弧度，然后使用橡皮擦工具擦除兩弧線(xiàn)之間的橢圓圖形的邊框線(xiàn)，效果如圖7-17所示。步驟18 在“時(shí)間軸”面板中新建圖層6，并隱藏圖層5，然后在工具箱中單擊“矩形

7、工具”圖標(biāo)，并在“屬性”面板中設(shè)置樣式為“虛線(xiàn)”，接著在舞臺(tái)中繪制矩形，并在“變形”面板中設(shè)置其水平傾斜角度為-15，垂直傾斜角度為-5，如圖7-18所示。步驟19 使用選擇工具移動(dòng)虛線(xiàn)矩形，并調(diào)整邊框外形。然后取消隱藏圖層5，并調(diào)整火車(chē)頭左側(cè)底部的弧線(xiàn)，將其連接到虛線(xiàn)矩形的右下角，接著從該點(diǎn)出發(fā)，繪制斜線(xiàn)段至前蓋矩形的右下角，再調(diào)整線(xiàn)段弧度，如圖7-19所示。步驟20 使用矩形工具再繪制一個(gè)虛線(xiàn)矩形，然后在“變形”面板中設(shè)置其大小和傾斜角度，接著移動(dòng)其位置，使其上邊框線(xiàn)與第一個(gè)虛線(xiàn)矩形的下邊框線(xiàn)重合，制作火車(chē)頭尖頭下方的陰影部分，如圖7-20所示。圖7-16 調(diào)整前蓋矩形下邊框線(xiàn)的弧度圖7-

8、17 使用選擇工具調(diào)整新斜線(xiàn)的弧度圖7-18 繪制虛線(xiàn)矩形圖7-19 移動(dòng)虛線(xiàn)矩形位置圖7-20 制作火車(chē)頭尖頭下方的陰影部分步驟21 延長(zhǎng)火車(chē)頭門(mén)右側(cè)的垂直線(xiàn)，然后以第二個(gè)虛線(xiàn)矩形右下角為起點(diǎn)，沿底部邊框線(xiàn)方向向垂直線(xiàn)畫(huà)線(xiàn)段，繪制火車(chē)頭左側(cè)底邊部分。再使用橡皮擦工具擦除垂直線(xiàn)多余部分，效果如圖7-21所示。步驟22使用矩形工具繪制矩形，并使用選擇工具調(diào)整矩形左、上、右三條邊框線(xiàn)外形，然后刪除矩形下邊框線(xiàn)，選中另三條邊框線(xiàn)，接著在“變形”面板中選中“旋轉(zhuǎn)”單選按鈕，并設(shè)置旋轉(zhuǎn)角度為“-18”，再將其移動(dòng)到火車(chē)頭左側(cè)第二條底邊線(xiàn)上方，制作火車(chē)頭左側(cè)的車(chē)輪，如圖7-22所示。步驟23 在“時(shí)間軸”

9、面板中新建圖層7，然后使用線(xiàn)條工具繪制一個(gè)傾斜著的三角形，接著使用選擇工具調(diào)整其形狀，制作火車(chē)頭上面的車(chē)燈，如圖7-23所示。步驟24 復(fù)制繪制的車(chē)燈圖形，然后在“變形”面板中設(shè)置作為右車(chē)燈的圖形垂直傾斜180，接著在車(chē)頭頂蓋中調(diào)整兩燈的位置和大小，如圖7-24所示。圖7-21 繪制火車(chē)頭左側(cè)底邊部分圖7-22 制作火車(chē)頭左側(cè)的車(chē)輪圖7-23 使用線(xiàn)條工具繪制三角形圖7-24 制作火車(chē)頭前頭的車(chē)燈圖7-25 繪制擋風(fēng)玻璃上的刷子圖7-26 使用鋼筆工具描圖步驟25 在工具箱中單擊“線(xiàn)條工具”圖標(biāo)，設(shè)置筆觸大小為3，然后在前蓋擋風(fēng)玻璃上繪制兩條傾斜的線(xiàn)條代表?yè)躏L(fēng)玻璃上的刷子，如圖7-25所示。至

10、此，動(dòng)車(chē)組列車(chē)的火車(chē)頭的輪廓基本制作完成，下面給車(chē)頭填充顏色。步驟26 在“時(shí)間軸”面板中新建圖層8，并鎖定其他圖形。接著使用鋼筆沿火車(chē)頭左側(cè)形狀描圖，形成封閉圖形，如圖7-26所示，再使用選擇工具調(diào)整圖形邊框，使其與所描圖形完全重合。步驟27 由于現(xiàn)在的動(dòng)車(chē)組列車(chē)大都是白色的，因此在給車(chē)頭上色時(shí)需要更換舞臺(tái)顏色，例如換成淺灰色，方法是在“屬性”面板中展開(kāi)“屬性”子面板，接著單擊“舞臺(tái)”選項(xiàng)右側(cè)的顏色模塊，在彈出的菜單中單擊“淺灰色”(#CCCCCC)圖標(biāo)即可，如圖7-27所示。步驟29 使用類(lèi)似方法對(duì)火車(chē)頂蓋和前蓋描圖，并填充顏色，效果如圖7-29所示。步驟30 在“時(shí)間軸”面板中單擊圖層8

11、右側(cè)的實(shí)心方形圖標(biāo)，使其顯示為輪廓，此時(shí)實(shí)心方形變成空心方形了。接著使用鋼筆工具對(duì)門(mén)描圖，如圖7-30所示。步驟31 在“時(shí)間軸”面板中單擊圖層8右側(cè)的空心方形圖標(biāo) ，接著換一種填充顏色(#F7F7F7)，對(duì)門(mén)圖形進(jìn)行填充，效果如圖7-31所示。步驟32 使用類(lèi)似方法，先在圖層8顯示為輪廓的情況下對(duì)火車(chē)頭前蓋上的擋風(fēng)玻璃和燈以及左側(cè)門(mén)上的玻璃窗描圖，然后在“屬性”面板中設(shè)置顏料桶工具的填充顏色為“藍(lán)色”(#204DFF)，接著取消圖層8顯示為輪廓，分別在擋風(fēng)玻璃、燈和玻璃窗圖形上單擊進(jìn)行顏色填充，效果如圖7-32所示。步驟28 在工具箱中單擊“顏料桶工具”圖標(biāo)，并在“屬性”面板中設(shè)置填充顏色為

12、“白色”(#FFFFFF)，接著在舞臺(tái)中單擊鋼筆描制的圖形，填充火車(chē)頭左側(cè)顏色，效果如圖7-28所示。圖7-27 更換舞臺(tái)顏色圖7-28 填充火車(chē)頭左側(cè)顏色圖7-29 填充火車(chē)頭頂蓋和前蓋顏色圖7-30 使圖層8顯示為輪廓圖7-31 填充門(mén)圖形圖7-32 設(shè)置車(chē)頭上的玻璃顏色圖7-33 查看火車(chē)頭上色后的效果步驟33 使用類(lèi)似方法，設(shè)置火車(chē)頭其他部分的顏色，最終效果如圖7-33所示。步驟34 選中火車(chē)頭圖形中的線(xiàn)條，然后使用工具箱中的“筆觸顏色”工具設(shè)置線(xiàn)條顏色為“灰白色”(#DBDBDB)，效果如圖7-34所示。圖7-34 設(shè)置圖形的線(xiàn)條顏色步驟35 按Ctrl+A組合鍵選中整個(gè)火車(chē)頭圖形，

13、然后按F8鍵打開(kāi)“轉(zhuǎn)換為元件”對(duì)話(huà)框，在“名稱(chēng)”文本框中輸入元件名稱(chēng)，并設(shè)置元件類(lèi)型為“影片剪輯”，再單擊“確定”按鈕，如圖7-35所示。圖7-35 “轉(zhuǎn)換為元件”對(duì)話(huà)框火車(chē)頭制作完成并保存為元件后，可以將其他圖層刪除，然后在圖層1中插入火車(chē)頭元件，接著火車(chē)頭繪制火車(chē)廂，具體操作步驟如下。像繪制火車(chē)頭一樣，火車(chē)廂由線(xiàn)條、矩形、三角形等幾何圖形組合而成，因?yàn)榕c火車(chē)頭相連，只需要繪制第一節(jié)火車(chē)廂的頂蓋和左側(cè)面即可，如圖7-36所示。將繪制的第一節(jié)火車(chē)廂保存為“車(chē)廂”圖形元件，然后使用該元件，借助選擇工具和“變形”面板，繪制其余車(chē)廂，最終效果如圖7-37所示。圖7-36 繪制第一節(jié)火車(chē)廂圖7-37

14、繪制其余火車(chē)廂一列火車(chē)從遠(yuǎn)處駛來(lái)，列車(chē)是逐漸顯示出來(lái)的。為此，下面就逐節(jié)設(shè)置火車(chē)廂的透明度，制作火車(chē)廂的漸隱漸顯效果，具體操作步驟如下。步驟1 在“火車(chē).fla”文件窗口中按Ctrl+A組合鍵選中所有圖形，并按Ctrl+X組合鍵剪切圖形。步驟2 在“時(shí)間軸”面板中選擇圖層1，然后按Ctrl+V組合鍵粘貼圖形，并將粘貼的圖形移動(dòng)到舞臺(tái)中間，接著在“時(shí)間軸”面板中刪除其余圖層，如圖7-38所示。步驟3 假設(shè)列車(chē)的火車(chē)頭已完全顯示，設(shè)置第一節(jié)火車(chē)廂的透明度為90%，方法是單擊第一節(jié)車(chē)廂，然后在“屬性”面板中的“色彩效果”子面板中，從“樣式”下拉列表框中選擇Alpha選項(xiàng)，如圖7-39所示。圖7-38

15、 將所有圖形移動(dòng)到同一圖層中圖7-39 設(shè)置色彩效果步驟4 這時(shí)在“色彩效果”子面板中將會(huì)出現(xiàn)“Alpha”設(shè)置項(xiàng)，調(diào)整其值為90，如圖7-40所示。步驟5 使用類(lèi)似方法，逐節(jié)設(shè)置其余火車(chē)廂的Alpha值，最后一節(jié)車(chē)廂的Alpha值設(shè)為20，如圖7-41所示。圖7-40 設(shè)置第一節(jié)車(chē)廂的透明度圖7-41 設(shè)置最后一節(jié)車(chē)廂的透明度圖7-42 預(yù)覽火車(chē)廂漸隱漸顯效果步驟6 按Ctrl+S組合鍵保存設(shè)置，再按Ctrl+Enter組合鍵在打開(kāi)的窗口中預(yù)覽設(shè)置效果，如圖7-42所示。圖7-43 選擇“轉(zhuǎn)換為元件”命令圖7-44 “轉(zhuǎn)換為元件”對(duì)話(huà)框大家都知道，火車(chē)需要行駛在車(chē)軌上。下面就來(lái)介紹如何制作火

16、車(chē)車(chē)軌，具體操作步驟如下。步驟1 在舞臺(tái)中選中火車(chē)圖形并右擊，從彈出的菜單中選擇“轉(zhuǎn)換為元件”命令，如圖7-43所示。步驟2 彈出“轉(zhuǎn)換為元件”對(duì)話(huà)框，設(shè)置元件名稱(chēng)和類(lèi)型，再單擊“確定”按鈕，如圖7-44所示。步驟3 在“屬性”面板中調(diào)整舞臺(tái)高度為300像素，然后在“時(shí)間軸”面板中新建圖層2，接著根據(jù)列車(chē)彎曲情況繪制如圖7-45所示的弧線(xiàn)。步驟4 在“時(shí)間軸”面板中鎖定圖層1和圖層2，并隱藏圖層1，然后新建圖層3，接著在工具箱中單擊“矩形工具”圖標(biāo)，并在“屬性”面板中設(shè)置筆觸顏色為“無(wú)”，填充顏色為“褐色”(#993300)，再在舞臺(tái)中繪制矩形圖形(為了便于查看，這里將舞臺(tái)顏色調(diào)整為白色)，如

17、圖7-46所示。圖7-45 繪制弧線(xiàn)圖7-46 繪制矩形步驟5 使用選擇工具選中剛繪制的矩形，按Ctrl+T組合鍵打開(kāi)“變形”面板，通過(guò)調(diào)整旋轉(zhuǎn)角度和傾斜角度調(diào)整矩形圖形的三維效果，結(jié)果如圖7-47所示。步驟6 向左下角移動(dòng)矩形圖形，使其中心點(diǎn)在弧線(xiàn)上，效果如圖7-48所示。步驟7 按Ctrl+C組合鍵復(fù)制矩形圖形，按Ctrl+V組合鍵粘貼矩形圖形，接著在“變形”面板中略微縮小新復(fù)制的矩形圖形，并將圖形旋轉(zhuǎn)-3，再移動(dòng)圖形位置，效果如圖7-49所示。步驟8 使用類(lèi)似方法繼續(xù)復(fù)制調(diào)整矩形圖形，并按圖層2中的弧線(xiàn)趨勢(shì)排列這些矩形，效果如圖7-50所示。圖7-47 調(diào)整矩形圖形的三維效果圖7-48

18、移動(dòng)矩形圖形圖7-49 調(diào)整復(fù)制的矩形圖形圖7-50 繼續(xù)復(fù)制調(diào)整矩形圖7-51 繪制封閉長(zhǎng)條圖7-52 選擇“復(fù)制圖層”命令步驟11 解鎖復(fù)制的圖層，然后單擊第1幀以選中該幀在舞臺(tái)中對(duì)應(yīng)的圖形，將其沿左上方向略微移動(dòng)，如圖7-53所示。步驟12 按Ctrl+T組合鍵打開(kāi)“變形”面板，設(shè)置圖形旋轉(zhuǎn)角度為3，效果如圖7-54所示。步驟13 在工具箱中單擊“顏料桶工具”圖標(biāo)，并在“屬性”面板中設(shè)置填充顏色為“灰色”(#666666)，接著在舞臺(tái)中填充圖層4及復(fù)制圖層中的圖形，設(shè)置火車(chē)軌跡，效果如圖7-55所示。步驟9 在“時(shí)間軸”面板中鎖定圖層3，并新建圖層4，然后使用線(xiàn)條工具在舞臺(tái)中繪制如圖7-51所示的封閉長(zhǎng)條。步驟10 在“時(shí)間軸”面板中鎖定圖層4并右擊，從彈出的快捷菜單中選擇“復(fù)制圖層”命令，如圖7-52所示。圖7-53 移動(dòng)復(fù)制圖層中的圖形位置圖7-54 “變形”面板圖7-55 填充火車(chē)軌跡顏色圖7-56 按制作的軌跡調(diào)整圖層3中的矩形圖形步驟14 取消鎖定圖層3，然后借助“變形”面板調(diào)整火車(chē)軌跡下方的矩形圖形，最終效果如圖7-56所示。圖7-57 “轉(zhuǎn)換為元件”對(duì)話(huà)框