flash實訓報告

2021-09-23 02:34:52 字數 4853 閱讀 6232

實訓報告

一、實訓的目的

網路動畫設計實訓是我們學習完flash cs5軟體後進行的乙個必須的實踐教學環節,是較為全面的、較熟練地運用flash cs5軟體的基本訓練。其目的是:

1、通過該實訓,鞏固和熟練掌握flash軟體繪圖、編輯工具的使用,能夠使用工具繪製逼真的向量圖;

2、通過此實訓,使我們熟練製作逐幀動畫、形狀補間動畫、動作補間動畫、引導線動畫和遮罩動畫;

3、通過此實訓,能夠掌握向動畫中新增聲音,製作mtv、賀卡和課件。

二、實訓的內容及要求

1、實訓內容:

本次實訓共計19道題目,內容如下

(1)繪製向量圖

(2)製作引導線動畫和遮罩動畫

(3)製作按鈕、網頁匯入頁面

(4)製作賀卡和mtv

(5)製作課件

2、要求:

(1)按指導書說明完成19道題目,每道題目儲存為fla和swf兩種格式後在星期五之前提交給學委。

(2)撰寫實訓報告,寫出動畫製作的主要步驟,並列印。

三、實訓時間安排

時間:2012-2013學年第二學期第16周。

具體安排見課表。

四、指導老師

五、實訓專案(摘選部分):

1. 繪製天空草地

(1) (1)新建乙個flas**件(2)選擇【矩形工具】,在【屬性】面板設定【筆觸顏色】選項為「無」,保持【工具】面板上的【鎖定】按鈕及【物件繪製】開。在【顏色】中將填充色設為「線性」,單擊顏色滑塊左側按鈕將其調為「淺黃色」(模擬天空下部顏色),右側按鈕調為「湛藍色」(模擬天空下部顏色),繪製矩形,選擇【漸變變形工具】。通過控制漸變色的方向、漸變色的距離和漸變色中心點的位置。

調節線性填充。(3)用同樣的方法製作草地、群山雲朵。最後結果圖為:

2. 繪製國畫

(1)選擇【刷子工具】。在【顏色】面板設定【筆觸】顏色為「無」,填充【型別】為「放射狀」,調節顏色滑塊。在舞台上畫出一朵牡丹花的花瓣如圖3所示。

都用一樣的刷子工具繪製另外一朵花,還有綠色。(2)利用文字工具打上文字,用鋼筆工具繪製印章。

效果圖3. 繪製綠樹

(1)選擇【刷子工具】,設定【筆觸顏色】設為「無」,【填充顏色】設為#333300,畫出樹幹的輪廓,如圖1所示。使用【選擇工具】,將樹幹調整到滿意的形狀,如圖2所示。

圖1圖2

(2) 選擇調整好的圖形,選擇【修改】【合併物件】【聯合】選項。

(3) 用同樣的方法,選擇【刷子工具】,【填充顏色】值設為#669900,畫出樹葉的輪廓,如圖3所示。使用【選擇工具】調整樹葉輪廓。合併整體。

圖3圖4

(4) 選擇樹葉的圖形,按ctrl+d鍵重複複製三次,得到4個樹葉的圖形。選擇右側的樹葉,在【變形】面板上設定【旋轉】為「-180度」。選擇最右側的第4個樹葉輪廓,使用滑鼠右鍵選擇【排列】【移至底層】命令。

(5) 使用【任意變形工具】,如圖4所示,放大第4個樹葉的外輪廓一些。

(6) 雙擊第3個樹葉輪廓,進入「繪製物件」編輯模式。選擇【圓形工具】,設定【填充顏色】值為「橙色」畫出乙個輪廓。選擇該圓形,按delete鍵刪除,如圖5所示。

(7) 單擊「場景l」返回到「場景」。雙擊樹幹,選擇【刷子工具】,在設定【填充顏色】為#333300,如圖6所示,畫出樹梢的2個較細的枝幹。

圖5圖6

(8) 單擊「場景1」,返回到「場景」編輯模式下。選擇樹幹,將【填充型別】設為「線性」,將左側顏色滑塊調為較淺的「咖啡綠色」用來模擬樹的受光顏色,將右側顏色滑塊調為較深的「咖啡色」用來模擬樹的背光顏色,如圖7所示。

(9) 用同樣的方法,選擇樹葉,將【填充型別】設為「線性」,將左側顏色滑塊調為較淺的「草綠色」用來模擬樹葉的受光顏色.將右側顏色滑塊調為較深的「中綠色」用來模擬樹葉的背光顏色,選擇【漸變變形工具】工具,調整樹葉的漸變顏色,

(10) 新增一些樹葉的細節

(11) 開啟【物件繪製】。選擇【刷子工具】,調整【筆刷大小】為「較大」,【筆刷形狀】為「豎狀的橢圓形」,設定【填充顏色】為#66ccoo,如圖10所示,畫出一片小樹葉。

(12) 選擇該圖形,按ctrl+d鍵複製5~6個小樹葉,將其排列為一組,如圖11所示,使用【任意變形工具】調節各個小樹葉的方向和大小。選擇這組樹葉,按ctrl+b鍵將其分離,使用【修改】【合併物件】【聯合】將其合併。

(13) 選擇該圖形,按ctrl+d複製多組小樹葉,沿著樹葉輪廓排列,使用【任意變形工具】調節各組小樹葉的方向和大小,得到如圖12所示的效果。

圖10圖11圖12

(14) 選擇【刷子工具】,調整【筆刷大小】為「較小」,【筆刷形狀】為「圓形」,設定【填充顏色】為#996600,如圖13所示,畫出弧線形的樹紋。

圖13圖14圖15

(15) 選擇【圓形工具】,設定【筆觸顏色】設為「無」,【填充顏色】設為「黑色」,在樹下畫乙個橢圓形的陰影,使用鼠右鍵選擇【排列】【移至底層】命令。如圖14所示,調整【填充型別】為「放射狀」,顏色滑塊的填充顏色的alpha分別為75%、50%和0%。選擇【漸變變形工具】具,調整陰影的漸變顏色範圍,如圖15所示。

(16) 選擇【刷子工具】,調整【筆刷大小】為「較小」,【筆刷形狀】為「圓形」,設定【填充顏色】為#99cc00,畫出一根小草,如圖16所示。

(17) 按ctrl+d鍵複製多個小草,並組成一組。再複製成組的小草,得到如圖17所示的效果。

圖16圖1

4. 跳動字

1.新建乙個文件,在屬性面板中將場景大小設定為300×300,背景色設定為黑色,**幀頻設為15fps。在工具欄中選擇文字工具,使用文字工具在場景中輸入「動」文字,如圖2所示,並將「動」文字轉換為圖形元件「動」。

圖2圖3

在工具欄中選擇橢圓工具,在文字外繪製乙個白色圓環,如圖3所示。在圖層1的第10幀插入普通幀,然後新建圖層2並將其拖動到圖層1下方,如圖4所示。

圖4將庫中圖形元件「動」拖動到圖層2第1幀,在「屬性」面板中將其alpha值設定為38。

在工具欄中選擇任意變形工具,然後選中圖層2中的文字,將其做一定角度的旋轉並拖動到如所示的位置。

將圖層2中的第1幀分別複製到第2~10幀,並分別調整各幀中文字的位置和alpha值,完成後的時間軸。

最後按【ctrl+enter】鍵盤測試動畫,即可看到如圖8所示的文字效果。

18.兒童教學課件

1. 匯入素材

其具體操作步驟如下:

(18) 新建乙個flas**檔,在「屬性」面板中將場景大小設定為800×600,背景色設定為白色。

(19) 執行「檔案」→「匯入」→「匯入到庫」命令,將檔案「小狗.swf」、「小貓.swf」、「小雞.

swf」、「小羊.swf」、 「小青蛙..swf」檔案以及所有的聲音素材匯入到「庫」中。

2. 製作影片剪輯

其具體操作步驟如下

(20) 新建乙個名為「狗影片」影片剪輯。

(21) 在「庫」面板中將「小狗.swf」拖動到場景**。如圖1所示

圖1(22) 將第1幀分別複製到第2幀和第3幀,並在第20幀插入普通幀。

(23) 選中第1幀在「動作」面板中輸入以下語句

stop()

(24) 選中第2幀,在「屬性」面板中做如圖2所示的設定,然後在「動作」面板中輸入以下語句。

stop()

(25) 選中第2幀,然後將該幀中的「小狗.swf」做適當的放大,如圖3所示。

圖2圖3

(26) 新建圖層2,在第4幀插入空白關鍵幀,然後選中第4幀,在「屬性」面板中做如圖4所示的設定。

(27) 新建圖層3,在第3幀插入空白關鍵幀。

(28) 選中第3幀,並使用矩形工具在場景中繪製乙個alpha值為70的白色矩形,如圖5所示。

(29) 新建圖層4,在第3幀插入空白關鍵幀。

圖4圖5

(30) 選中圖層3,使用文字工具在中輸入黑色的「小狗」文字和拼音,如圖6所示。

(31) 根據圖層2中的主意的節奏,將第3幀分別複製到第幀和第8幀,並根據語音分別將這兩幀中的相應文字和拼音修改為紅色,如圖7和圖8所示。

圖6圖7圖8

(32) 將第8幀複製到第20幀,然後選中第20幀,並在「動作」面板中輸入以下語句。

gotoandplay(3)

(33) 完成後的時間軸和場景如圖9所示。

圖9(34) 單擊時間軸左上角的「場景-1」按鈕返回到主場景。

(35) 使用同樣的方法新建並編輯「雞影片」影片剪輯(注意圖層1第2幀和圖層2中的聲音更換為與小雞相適應的聲音。

(36) 新建並編輯「貓影片」影片剪輯。

(37) 新建並編輯「蛙影片」影片剪輯。

(38) 新建並編輯「鴨影片」影片剪輯。

(39) 新建並編輯「羊影片」影片剪輯。

3. 編輯主場景

其具體操作步驟如下

(40) 將圖層1重新命名為「背景」圖層。

(41) 使用矩形工具繪製乙個與場景同樣大小的綠色矩形,然後使用刷子工具在矩形中繪製如圖10所示的文字圖形。

圖10(42) 在「庫」面板中將「小雞.swf」、「小狗.swf」和「小青蛙..swf」分別拖動到拖動到場景中如圖11所示的位置。

圖11(43) 選中「小雞.swf」,在「屬性」面板中做如圖12所示的設定。

(44) 使用同樣的方法將「小狗.swf」、「小青蛙..swf」做如圖13和圖14所示的設定。

圖12圖13圖14

(45) 選中第1幀,在「屬性」面板中做如圖15所示的設定。

圖15(46) 選中第1幀,在「動作」面板中輸入以下語句

stop();

chick1.addeventlistener(mouseevent.click,chickplay);

function chickplay(evt:mouseevent):void

dog1.addeventlistener(mouseevent.click,dogplay);

function dogplay(evt:mouseevent):void

frog1.addeventlistener(mouseevent.click,frogplay);

《flash》實訓報告

甘肅機電職業技術學院 flash 實訓報告 一 實訓目的 1 通過創新構思,將創新思想通過動畫創作出來 2 通過上機操作,可將理論與實踐緊密結合,提高學習主動性與積極性 3 提高動手操作能力 4 培養同學們的獨立思考 分析問題和解決問題的能力。二 實訓內容 做歌曲 美麗心情 的mtv,讓歌曲和動畫融...

flash實訓心得

實訓心得 乙個星期的實訓使我們對flash的學習有了更深入的了解,這次沒有進行分組,所以難度加大了。經過幾天的思考確定了自己要做的東西是什麼,難度的加大對自己也是個鍛鍊的機會,自己要去發現問題,解決問題,這也是乙個學習的過程。首先,創意是製作乙個flash的第一步,也可以說是最重要的一步。乙個好的作...

《Flash》實訓教學計畫

一 實訓目的 通過課程,使學生能夠運用flash軟體進行教學課件的設計與製作,熟練掌握flah軟體操作技術並能製作互動式動畫和課件。二 實訓內容及要求 熟悉windows工作環境,有使用文字 影象編輯軟體的基礎。實訓專案一製作乙個互動動畫 1 實訓目的 通過製作乙個互動動畫初步掌握使用flash動畫...