今天我們來學(xué)習(xí)用fireworks制作一個精彩的動畫,從這個例子中我們可以學(xué)習(xí)套索工具的使用和外部圖像的輸入方法,同時你還會實際接觸到動畫制作必不可少的概念如layer(層)、frame(幀)、symbol(符號)和instance(引用),以及如何合理地使用它們。
為了使動畫看起來更加真實,我們采用飛機和降落傘的照片作為素材,如果你能仔細地按照下面的方法操作,就能做出和本例一樣近似于電影畫面的精彩動畫。
第一步:導(dǎo)入飛機圖片并去掉背景。打開一個新文件,width=250,hight=120,背景色為#0066ff。選擇file > import(導(dǎo)入外部文件),在目錄中選擇飛機的照片(本例使用的照片已事先調(diào)整好大小,為gif格式),如圖1。在工具箱中選擇套索工具的polygon lasso,用鼠標細心地沿著飛機的外部輪廓一小段連著一小段地選取, 當(dāng)選取的路徑首位相連時,擊下鼠標左鍵,輪廓線變?yōu)樘摼€,如圖2。然后在主菜單中選擇edit > cut,就把選取的飛機圖像剪下并存入剪貼板中,再選擇edit > deselect,edit > clear,清除掉剪下以后剩余不要的照片。
![]() | ![]() |
圖 1 導(dǎo)入飛機圖片 | 圖 2 使用套索去掉背景 |
![]() |
圖 3 符號屬性設(shè)置 |
![]() |
圖 4 同時選中符號和引用 |
第三步:讓飛機飛起來。選擇modify > symbol > tween instances,在出現(xiàn)的對話框中,step欄改為20,表示飛機從右下方飛到左上方的過程要用到20幀,勾上下面的小方框,如圖5,點擊ok。選擇window > frames,打開幀面板,出現(xiàn)了一個有22行的幀編輯框,按著shift鍵把他們?nèi)窟x中,點擊幀面板右上角的小三角形,選擇properties,在出現(xiàn)的對話框中把20改為10,使每一幀的播放時間由0.2秒變?yōu)?.1秒,再勾上下面的小方框,如圖6。在幀面板的任意位置點一下鼠標,飛機的動畫就完成了。按下屏幕右下角的播放鍵看一看,你會看到飛機由遠處飛來,飛得越近就顯得越大,最后從畫面的左上方飛出。
![]() |
圖 5 動畫的幀數(shù)設(shè)置 |
![]() |
圖 6 每幀的時間設(shè)置 |
新聞熱點
疑難解答