koolmoves教程分析

1、koolmoves教程,koolmoves中文網(wǎng)站,KoolMoves源碼,koolmoves隨著Flash動畫在網(wǎng)絡(luò)上的大受歡迎，F(xiàn)lash軟件家族也跟著發(fā)展壯大起來，我們會見到許多出色的第三方動畫軟件，Koolmoves就是其中的一個皎皎者。它不僅能做出Flash動畫，同樣也可將動畫輸出為動態(tài)Gif格式或是其他常用的動態(tài)格式。此軟件包括了豐富的做圖工具和文字工具，而且也允許將圖像，聲音等其他的外部文件導(dǎo)入進(jìn)行編輯。 利用Koolmoves制作動畫的原理跟Flash中是一樣的，每一幀都包含了文字，聲音，變形這些基本的元素，通過軟件的計算把各個不同的幀連接起來，形成連貫的動畫。在利用其他向量圖

2、形工具繪出向量圖后，可以將它輸入到Koolmoves中作為素材，我們可以對它進(jìn)行比例縮放，旋轉(zhuǎn)，擠壓等變形處理，也可以改變顏色，漸變填充或是將它轉(zhuǎn)化為位圖格式。對位圖文件的變形處理也十分方便。Koolmoves中文字的動態(tài)效果也做的很出色，若是往動畫中加入相應(yīng)的聲音則會令你的動畫增色不少。說了它的這么多好處，現(xiàn)在就讓我們來首先來看看它的繪圖工具。Koolmoves中的繪圖工具還是十分豐富的，不僅有圓形和矩形繪圖工具，還有手繪工具，以及點對點的繪圖工具。手繪工具允許你像拿著畫筆一樣隨心所欲的畫出不同的形狀。當(dāng)你放開鼠標(biāo)時，開始點和結(jié)束點會自動閉合，如果你不想他們閉合，在繪制完圖形后，只需改變閉合

3、屬性就可了。在繪制完成后，你還可通過增加或減少節(jié)點的方式來改變你手繪的圖形。矩形繪制工具包括了繪制矩形和正方形，作為一個基本的繪圖工具，使用的方法很簡單，這里就不多講了。點對點繪圖工具允許你控制點的位置和數(shù)量，利用它你是不能畫出曲線的。通過點擊鼠標(biāo)左鍵，你可以定義每一個點，當(dāng)你完成圖形時，雙擊鼠標(biāo)，起始點和結(jié)束點會自動閉合，如果你不想他們閉合，在繪制完圖形后，只需改變閉合屬性就可了。不封口的點繪圖工具，用法與上面介紹的相似，也是通過點擊鼠標(biāo)左鍵定義每一個點，當(dāng)完成圖形時，雙擊鼠標(biāo)，只是沒有了自動閉合功能了。文 / Stephen lai是文字按鈕，點擊后會彈出文字選項對話框，在這里填入你想輸入

4、的文字，然后對文字的字體，大小，類型等進(jìn)行設(shè)置。此外，Koolmoves也是一個出色的文字特效制作工具，選擇Libraries/Text Effects，會彈出如下所示的選項框。在Your Text中輸入文字，然后對文字進(jìn)行相關(guān)的設(shè)置，在中間左方的文字效果選項框中已經(jīng)預(yù)設(shè)了很多種文字效果，選擇一種，你就會看到右方的預(yù)覽窗口中有相應(yīng)的動態(tài)效果顯示出來。在下方的Positioning可以設(shè)置這段文字動畫的偏移量，而Timing選項中我們還可以設(shè)置這段動畫開始和結(jié)束的關(guān)鍵幀，以及對動畫的顯示速度進(jìn)行設(shè)置。單就文字的特效，Koolmoves與一些文字特效軟件相比就已經(jīng)是有過之而無不及了。文 / Ste

5、phen lai選擇和變形工具在工具條上有幾個經(jīng)常使用而且非常重要的選擇工具，我們現(xiàn)在就來介紹。是選擇和移動工具，也是我們最經(jīng)常使用的一個工具。當(dāng)你要選擇工作區(qū)中的幾個圖形，一種方法是按住Shift鍵，然后用逐個選擇圖形，或是在這些圖形的外圍拉大方框的方式選擇所有的圖形，還有一種方法就是點擊按鈕，列出圖形列表，如下圖所示，進(jìn)行選擇。是用來選擇和移動節(jié)點的，在Koolmoves中所畫的每一個矢量圖形都是由若干個節(jié)點構(gòu)成的，通過調(diào)整節(jié)點我們就可以改變圖形的形狀。由于動畫是由許多幀組成的，所以Koolmoves中允許我們同時對許多幀進(jìn)行修改，通過按鈕就可以做到了。按住按鈕旁邊的小三角形圖標(biāo)，打開展開

6、菜單，總共有四項，分別是僅僅針對當(dāng)前幀，動畫中的所有幀，從當(dāng)前幀到第一幀，從當(dāng)前幀到最后一幀。若是想增加或是減少節(jié)點，就需使用按鈕，在你選擇了增加或是減少節(jié)點按鈕后，將鼠標(biāo)移到圖形上，單擊邊線就可。要是你想對曲線進(jìn)行編輯又該如何呢？選擇曲線編輯按鈕，單擊圖形的邊框，按住鼠標(biāo)拖動直線進(jìn)行彎曲變形，如下圖所示。最后跟大家介紹的是一組變形工具，按鈕中的變形工具包括了按比例縮放，旋轉(zhuǎn)，水平翻轉(zhuǎn)，垂直翻轉(zhuǎn)，傾斜度變形，擠壓變形，和透視變形。先用選擇好圖形，然后選擇一種變形方式進(jìn)行變形。按比例縮放傾斜度變形旋轉(zhuǎn)在用繪圖工具畫好外框后，可以使用填充工具進(jìn)行填充。不僅可以填充顏色，透明色，還可以填充漸變色，甚

7、至將圖片填充進(jìn)去。 我們現(xiàn)在就看看如何使用它，首先畫出圖形的外框，然后點擊填充工具，如下圖所示。在紅，綠，藍(lán)原色框中填入所需數(shù)值，在它們的下方是透明度選項。你也可以通過拾色器在右方的色球中選擇顏色來達(dá)到同樣的工作，按鈕則允許你對色彩飽和度，亮度等參數(shù)進(jìn)行調(diào)節(jié)，而你對色彩所做的各項調(diào)整，都會在對話框左側(cè)的顏色條中顯示出來。設(shè)置完成后，還可以先按預(yù)覽鍵看看效果如何，然后再決定是否使用該中顏色。在顏色填充對話框中，選擇最上方的Gradient color進(jìn)行漸變色的填充。如果你使用過Flash，就會發(fā)現(xiàn)其實各項設(shè)置都跟它差不多，通過改變和增減顏色點，可以對漸變色進(jìn)行調(diào)整，這里包含了兩種類型的漸變色，

8、直線型的和輻射型的。增加顏色點的方法很簡單，點擊按鈕后，鼠標(biāo)指針就會變?yōu)橹虚g帶有+ 的顏色點，然后在漸變色定義條上選擇一點單擊，接著就可以對顏色進(jìn)行調(diào)整了。需要補(bǔ)充的是，當(dāng)你想對文字進(jìn)行漸變色填充時，首先要把文字打散，選擇Transforms/Break Apart Text。另外，軟件也允許對填充了漸變色的圖像進(jìn)行修改，我們可以對漸變色填充的位置和旋轉(zhuǎn)度進(jìn)行調(diào)整。把鼠標(biāo)移到漸變色的中心時，可對漸變色的位置進(jìn)行調(diào)整。把鼠標(biāo)移到漸變色中心點的旁邊時，可旋轉(zhuǎn)漸變色的方向。在顏色填充對話框中，最上方的Bitmap是用圖像進(jìn)行填充。在File中選擇填充的圖形，它支持輸入的圖片格式包括Bmp, jpeg

9、, tiff, pcx和png 。在png 格式中，透明度是不能進(jìn)行調(diào)整的。在你畫出一個圖形后，如果想改變它的一些屬性，點擊屬性按鈕，就會彈出屬性設(shè)置框。它包括兩方面的內(nèi)容，Look和Behavior，通過設(shè)置Look中的各參數(shù)，可以對圖形的外形進(jìn)行修改。在Look下方的各項參數(shù)依次為是否進(jìn)行填充，填充的顏色，邊線的寬度，邊線的顏色，是否閉合。當(dāng)我們想畫一個中間為透明色的矩形線框時，只需將Is Filled設(shè)為no。如果我們需要畫的是一個沒有外邊框的圖形時，將邊線寬度設(shè)為0。按左圖所示的各項參數(shù)進(jìn)行設(shè)置，則可以得到一個一條邊未閉合線的圖形。字體的屬性框與圖形的有一些不同，它包含了顏色的設(shè)置和對

10、字體大小，字形，字體等的設(shè)置。屬性中的另一大選項是Behavior（行為），其中的第一項是Is a Symbol。如果大家學(xué)過Flash，對Symbol一定不會陌生，將圖形或文字轉(zhuǎn)化為Symbol后，他們將變?yōu)楣蚕淼奈募?，進(jìn)行動畫制作時將可以隨時調(diào)用他們。當(dāng)對Symbol進(jìn)行修改時，所有使用過它的實例都會跟著做出相應(yīng)的修改。轉(zhuǎn)化Symbol的方法比較簡單，先選中做好的圖像或動畫，將屬性中的Is a Symbol設(shè)為yes就行了。在轉(zhuǎn)化為Symbol后，物件的編輯與之前是一樣的，但如果你的修改影響到其他的實例，則會得到警告提示。我們將圖像轉(zhuǎn)化為Symbol后，再將設(shè)為yes，就可以做出按鈕的效果

11、來。是設(shè)置激活區(qū)的范圍，默認(rèn)的設(shè)置是100。如果將設(shè)為yes，屬性面板上方就會出現(xiàn)Up/Over/Down三種狀態(tài)下的按鈕設(shè)置。在按下Over鍵后，會彈出按鈕設(shè)置對話框，如果你希望Over狀態(tài)時按鈕變?yōu)榱硗庖环N形狀，選擇最后一項；若僅要求它改變自己的顏色，選擇第一項，然后對顏色進(jìn)行修改。Down選項的設(shè)置與它也差不多，不再敘述。Koolmoves中的Actions雖然沒有Flash中的復(fù)雜，但也很實用。按下Actions按鈕，彈出如左下圖的菜單，就以按鈕制作為例，我們選擇Actions菜單下的Get URL，對按鈕進(jìn)行超鏈接的設(shè)置。接著彈出右下圖的對話框，在On Mouse Events中設(shè)置

12、鼠標(biāo)的激活方式，URL中填入鏈接地址，Target設(shè)置鏈接方式。如果你熟悉編程的話，Actions中還允許我們編寫Js代碼以實現(xiàn)更多的效果。KoolMoves中的幀控制面板與Flash 中的有一點不同，它只顯示關(guān)鍵幀，如右下圖所示，通過移動滾動軸，我們可以選擇關(guān)鍵幀，在滑動條左邊顯示的就是當(dāng)前所處的關(guān)鍵幀。左下圖所示的是增加和刪除關(guān)鍵幀按鈕。 通過修改關(guān)鍵幀，從而使不同的關(guān)鍵幀之間產(chǎn)生變化，達(dá)到動畫效果，而兩個關(guān)鍵幀之間的過渡變化則由軟件自動進(jìn)行計算的。當(dāng)然，若是想他們之間的過渡變化比較平滑，則需要有較多的過渡幀，過渡幀可在增加刪除關(guān)鍵幀按鈕旁邊的Tweens選項進(jìn)行設(shè)置。數(shù)值大則過渡幀多，轉(zhuǎn)

13、變過程就比較平滑，但也不需要設(shè)置的過大，因為這樣會使你輸出的文件變大。如果此時你想看看效果如何，按預(yù)覽按鈕，選擇其中一種方式來播放做出來的動畫。我們前面講過往圖像文字中加入Actions元素，其實在幀中同樣也能加入聲音和動作。選擇一個關(guān)鍵幀，然后在右邊的Frame Sound中選擇聲音文件，在圖的右方關(guān)鍵幀列表旁有喇叭和小黑點的表示添加了聲音文件的關(guān)鍵幀。你也可在右下方的Frame Actions中對關(guān)鍵幀添加動作。Actions中的菜單與前面所提過的是一樣的，這里就不再多說了。文 / Stephen laiKoolmoves是制作Flash動畫的軟件，但如果你想將你做出來的動畫輸出成動態(tài)gi

14、f格式，軟件本身是并不支持的。雖然不能直接輸出動態(tài)gif格式，但我們還是可以曲線救國的。選擇File菜單下的Capture選項，如下圖所示，我們可以對當(dāng)前的幀進(jìn)行圖像捕捉，并把他輸出為.bmp格式的圖像文件。通過對每一幀的捕捉，我們可以得到一組圖片，然后利用外部的gif圖像編輯軟件進(jìn)行編輯。現(xiàn)在，讓我們來簡單介紹一下菜單Movie中的各個選項。其實在你使用Koolmoves制作動畫前應(yīng)該首先在這里進(jìn)行設(shè)置，包括了背景顏色的定制(Background Color)，是否設(shè)置背景圖(Background Image)，以及設(shè)置動畫的尺寸(Movie Size)和播放的幀數(shù)(Movie Speed)

15、。在Advanced中我們還可對位圖的圖像質(zhì)量和聲音文件的壓縮率進(jìn)行設(shè)置。最后是將做好的動畫輸出，如下圖所示。我們可以直接輸成swf格式的文件（Save as Flash Movie）或是同時輸出.swf文件和html文件（Save as Flash Movie and Web Page），也可以往以存在的html文件中加入動畫文件（Add Flash Movie to Existing Web Page），不過前提條件是先要輸出.swf文件，與html文件處于同一目錄下。我們不久前介紹的KoolMovie是個出色的Flash第三方軟件，它本身不僅能做動畫，而且通過與Javascript的簡單

16、結(jié)合，我們還可以做出一些游戲效果，接下來著，我會教大家制作一個游戲計數(shù)器。首先，打開KoolMovie，制作一個左右擺動的圓環(huán)動畫。用畫圓工具畫出一個圓環(huán)，然后通過復(fù)制第一幀來增加兩幀，移動第二，第三幀中的圓環(huán)的位置，制作出圓環(huán)擺動的效果。選擇圓環(huán)，按下屬性按鈕，彈出屬性設(shè)置選項。在Behavior中，我們將Is a Symbol設(shè)為yes，Is Interactiv也設(shè)為Yes，Hit Area我們按默認(rèn)的選擇不進(jìn)行改動，Has States我設(shè)為no，當(dāng)然你若設(shè)為yes，然后對Over，Up，Down進(jìn)行設(shè)置也可以，但我并不推薦你這樣做。在Actions選項中選擇Get Url.項，彈出如

17、下圖所示對話框，將On Mouse Events設(shè)為Release，然后在URL（超鏈接地址）中填入javascript:window.document.first_form.first_text.value=a;a=a+1;window.document.refresh。Target不要選擇任何選項?，F(xiàn)在我們對這段命令做一點簡單的解釋。第一部分javascript表示這段命令是javascript代碼；第二部分part window.document.first_form.first_text.value=a表示的是調(diào)用的是外部的文件；第三部分a=a+1 表示將改變數(shù)值從a到a1；最后一部分

18、window.document.refresh 主要是當(dāng)數(shù)值改變時對文件進(jìn)行刷新。做完這一步后，則要對文件進(jìn)行輸出。如下圖所示，我們將它輸出為Swf和Html文件，并將輸出文件名定義為test1。現(xiàn)在可以關(guān)閉KoolMovie了，找到剛才輸出的test1的html文件，用網(wǎng)頁編輯器或Windows自帶的記事本打開，我們可以看到它的源程序如下所示。 object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 id=test1 width=550 height=300 codebase=!-var ShockMode = 0;if (navigator.mimeTypes & navigator.mimeTypesapplication/x-shockwave-flash & navigator.mimeTypesapplication/x-shockwave-flash.enabledPlugin) if (navigato