車門flash表現(xiàn)方法和制作實用教案

1、 再將動和不動的分開(fn ki)，不動的都畫在一個圖層里，如下圖。第1頁/共21頁第一頁，共22頁。 可動的元件可以(ky)分為標(biāo)示；車門的左門和右門；俯視車門的左門和右門；活塞。如下圖。標(biāo)示(bio sh)左門右門俯視(fsh)車門的右門俯視車門的左門活塞第2頁/共21頁第二頁，共22頁。 最好把每一個(y )動的元件獨自放在一個(y )圖層，這樣可以方便表示每一個(y )元件的動作。 現(xiàn)在就說說怎樣可以把車門可以做到會動的，其實原理就是之前所說的動畫補間功能。（1）先把畫好的車門（左、右）添加到庫里，現(xiàn)在庫中已經(jīng)有“車門左”和“車門右”這兩個元件，這時先把車門放到適當(dāng)?shù)胤剑ㄌ幱陉P(guān)閉狀態(tài)）

2、。第3頁/共21頁第三頁，共22頁。（2）創(chuàng)作補間動畫 單擊選取時間軸上的第1幀，然后選擇創(chuàng)建補間動畫。有兩種選擇方式，一是在時間軸上單擊右鍵，然后在幀的快捷菜單中選擇；也可以執(zhí)行“插入時間軸創(chuàng)建補間動畫”命令。接下來選擇結(jié)束的那一幀，我這里就選擇了25幀。幀數(shù)越少，動畫就越短（也可以在“文檔屬性”對話框中更改(gnggi)設(shè)置）。簡單的說，就是如果把物體移動相同的距離，幀數(shù)越少，動作的就越快。另外，幀數(shù)越少，動作就會比較僵硬。相反，幀數(shù)越多，動作會比較流暢。因為這個flash是20幀車門開門的時間是2到3秒，所以我取了中間值2.5秒。第4頁/共21頁第四頁，共22頁。（3）插入關(guān)鍵幀 在時間

3、軸面板上選擇第25幀以后，可以用兩種方法插入關(guān)鍵幀。一種是執(zhí)行“插入時間軸關(guān)鍵幀”命令。另一種方法是在時間軸上單擊右鍵，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”。時間軸上1幀到25幀上會出現(xiàn)箭頭。確定第25幀已經(jīng)被選中后，就可以用選擇工具或部分選取(xunq)工具選中車門，將它移動到兩邊的適當(dāng)位置。這時如果同時按住鍵盤上Shift鍵，再進行拖動的話，就會沿著筆直的路線移動。第5頁/共21頁第五頁，共22頁。 按照上述操作就可以完成開門(ki mn)的動作了，操作時的圖片如下。第25幀的動作(dngzu)第1幀的動作(dngzu)創(chuàng)建補間動畫完成后的效果第6頁/共21頁第六頁，共22頁。 開門的動作

4、都是第1幀到第25幀，除了門葉開的動作還有俯視(fsh)門葉的動作和活塞在氣缸伸縮的動作。關(guān)門是從第25幀到第60幀，也就是3.5秒。其實原理都是利用了動畫補間功能，操作基本一樣。但是有一個要注意的是氣缸的圖層要在活塞上面，因為氣缸的圖層在活塞圖層上才可以遮蓋到活塞伸縮的部分。如下圖。關(guān)門是從第25幀到第60幀，也就是3.5秒。第7頁/共21頁第七頁，共22頁。 這樣內(nèi)藏鉗入式對開側(cè)移門就基本完成了?，F(xiàn)在(xinzi)先看看我用的圖層吧。第8頁/共21頁第八頁，共22頁。 要解釋一下第一和第二圖層，第一層可以看到“open”和“close”這個時間段內(nèi)運行的腳本。先說怎樣給幀編寫“open”腳

5、本，會編寫“open”腳本就會“close”的。 首先，要在act圖層的第1幀插入關(guān)鍵幀，下面編寫使動作(dngzu)播放結(jié)束的幀動作(dngzu)“stop()”。在第25幀處插入關(guān)鍵幀也在下面編寫使動作(dngzu)播放結(jié)束的幀動作(dngzu)“stop()”。在act圖層中點一下第1幀到第25幀之間隨便一個幀，然后下面屬性選項中“幀標(biāo)簽”處寫上“open”。至于“close”就是從第25幀到第80幀之間，然后也同樣在然后下面屬性選項中“幀標(biāo)簽”處寫上“close”。這樣就可以完成了。第9頁/共21頁第九頁，共22頁。 為什么要在第1幀和第25幀處選擇動作腳本“stop()”呢？主要(z

6、hyo)的原因就是因為“開門”和“關(guān)門”的兩個按鍵，開門按鈕的動作腳本是意思(y s)就是說“按下按鈕，就會轉(zhuǎn)到open幀并播放” 這樣按下開門的按鈕就會播放開門的所有動作，在第1幀和第25幀處選擇動作腳本“stop()”就不會(b hu)重復(fù)的播放。 左邊是關(guān)門按鈕的動作腳本，意思就是“按下按鈕，就會轉(zhuǎn)到closen幀并播放”“開門”和“關(guān)門”這兩個按鈕的所有內(nèi)容都在btn這個圖層里。第10頁/共21頁第十頁，共22頁。二、外側(cè)移門、塞拉門和外擺式車門(chmn)的制作要點 外側(cè)移門、塞拉門和外擺式車門(chmn)基本制作和內(nèi)藏鉗入式對開側(cè)移門基本一樣，所以說說難解決的問題就可以了。 1.因

7、為外側(cè)移門與內(nèi)藏嵌入式對開門的區(qū)別僅在于開關(guān)車門(chmn)時，門翼均處于側(cè)墻的外側(cè)，而車門(chmn)驅(qū)動機構(gòu)工作原理與內(nèi)藏嵌入式對開側(cè)移門相同。所以基本制作是一樣的。 第11頁/共21頁第十一頁，共22頁。 2.塞拉門的俯視圖就比較復(fù)雜一點，因為要用到引導(dǎo)線。 之前介紹的動作補間只能沿著直線運動，如果使用運動引導(dǎo)圖層就能夠(nnggu)使對象沿著自己希望的軌跡進行運動。使用這項功能可以使對象更加平滑和自由地運動。 深黑色的線就是(jish)引導(dǎo)線，播放時不會顯示出來的。第12頁/共21頁第十二頁，共22頁。（1）添加引導(dǎo)圖層并繪制軌跡 為了使實例在指定路徑上移動需要添加引導(dǎo)圖層。執(zhí)行“插入

8、時間軸運動引導(dǎo)層”命令，或者單擊“添加運動引導(dǎo)層”按鈕。這樣就在當(dāng)前圖層的上層添加了引導(dǎo)圖層。把引導(dǎo)圖層設(shè)為當(dāng)前圖層。在這種狀態(tài)下，用線條工具、鋼筆工具或鉛筆工具畫出實例要移動的軌跡（繪圖工具沒有特殊限制(xinzh)，只要能畫出對象就可以）。第13頁/共21頁第十三頁，共22頁。（2）制作動畫補間 畫完軌跡之后，選擇動畫結(jié)束的那一幀（本圖是第60幀），并在引導(dǎo)圖層中插入關(guān)鍵幀。然后把“Ce_r”（也就是俯視的右門葉）這一層設(shè)置為當(dāng)前圖層，并選取第一幀。執(zhí)行“插入時間軸創(chuàng)建補間動畫”命令，然后在第60幀處插入關(guān)鍵幀，創(chuàng)建補間動畫。 后退一幀，把“Ce_r”移至運動向?qū)У钠瘘c附近(fjn)， “

9、Ce_r”就會自動緊貼在運動引導(dǎo)線上了。然后在回到第60幀，把“Ce_r”移至運動引導(dǎo)線終點，這樣就可以做成使對象沿著指定路徑圓滑移動的動畫。其他得引導(dǎo)線也是同樣的做法。第14頁/共21頁第十四頁，共22頁。3.外擺式(bi sh)車門的制作都會用到之前所說的引導(dǎo)線和補間動畫，只要熟練這兩個操作就沒有什么難度的，但主要了解外擺式(bi sh)車門各個零件的動作。之前我就是因為不明白各零件的動作所以要作出多次修改才能做出來。第15頁/共21頁第十五頁，共22頁。三、做4個車門(chmn)的困難在做flash之前我因為對車門動作原理很不了解，所以覺得只要做到兩扇動就可以了，但是當(dāng)我第一次交給曾老師

10、看的時候就發(fā)現(xiàn)許許多多(x x du du)的問題，例如：1.每個門的氣缸都沒有動作；2.內(nèi)藏鉗入式對開側(cè)移門有畫少了導(dǎo)軌、氣缸的活塞又沒有表現(xiàn)出來；塞拉門就畫少了個氣缸，俯視圖中的固件 的動作沒有表現(xiàn)出來;3.外擺式車門中的俯視圖支架中的轉(zhuǎn)點又弄錯了，第16頁/共21頁第十六頁，共22頁。四、車門(chmn)的氣功控制原理圖的制作 車門的氣動控制原理圖我覺得是最難最復(fù)雜的，因為圖層比較多，所做的工序也比較多。而且要想辦法把開門和關(guān)門的原理說明白，讓觀看這個flash的人明白。所以我做原理圖所用的時間最多。 在制作空氣流程時候我用了藍色直線來表示。藍色直線不斷地拉長，這是我用了flash的動畫

11、補間功能的縮放對象。 使用動畫補間動能不僅可以移動對象，還可以很容易地對其進行縮放操作。由于flash使用矢量圖形和流式播放技術(shù)，所以可以任意縮放尺寸而不影響(yngxing)圖形的質(zhì)量，始終保持比較柔和的曲線。第17頁/共21頁第十七頁，共22頁?，F(xiàn)在就以其中的一段空氣(kngq)流程為例子說明一下。 制作“藍色線條”的動畫補間動畫。先單擊工具選項中的“線條工具”按鈕，在第1幀畫出“藍色線條”，把它的長度(chngd)畫到所需要的最長長度(chngd)。然后選擇第18幀，執(zhí)行“插入時間軸關(guān)鍵幀”命令。這樣第1幀的那條“藍色直線”就會復(fù)制到第18幀。執(zhí)行“插入時間軸創(chuàng)建補間動畫”命令?，F(xiàn)在選擇

12、第1幀，單擊工具選項中的“縮放”按鈕，在線條周圍就會出現(xiàn)控制手柄。按住下方的手柄，向中間拖動，這時候“藍色線條”變成最短了，在把它移動到開始拉長的地方，這樣就可以完成一條直線的拉長了。其它的都一樣。第18頁/共21頁第十八頁，共22頁。 還要介紹一下的就是遮罩層和被遮層用這兩個圖層就可以輕松(qn sn)做出下面的效果了。 遮罩層：這一層上所畫的對象的形狀被用做遮罩。 被遮罩：如果這一層上有遮罩圖層，那么這一層上的對象將被按照遮罩層圖層中的對象形狀來剪切?？梢蕴砑佣鄠€被遮罩圖層。第19頁/共21頁第十九頁，共22頁。首先新建一個圖層，然后右鍵把它設(shè)置為遮罩層，這時候我們可以(ky)在第一幀畫上

13、圖1，這圖是沒有邊框的，我們可以(ky)把邊框剪切出來。再新建一個圖層，這時下遮罩層一下的都是被遮罩圖層，現(xiàn)在可以(ky)把之前剪切的邊框用上了，把邊框與之前的填充色對好，然后用“顏料桶工具”把邊框里染成紅色。這時邊框就沒有用了。圖2。最后在遮罩層下再建一個被遮罩層，這一層就是藍色慢慢遮蓋下面那層紅色的，可以(ky)用到之前說到的動畫補間功能縮放對象。做法也是一樣的。我們把上面的3個圖層都放到活塞圖層下就完成了。圖 1圖 2第20頁/共21頁第二十頁，共22頁。謝謝您的觀看(gunkn)！第21頁/共21頁第二十一頁，共22頁。NoImage內(nèi)容(nirng)總結(jié)再將動和不動的分開，不動的都畫