chapter03--網(wǎng)頁設(shè)計(jì)與web編程教案(已修改)
2025-08-16 09:43 本頁面
【正文】 第三章 Flash CS3入門及制作實(shí)例 內(nèi)容提要 ? Flash CS3的工作環(huán)境簡介 ? 基本繪圖工具 ? 基本動(dòng)畫制作 ? 動(dòng)畫制作實(shí)例 Flash CS3的工作環(huán)境簡介 菜單欄 時(shí)間軸 舞臺 工具箱 屬性面板 浮動(dòng)面板 時(shí)間軸 ?時(shí)間軸： 用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù) 舞臺 工作區(qū)（舞臺的后臺 ） 常用面板 ?“屬性”面板： 舞臺的下方 ?“對齊”面板 ：“窗口” |“對齊” ?“顏色”面板 ：“窗口” |“顏色” ?“樣本”面板： 顏色庫面板 ?“信息”面板： 在編輯操作的過程中為用戶提供一些相關(guān)的信息。 ?“場景”面板： 顯示了當(dāng)前動(dòng)畫的場景數(shù)量和播放的先后順序 ?“變形”面板： 對選定對象執(zhí)行縮放、旋轉(zhuǎn)、傾斜和創(chuàng)建副本的操作 ?“動(dòng)作”面板： 方便使用 Flash的腳本編程語言 ActionScript而專門提供的操作界面 ?“組件”面板： 動(dòng)作集合 基本繪圖工具（工具箱） ?選擇工具 ?部分選取工具 ?直線工具 ?套索工具 ?鋼筆工具 ?矩形工具 ?鉛筆工具 ?刷子工具 ?任意變形工具 ?漸變變形工具 ?墨水瓶工具與顏料桶工具 ?滴管工具 ?橡皮擦工具 ?文本工具 基本動(dòng)畫制作 基本動(dòng)畫類型 特點(diǎn) 逐幀動(dòng)畫 對每幀畫進(jìn)行控制保存每一幀的數(shù)據(jù) 形狀補(bǔ)間動(dòng)畫 保存幀之間不同的數(shù)據(jù)在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀，然后在另一個(gè)關(guān)鍵幀中更改該形狀或繪制另一個(gè)形狀 動(dòng)作補(bǔ)間動(dòng)畫 一個(gè)對象在兩個(gè)關(guān)鍵幀分別定義不同的屬性并在兩個(gè)關(guān)鍵幀之間建立運(yùn)動(dòng)漸變關(guān)系 遮罩動(dòng)畫 遮罩層的操作 (水波、萬花筒、百頁窗、放大鏡、望遠(yuǎn)鏡 ) 引導(dǎo)路徑動(dòng)畫 自定義運(yùn)動(dòng)路徑 逐幀動(dòng)畫方法與實(shí)例 創(chuàng)建逐幀動(dòng)畫的幾種方法： ? 1．用導(dǎo)入的靜態(tài)圖片建立逐幀動(dòng)畫 用 jpg、 png等格式的靜態(tài)圖片連續(xù)導(dǎo)入到 Flash中，就會建立一段逐幀動(dòng)畫 。 ? 2．繪制矢量逐幀動(dòng)畫 用鼠標(biāo)或壓感筆在場景中一幀幀的畫出幀內(nèi)容。 ? 3．文字逐幀動(dòng)畫 用文字作幀中的元件，實(shí)現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。 ? 4．指令逐幀動(dòng)畫 在時(shí)間幀面板上，逐幀寫入動(dòng)作腳本語句來完成元件的變化。 ? 5．導(dǎo)入序列圖像 可以導(dǎo)入 gif序列圖像、 swf動(dòng)畫文件或者利用第 3方軟件（如 swish、 swift 3D等）產(chǎn)生的動(dòng)畫序列。 逐幀動(dòng)畫方法與實(shí)例 ?例 1：奔馳的汽車 ?步驟 1： 新建一個(gè)大小為 550*400的動(dòng)畫文件，在第 1幀處按 F6插入關(guān)鍵楨。 ?步驟 2： 選擇“文件 |導(dǎo)入 |導(dǎo)入到舞臺”，將小汽車的圖片導(dǎo)入到舞臺上 ?步驟 3： 單擊第 2幀，插入關(guān)鍵楨 (F6) ，選中舞臺上的小汽車并水平平移一段距離。 ?步驟 4： 單擊第 3幀，插入關(guān)鍵楨 (F6) ，選中舞臺上的小汽車?yán)^續(xù)水平平移一段距離。 ?步驟 5： 按照 3和 4的步驟重復(fù)幾次直至小騎車平移到最右邊。 ?步驟 6： 同時(shí)按下 Ctrl+回車鍵，即可觀看最后的動(dòng)畫效果。 逐幀動(dòng)畫方法與實(shí)例 ?例 2：奔馳的駿馬 （ 導(dǎo)入連續(xù)圖片 ） ?步驟 1： 新建一個(gè)影片文檔，在“屬性”面板上設(shè)置文件大小為 460 290像素，“背景色”為白色。 如下圖所示。 逐幀動(dòng)畫方法與實(shí)例 ?步驟 2： 創(chuàng)建背景圖層。將當(dāng)前圖層重命名為“背景”，選擇第一幀，選擇菜單命令“文件 |導(dǎo)入 |導(dǎo)入到舞臺 …” ，將背景圖片導(dǎo)入舞臺中，在第 8幀處按 F5鍵插入普通幀，使幀內(nèi)容延續(xù)到第 8幀。 ?步驟 3： 導(dǎo)入素材到庫。選擇菜單命令“文件 |導(dǎo)入 |導(dǎo)入到庫 …” ，在彈出的對話框中找到素材所在的文件夾，按 Ctrl+A，把素材全部選中，再點(diǎn)擊右下角的“打開”按鈕，這樣所有的素材都導(dǎo)入到庫中。如左圖所示。 逐幀動(dòng)畫方法與實(shí)例 ?步驟 4： 將馬的圖片添加到舞臺上。插入一個(gè)新的圖層并選中第1幀，單擊庫里名為“馬 1”的圖形元件，按住鼠標(biāo)左鍵拖動(dòng)到舞臺上，然后釋放鼠標(biāo)，這樣“馬 1”圖形就拖到舞臺上了。選中第 2幀，按 F7鍵插入 7個(gè)空白關(guān)鍵幀，依次在各個(gè)空白關(guān)鍵幀上，分別從庫里拖出“馬 2”、“馬 3”、“馬 4”、“馬 5”、“馬 6”、“馬 7”、“馬 8”到舞臺上，時(shí)間軸上所有空白關(guān)鍵幀都變成關(guān)鍵幀了。下圖為導(dǎo)入的圖片序列。 逐幀動(dòng)畫方法與實(shí)例
規(guī)章制度相關(guān)推薦
鄂ICP備17016276號-1