資源描述:
《flash教案——flash入門動畫.doc》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、FLASH入門動畫(一)教學(xué)目標(biāo):①知道FLASH軟件界面及簡單操作;②會使用元件、時間軸等;③會完成flash的第一個動畫——運動的小球。工作任務(wù):任務(wù)一: 運動的小球制作(一)實踐操作:展示效果圖:(這就是我們要做的第一個Flash作品。可別看它簡單,以后我們要制作千變?nèi)f化的Flash電影,很多都會用到它所包含的技術(shù)呢。好吧,不多說了,我們開始吧。)運行Flash4,這時系統(tǒng)已經(jīng)打開了一個新文件。選菜單中的Modify->Movie...(或按Ctrl-M)修改當(dāng)前舞臺的屬性。我們可以修改播放速度(FrameRate),舞臺尺寸(
2、Dimensions),是否顯示網(wǎng)格(Showgrid),網(wǎng)格點間距(Grid),網(wǎng)格色和背景色(Colors)以及選用何種度量單位(Ruler)等。我們將參數(shù)設(shè)置為左圖所示,在以藍(lán)色背景,長300點,寬50點的舞臺上制作動畫。一般來說,在互聯(lián)網(wǎng)上播出的動畫,每秒8-12幀的播放速度比較合適一些。?工作環(huán)境設(shè)置好以后,我們首先需要創(chuàng)建一個圖符(Symbol),以便調(diào)用。按Ctrl-F8鍵進(jìn)入建立圖符的選項窗口,給圖符起名叫ball,確定是圖形類(Graphics)后按確定按鈕?,F(xiàn)在我們就進(jìn)入了創(chuàng)建圖符的編輯狀態(tài)。在繪圖工具欄中選橢圓工
3、具。并將其下的參數(shù)設(shè)置為左圖所示。我們已經(jīng)在上一章中詳細(xì)介紹過有關(guān)參數(shù)的設(shè)置問題,這里就不再多說了。圖中的參數(shù)顯示我們將要繪制一個沒有輪廓線,且填充色為桔黃漸近色的球形。桔黃漸近色不是系統(tǒng)自帶的顏色,不過我們可以按照上一章中第七節(jié)所述方法新建這一顏色。在工作區(qū)里用鼠標(biāo)繪制一個小球。如果對所畫的小球不滿意,可以點選小球,按Delete鍵刪掉重畫,也可以在小球上按鼠標(biāo)右鍵,在彈出的菜單中選擇相應(yīng)修改工具進(jìn)行修改。小球圖符做好后,點擊時間軸(Timeline)左上角的或右上角的回到主場景。按Ctrl-L打開圖庫,發(fā)現(xiàn)里面已經(jīng)有一個做好了的名
4、為ball的圖符。在預(yù)覽窗口中把該圖符拖動到工作區(qū)中如下左圖所示的位置。你也可以通過菜單中View->Rulers(或按Ctrl+Alt+Shift-R)打開系統(tǒng)標(biāo)尺精確定位。我們同時還注意到時間軸的第1幀上的小圓圈已經(jīng)由空心變成了實心,表明該幀不再為空。 在時間軸第25幀點一下鼠標(biāo)左鍵,該幀變藍(lán)表示被選。按Ctrl-F6鍵插入一個關(guān)鍵幀,點選小球,把它拖到舞臺的另一端,如上右圖所示。雙擊時間軸上的第1幀,彈出該幀的幀屬性對話框,如下圖所示。點擊漸變(Tweening)標(biāo)簽,在其下的Tweening下拉菜單中選運動(Motion)
5、,按確定按鈕。注意:對于實例來說,只能進(jìn)行運動漸變動畫(MotionTweening),不能作形體漸變動畫(ShapeTweening)。而對于形體(Shape)來說,只能作形體漸變。這時時間軸窗口的狀態(tài)如下圖所示,第1幀和第25幀之間出現(xiàn)了一個實線箭頭,且背景變成淡紫色,表示這兩幀之間有一段運動漸變動畫。如果兩幀之間出現(xiàn)了虛線,表示過渡不成功,需要重新查看每一個關(guān)鍵幀及其屬性。下面我們來看一看效果:選菜單項Window->Controller,打開控制面板,按播放鈕播放動畫,或者按下Ctrl-Enter另開窗口,以全屏預(yù)覽動畫,可以
6、看到小球從舞臺的左端勻速移動到右端,和本頁中的效果一樣,只不過本站網(wǎng)頁的背景色與Flash電影工作環(huán)境的背景色相同,所以看不出來罷了。問題探究:做好了動畫不要忘記存盤,按Ctrl+S,在彈出的對話框中輸入存檔文件名,確定,這時系統(tǒng)會把源文件用.fla格式存檔。如果這時在Flash中再次按下Ctrl-Enter鍵,則系統(tǒng)會自動生成.swf的電影文件,可以用Flash電影播放器直接觀看。好了,這一節(jié)我們已經(jīng)學(xué)會做一個最簡單也最重要的動畫了,好的開端是成功的一半,我們慢慢會對Flash的強大功能體會更多的。下一節(jié)我們將對小球動畫作繼續(xù)深入的
7、探討。知識拓展:我們將在運動的小球的基礎(chǔ)上進(jìn)一步加深對運動變形動畫的認(rèn)識。(本節(jié)中的幾個動畫基本上和上一節(jié)是相同的,只不過我們對實例的屬性,運動路徑等適當(dāng)做些變化,以便獲取不同的效果??闯錾厦娴膭赢嫼蜕弦还?jié)有什么不同嗎?是的,在小球運動的過程中漸漸消失在了背景中。其實這個效果實現(xiàn)起來是非常容易的。運動的制作和上一節(jié)一樣。點擊第25幀使處在舞臺最右端的小球被選中,用鼠標(biāo)左鍵雙擊小球,彈出實例屬性對話框,選擇顏色效果(ColorEffect)標(biāo)簽,如下圖所示。在顏色(color)下拉菜單選項中選中透明度(Alpha),在透明度輸入框中輸入
8、百分值0,或?qū)⑵溆疫叺幕瑮U指針拖到最左端,使小球完全透明。點擊OK確定?,F(xiàn)在看一下效果,按Ctrl-Enter看到如上面所示結(jié)果。作業(yè)練習(xí):上機(jī)作業(yè)一:按照教師所展示的效果圖模仿完成該作品。上機(jī)作業(yè)二:在作業(yè)一基礎(chǔ)上進(jìn)行