第1講 Flash基礎(chǔ)入門

1、第第1講講 Flash CS3 基礎(chǔ)入門基礎(chǔ)入門Flash動(dòng)畫的應(yīng)用領(lǐng)域 Flash在動(dòng)畫設(shè)計(jì)、網(wǎng)絡(luò)橫幅廣告、網(wǎng)站制作、游戲制作、電子賀卡、手機(jī)彩信、多媒體課件、電影特效等領(lǐng)域有較為廣泛的應(yīng)用。它是動(dòng)畫設(shè)計(jì)師、廣告設(shè)計(jì)師、網(wǎng)站設(shè)計(jì)師、網(wǎng)站工程師、游戲工程師、多媒體設(shè)計(jì)師、網(wǎng)絡(luò)課件設(shè)計(jì)師等從業(yè)者必須掌握的軟件。1.2 Flash CS3的基本術(shù)語的基本術(shù)語n 矢量圖像矢量圖像矢量圖像是用矢量圖像是用包含顏色和位置屬性的點(diǎn)和線包含顏色和位置屬性的點(diǎn)和線來描述的圖像。無論怎樣放來描述的圖像。無論怎樣放大圖像都不會(huì)影響畫質(zhì)，依舊保持原有的清晰度。大圖像都不會(huì)影響畫質(zhì)，依舊保持原有的清晰度。n 位圖圖像

2、位圖圖像位圖圖像是通過位圖圖像是通過像素點(diǎn)像素點(diǎn)來記錄圖像的，許多不同色彩的點(diǎn)組合在一起后，來記錄圖像的，許多不同色彩的點(diǎn)組合在一起后，就形成了一幅完整的圖像，位圖圖像存在的方式及所在空間的大小是由就形成了一幅完整的圖像，位圖圖像存在的方式及所在空間的大小是由像素點(diǎn)的數(shù)量來控制的。像素點(diǎn)的數(shù)量來控制的。位圖和矢量圖矢量圖和位圖是計(jì)算機(jī)中最重要的兩種圖像格式。矢量圖和位圖是計(jì)算機(jī)中最重要的兩種圖像格式。簡單來講，兩者的區(qū)別在于矢量圖可以被無限放大，而不會(huì)出現(xiàn)模糊和鋸齒的現(xiàn)簡單來講，兩者的區(qū)別在于矢量圖可以被無限放大，而不會(huì)出現(xiàn)模糊和鋸齒的現(xiàn)象，如圖所示，而位圖在被放大后，則會(huì)出現(xiàn)模糊和鋸齒，如果

3、再進(jìn)一步放大，象，如圖所示，而位圖在被放大后，則會(huì)出現(xiàn)模糊和鋸齒，如果再進(jìn)一步放大，則會(huì)顯示出一個(gè)個(gè)的小方塊，這些小方塊即是組成位圖圖像的像素。則會(huì)顯示出一個(gè)個(gè)的小方塊，這些小方塊即是組成位圖圖像的像素。矢量圖中的信息是由數(shù)字函數(shù)來記錄，而位圖圖像則是由像素點(diǎn)組合。在矢量圖中的信息是由數(shù)字函數(shù)來記錄，而位圖圖像則是由像素點(diǎn)組合。在Flash繪制的圖形為矢量圖，這種圖像除去文件繪制的圖形為矢量圖，這種圖像除去文件體積上的優(yōu)勢體積上的優(yōu)勢外，還有一個(gè)優(yōu)點(diǎn)就是外，還有一個(gè)優(yōu)點(diǎn)就是易易于修改。于修改。位圖和矢量圖位圖放大前后比較位圖放大前后比較位圖和矢量圖矢量圖放大前后比較矢量圖放大前后比較n場景場景

4、 場景是設(shè)計(jì)者直接繪制幀圖形或者從外部導(dǎo)入圖形之后場景是設(shè)計(jì)者直接繪制幀圖形或者從外部導(dǎo)入圖形之后進(jìn)行編輯處理，是將單獨(dú)的幀圖合成為動(dòng)畫的場所。它需要進(jìn)行編輯處理，是將單獨(dú)的幀圖合成為動(dòng)畫的場所。它需要有固定的長、寬、分辨率、幀的播放速率等。有固定的長、寬、分辨率、幀的播放速率等。n動(dòng)畫的原理動(dòng)畫的原理 Flash CS3的基本術(shù)語（續(xù)）的基本術(shù)語（續(xù)）當(dāng)我們將這三幅畫面依次按照一定速度播放的時(shí)候，給我們的視覺效果就當(dāng)我們將這三幅畫面依次按照一定速度播放的時(shí)候，給我們的視覺效果就是看上去感覺飛機(jī)在從左向右飛行，如圖是看上去感覺飛機(jī)在從左向右飛行，如圖4所示。動(dòng)畫就是由一系列近似所示。動(dòng)畫就是由

5、一系列近似的畫面按照一定的順序和速度進(jìn)行播放而產(chǎn)生，它是欺騙人視覺效果的一的畫面按照一定的順序和速度進(jìn)行播放而產(chǎn)生，它是欺騙人視覺效果的一種把戲。種把戲。 圖1圖2圖3圖4 動(dòng)畫和電影利用了人眼的視覺暫留特性，實(shí)驗(yàn)證明，如果動(dòng)畫或電影每秒播放24幅畫面左右，人眼看到的就是連續(xù)的畫面。動(dòng)畫的視覺原理 “動(dòng)作的變化是動(dòng)畫的本質(zhì)”。動(dòng)畫有很多內(nèi)容連續(xù)但各不相同的畫面組成。由于每幅畫面中的對(duì)象位置和形態(tài)各不相同，在連續(xù)觀看時(shí)，給人以活動(dòng)的感覺。 幀動(dòng)畫和矢量動(dòng)畫 計(jì)算機(jī)動(dòng)畫按動(dòng)畫性質(zhì)來說，可以分為兩大類，第一類是幀動(dòng)畫，第二類是矢量動(dòng)畫。Flash CS3的基本術(shù)語（續(xù)）的基本術(shù)語（續(xù)）l時(shí)間軸是編輯

6、、加工動(dòng)畫的流水線，其最重要時(shí)間軸是編輯、加工動(dòng)畫的流水線，其最重要的成分是幀、圖層和播放頭。的成分是幀、圖層和播放頭。l時(shí)間軸上的小格子就是幀，它是構(gòu)成動(dòng)畫作品時(shí)間軸上的小格子就是幀，它是構(gòu)成動(dòng)畫作品的基本單位。的基本單位。l圖層可理解為多張透明的幻燈片按一定的順序圖層可理解為多張透明的幻燈片按一定的順序疊放在一起。疊放在一起。n 幀幀 幀是一個(gè)數(shù)據(jù)傳輸?shù)陌l(fā)送單位，幀內(nèi)包含一個(gè)信息，在幀是一個(gè)數(shù)據(jù)傳輸?shù)陌l(fā)送單位，幀內(nèi)包含一個(gè)信息，在Flash中是指時(shí)中是指時(shí)間軸窗口的窗格內(nèi)一個(gè)一個(gè)的小方格，由左到右編號(hào)，每幀內(nèi)包含圖像信間軸窗口的窗格內(nèi)一個(gè)一個(gè)的小方格，由左到右編號(hào)，每幀內(nèi)包含圖像信息，在播

7、放時(shí)，每幀內(nèi)容會(huì)隨時(shí)間軸一個(gè)一個(gè)放映而改變，最后形成連續(xù)息，在播放時(shí)，每幀內(nèi)容會(huì)隨時(shí)間軸一個(gè)一個(gè)放映而改變，最后形成連續(xù)的動(dòng)畫效果。的動(dòng)畫效果。 Flash CS3的基本術(shù)語（續(xù)）的基本術(shù)語（續(xù)）Flash CS3的基本術(shù)語（續(xù)）的基本術(shù)語（續(xù)）n 關(guān)鍵幀關(guān)鍵幀 關(guān)鍵幀是定義了動(dòng)畫變化的幀，也可以是包含了幀動(dòng)作的關(guān)鍵幀是定義了動(dòng)畫變化的幀，也可以是包含了幀動(dòng)作的幀。默認(rèn)情況下，每一層的第一個(gè)幀就是關(guān)鍵幀，在時(shí)間軸上幀。默認(rèn)情況下，每一層的第一個(gè)幀就是關(guān)鍵幀，在時(shí)間軸上一黑點(diǎn)表示。一黑點(diǎn)表示。關(guān)鍵幀 是“實(shí)”的，不管有內(nèi)容的還是空白關(guān)鍵幀，都確實(shí)存在，且可編輯。n 普通幀普通幀 延續(xù)前一個(gè)關(guān)鍵幀

8、的狀態(tài)。延續(xù)前一個(gè)關(guān)鍵幀的狀態(tài)。Flash CS3的基本術(shù)語（續(xù)）的基本術(shù)語（續(xù)）空白空白關(guān)鍵關(guān)鍵幀和幀和關(guān)鍵關(guān)鍵幀幀普普通通幀幀 空白關(guān)鍵幀空白關(guān)鍵幀+內(nèi)容（比如畫個(gè)圓）內(nèi)容（比如畫個(gè)圓）=關(guān)關(guān) 鍵幀。鍵幀。 關(guān)鍵幀后面的灰色部分都是普通幀，普通關(guān)鍵幀后面的灰色部分都是普通幀，普通幀里面沒有實(shí)際的內(nèi)容，但是它卻能將離幀里面沒有實(shí)際的內(nèi)容，但是它卻能將離它最近的關(guān)鍵幀的內(nèi)容顯示出來，用來延它最近的關(guān)鍵幀的內(nèi)容顯示出來，用來延續(xù)一幅畫面的存在時(shí)間。續(xù)一幅畫面的存在時(shí)間。 代表普通幀的結(jié)束代表普通幀的結(jié)束 Flash動(dòng)畫的分類動(dòng)畫的分類l各種各樣的動(dòng)畫五彩繽紛，動(dòng)畫的制作技巧也層出不窮，究竟怎樣將

9、Flash動(dòng)畫進(jìn)行分類呢？l將Flash動(dòng)畫進(jìn)行分類，一般是按動(dòng)畫創(chuàng)作的方法來區(qū)分的，制作Flash動(dòng)畫既可以一幀一幀的繪制，也可以只設(shè)定兩個(gè)關(guān)鍵幀，由計(jì)算機(jī)運(yùn)算逐漸改變的中間畫面來完成。因此，F(xiàn)lash動(dòng)畫一般分為兩大類：逐幀動(dòng)畫與漸變動(dòng)畫。漸變動(dòng)畫又可以根據(jù)兩關(guān)鍵幀之間的變化對(duì)象分成運(yùn)動(dòng)漸變動(dòng)畫（變化對(duì)象是元件）和形狀漸變動(dòng)畫（變化對(duì)象是圖形）。1.3 Flash CS3的基本操作的基本操作n 運(yùn)行、退出程序運(yùn)行、退出程序n 認(rèn)識(shí)認(rèn)識(shí)Flash CS3的基本界面的基本界面n 初試初試Flash制作第一個(gè)動(dòng)畫制作第一個(gè)動(dòng)畫（演示演示）認(rèn)識(shí)認(rèn)識(shí)Flash CS3的基本界面的基本界面 Flash

10、 CS3的基本界面主要有標(biāo)題欄、菜單欄、的基本界面主要有標(biāo)題欄、菜單欄、工具欄、時(shí)間軸、工具箱、工作區(qū)、面板和屬性面工具欄、時(shí)間軸、工具箱、工作區(qū)、面板和屬性面板組成。這個(gè)界面更具有親和力，操作和使用也更板組成。這個(gè)界面更具有親和力，操作和使用也更方便。方便。Flash CS3的新面貌不但大大簡化了編輯過程，的新面貌不但大大簡化了編輯過程，還為用戶提供了更大的發(fā)揮空間。還為用戶提供了更大的發(fā)揮空間。認(rèn)識(shí)認(rèn)識(shí)Flash CS3的基本界面的基本界面菜單欄工具箱舞臺(tái)工具欄時(shí)間軸面板：動(dòng)作、對(duì)齊、顏色、信息、樣本屬性面板工作界面 1開始頁 如果要隱藏“開始頁”，可以單擊選擇“不再顯示”復(fù)選框，然后在彈

11、出的對(duì)話框中單擊“確定”按鈕。如果要再次顯示開始頁，可以通過選擇“編輯”|“首選參數(shù)”命令，打開“首選參數(shù)”對(duì)話框，然后在“常規(guī)”類別中設(shè)置“啟動(dòng)時(shí)”選項(xiàng)為“歡迎屏幕”即可。 2工作窗口面板 多個(gè)“面板”圍繞在“舞臺(tái)”的下面和右面，包括常用的【屬性】/【濾鏡】/【參數(shù)】面板組，還有【顏色】面板組和【庫】面板等。面板是Flash工作窗口中最重要的操作對(duì)象，下面逐一進(jìn)行介紹。1面板的基本操作2“幫助”面板3“動(dòng)作”面板4“屬性”面板面板 5“濾鏡”面板6“參數(shù)”面板7“對(duì)齊”面板8“顏色”面板9“樣本”面板10“信息”面板11“變形”面板12“行為”面板面板 13“公用庫”面板14“組件”面板15

12、“組件檢查器”面板 16“庫”面板 除了上面介紹的面板外，F(xiàn)lash CS3還提供了“調(diào)試器”面板、“影片瀏覽器”面板、“輸出”面板、“項(xiàng)目”面板、“編譯器錯(cuò)誤”面板、“輔助功能”面板、“歷史記錄”面板、“場景”面板、“屏幕”面板、“字符串”面板、“Web服務(wù)”面板等。 網(wǎng)格、標(biāo)尺和輔助線 網(wǎng)格、標(biāo)尺和輔助線是3種輔助設(shè)計(jì)工具，它們可以幫助Flash動(dòng)畫制作者精確地勾畫和安排對(duì)象。 1使用網(wǎng)格 顯示網(wǎng)格后，舞臺(tái)背景上出現(xiàn)一些網(wǎng)格線，這些網(wǎng)格線只是在影片文檔編輯環(huán)境下起到輔助繪制圖形的作用，在導(dǎo)出的影片中并不會(huì)顯示這些網(wǎng)格線。 2使用標(biāo)尺使用標(biāo)尺可以度量對(duì)象的大小比例，這樣可以更精確地繪制對(duì)象。

13、 標(biāo)尺的單位默認(rèn)是“像素”。如果我們想修改標(biāo)尺的單位，可以這樣操作：選擇“修改”|“文檔”命令，打開“文檔屬性”對(duì)話框，在“標(biāo)尺單位”下拉菜單中可選擇合適的單位。 網(wǎng)格、標(biāo)尺和輔助線 3使用輔助線 首先要確認(rèn)標(biāo)尺處于顯示狀態(tài)，在“水平標(biāo)尺”或“垂直標(biāo)尺”上按下鼠標(biāo)并拖動(dòng)到舞臺(tái)上，“水平輔助線”或者“垂直輔助線”就被創(chuàng)建出來了，輔助線默認(rèn)的顏色為綠色。 可以應(yīng)用“輔助線”來對(duì)齊一些不規(guī)則的對(duì)象，這樣為對(duì)象的排列、組合帶來方便。認(rèn)識(shí)Flash CS3的基本界面v組成工作區(qū)的各個(gè)部分都是可以移動(dòng)的。v時(shí)間軸，屬性面板組（展開，折疊），窗口菜單，右側(cè)面板組（圖標(biāo)和名稱）v窗口-工作區(qū)-默認(rèn)/圖標(biāo)和文本

14、默認(rèn)值/僅圖標(biāo)默認(rèn)值v也可以按照自己使用習(xí)慣保存為新的工作區(qū)模式。v把組中的面板都關(guān)閉掉以后，組自然就關(guān)閉了。vM/Z ，ALT（切換大?。p擊“放大鏡”工具，使舞臺(tái)以100%方式顯示v顯示全部/符合窗口大小/100%.v滾動(dòng)條、手型工具（H），在使用其他工具的時(shí)候想移動(dòng)舞臺(tái)按下空格鍵也可以切換到手型工具。認(rèn)識(shí)Flash CS3的基本界面v視圖-標(biāo)尺（或在舞臺(tái)空白處右鍵單擊，選擇“標(biāo)尺”）v從水平和垂直標(biāo)尺拖出輔助線v視圖-輔助線-清除輔助線（右鍵單擊，輔助線-清除輔助線）v鎖定輔助線（無法拖動(dòng)）v編輯輔助線（貼緊至輔助線，編輯顏色等）v組織和控制一定時(shí)間內(nèi)的圖層和幀，用于安排動(dòng)畫情節(jié)（對(duì)象

15、出現(xiàn)的先后，時(shí)間）v圖層的編號(hào)v圖層上的對(duì)象都會(huì)顯示到舞臺(tái)上認(rèn)識(shí)Flash CS3的基本界面認(rèn)識(shí)Flash CS3的基本界面v編輯-撤銷（ctrl+z） 允許反悔v編輯-重做（ctrl+y） 允許反悔再反悔v窗口-其他面板-歷史記錄面板（默認(rèn)最多撤銷100步，編輯-首先參數(shù)）v滑塊v可以對(duì)文檔里的元素進(jìn)行查看，組織和修改。v按照主題組織文檔v片頭，主體，字幕。v插入-場景v場景面板（插入，復(fù)制，刪除，重命名，按照位置順序執(zhí)行）認(rèn)識(shí)Flash CS3的基本界面v新建，保存，關(guān)閉v舞臺(tái)背景v空白處右鍵-文檔屬性v修改-文檔v屬性面板-大小v文檔屬性中的標(biāo)題和描述，是為了發(fā)表到網(wǎng)上去便于搜索引擎搜索v背景顏色就是舞臺(tái)顏色v幀頻，12網(wǎng)絡(luò)，24/25/30電視，越大動(dòng)畫越細(xì)膩認(rèn)識(shí)Flash CS3的基本界面v要求： 新建一個(gè)文檔（AS3.0），舞臺(tái)大小：800*600，界面布局要求以“圖標(biāo)和文字的形式