flash-cs6基礎(chǔ)教程之FlashCS6簡(jiǎn)介

1、教師：周露教師：周露FLASH 動(dòng)畫設(shè)計(jì)ADOBE FLASH PROFESSIONAL 第一章 FLASH 基礎(chǔ)知識(shí)本章要點(diǎn)本章要點(diǎn)本章導(dǎo)讀本章導(dǎo)讀本章任務(wù)本章任務(wù)上機(jī)實(shí)訓(xùn)上機(jī)實(shí)訓(xùn)本章要點(diǎn)1.1 Flash 1.1 Flash 概述概述 傳統(tǒng)動(dòng)畫和傳統(tǒng)動(dòng)畫和FlashFlash動(dòng)畫動(dòng)畫 FlashFlash動(dòng)畫的優(yōu)勢(shì)動(dòng)畫的優(yōu)勢(shì) FlashFlash動(dòng)畫的應(yīng)用領(lǐng)域動(dòng)畫的應(yīng)用領(lǐng)域 關(guān)于關(guān)于FlashFlash文件文件 FlashFlash動(dòng)畫的制作流程動(dòng)畫的制作流程 學(xué)習(xí)學(xué)習(xí)Flash“Flash“三步曲三步曲”1.2 Flash 1.2 Flash 操作界面操作界面 菜單欄菜單欄 工具面板工具

2、面板 時(shí)間軸時(shí)間軸 舞臺(tái)舞臺(tái) 常用面板常用面板 其他面板其他面板1.3 Flash 1.3 Flash 常用術(shù)語常用術(shù)語 對(duì)象對(duì)象 幀幀 圖層圖層 場(chǎng)景場(chǎng)景 元件元件 實(shí)例實(shí)例 動(dòng)作腳本動(dòng)作腳本1.4 Flash 1.4 Flash 基本操作基本操作 啟動(dòng)與退出啟動(dòng)與退出FlashFlash Flash Flash文件的操作文件的操作知識(shí)拓展知識(shí)拓展 標(biāo)尺、網(wǎng)格、輔助標(biāo)尺、網(wǎng)格、輔助線的使用線的使用本章任務(wù)1了解傳統(tǒng)動(dòng)畫與Flash動(dòng)畫的制作原理；2了解Flash動(dòng)畫的特點(diǎn)和應(yīng)用領(lǐng)域；3掌握Flash常用的文件類型；4掌握Flash動(dòng)畫制作流程及學(xué)習(xí)技巧；5了解Flash CS3工作界面，能熟

3、練進(jìn)行面板操作；6掌握Flash的常用術(shù)語；7掌握Flash文件的基本操作；8掌握標(biāo)尺、網(wǎng)格、輔助線的使用技巧。FLASH 的產(chǎn)生與發(fā)展 1996年，喬納森蓋伊六人的小公司FutureWave Software開發(fā)了一款名為FutureSplash Animator的小軟件，這就是Flash的前身。同年11月，著名的多媒體軟件公司Macromedia公司收購了FutureWave，并把FutureSplash Animator更名為Flash。2005年，Adobe公司以34億美金收購了Macromedia公司，兩家公司的結(jié)合，給Flash帶來了更為廣闊的的發(fā)展前景。 Flash CS3是Ad

4、obe公司開發(fā)的一款集動(dòng)畫設(shè)計(jì)、Web網(wǎng)頁開發(fā)等功能于一體的優(yōu)秀軟件。從簡(jiǎn)單的動(dòng)畫到復(fù)雜的交互式eb應(yīng)用程序，從豐富的多媒體支持到流媒體FLV視頻文件的在線播放，F(xiàn)lash給了人們足夠的想象空間和技術(shù)支持，可以結(jié)合美妙的創(chuàng)意制作出令人嘆為觀止的動(dòng)畫效果。1.1 Flash 概述 傳統(tǒng)動(dòng)畫有完整的制作流程，要求繪制者有一定的美術(shù)傳統(tǒng)動(dòng)畫有完整的制作流程，要求繪制者有一定的美術(shù)基礎(chǔ)，并懂得動(dòng)畫運(yùn)動(dòng)規(guī)律，但因?yàn)楣ば驈?fù)雜，制作人員多，基礎(chǔ)，并懂得動(dòng)畫運(yùn)動(dòng)規(guī)律，但因?yàn)楣ば驈?fù)雜，制作人員多，導(dǎo)致成本投入非常大。導(dǎo)致成本投入非常大。 傳統(tǒng)動(dòng)畫原理是一切動(dòng)畫的基礎(chǔ)，傳統(tǒng)動(dòng)畫原理是一切動(dòng)畫的基礎(chǔ)，F(xiàn)lashFl

5、ash二維動(dòng)畫也遵循二維動(dòng)畫也遵循這個(gè)原理，同時(shí)對(duì)手工傳統(tǒng)動(dòng)畫進(jìn)行了改進(jìn)，也就是將事先這個(gè)原理，同時(shí)對(duì)手工傳統(tǒng)動(dòng)畫進(jìn)行了改進(jìn)，也就是將事先手工制作的原動(dòng)畫輸入計(jì)算機(jī)，由計(jì)算機(jī)輔助完成描線上色手工制作的原動(dòng)畫輸入計(jì)算機(jī)，由計(jì)算機(jī)輔助完成描線上色的工作，并由計(jì)算機(jī)控制完成記錄工作，制作過程變得非常的工作，并由計(jì)算機(jī)控制完成記錄工作，制作過程變得非常簡(jiǎn)單。簡(jiǎn)單。1.1.傳統(tǒng)動(dòng)畫與傳統(tǒng)動(dòng)畫與FlashFlash動(dòng)畫動(dòng)畫2.Flash2.Flash動(dòng)畫的優(yōu)勢(shì)動(dòng)畫的優(yōu)勢(shì) 使用矢量圖形和流式播放技術(shù)。畫面無論放大多少倍都不使用矢量圖形和流式播放技術(shù)。畫面無論放大多少倍都不會(huì)失真，具有體積小、傳輸和下載速度快

6、的特點(diǎn)，并且可以會(huì)失真，具有體積小、傳輸和下載速度快的特點(diǎn)，并且可以邊下載邊播放。邊下載邊播放。 FlashFlash動(dòng)畫比傳統(tǒng)的動(dòng)畫更加靈巧，可以使音效和動(dòng)畫融動(dòng)畫比傳統(tǒng)的動(dòng)畫更加靈巧，可以使音效和動(dòng)畫融合在一起，創(chuàng)作出類似電影一樣的精彩動(dòng)畫，具有強(qiáng)烈的藝合在一起，創(chuàng)作出類似電影一樣的精彩動(dòng)畫，具有強(qiáng)烈的藝術(shù)感。術(shù)感。 擁有自己的擁有自己的ActionScriptActionScript腳本語言，可以實(shí)現(xiàn)交互性，腳本語言，可以實(shí)現(xiàn)交互性，具有更大的設(shè)計(jì)自由度。具有更大的設(shè)計(jì)自由度。 具有跨平臺(tái)性和可移植性。無論處于何種平臺(tái)，只要安裝具有跨平臺(tái)性和可移植性。無論處于何種平臺(tái)，只要安裝了支持了支

7、持FlashFlash的的PlayerPlayer，就可以保證最終顯示效果的一致。，就可以保證最終顯示效果的一致。FLASH的應(yīng)用領(lǐng)域1.2.1 網(wǎng)站片頭和網(wǎng)站廣告1.2.2 Flash 導(dǎo)航和整站Flash1.2.3 Flash MV 和二維動(dòng)畫1.2.4 電子賀卡1.2.5 網(wǎng)絡(luò)游戲1.2.6 多媒體制作1.2.7 教學(xué)課件1.2.8 移動(dòng)設(shè)備應(yīng)用開發(fā)1.2.9 網(wǎng)絡(luò)應(yīng)用程序與AIR 桌面應(yīng)用程序開發(fā) 現(xiàn)在，F(xiàn)lash的舞臺(tái)已經(jīng)不局限于互聯(lián)網(wǎng)，電視、電影、移動(dòng)媒體、教學(xué)課件、MTV音樂電視等都是它展示的舞臺(tái)。Flash動(dòng)畫借助這些媒體已經(jīng)深入人心，看Flash動(dòng)畫已經(jīng)成為互聯(lián)網(wǎng)時(shí)代一種新的

8、休閑方式。輕松的幽默劇、好玩的交互游戲、精彩的網(wǎng)站片頭、實(shí)用的Flash廣告、寓教于樂的Flash課件、美輪美奐的Flash MTV等都是Flash動(dòng)畫的表現(xiàn)形式。 如下圖所示的為兩副Flash動(dòng)畫的截圖。網(wǎng)站片頭和網(wǎng)站廣告 Flash MV 和二維動(dòng)畫電子賀卡網(wǎng)絡(luò)游戲 Flash廣告教學(xué)課件 FlaFla文件文件 該文件是該文件是FlashFlash中的主要文件類型，它包含中的主要文件類型，它包含F(xiàn)lashFlash文檔的文檔的三種基本類型信息：媒體對(duì)象、時(shí)間軸和腳本信息。三種基本類型信息：媒體對(duì)象、時(shí)間軸和腳本信息。 SWFSWF文件文件 該文件是該文件是FLAFLA的編譯版本，是能在網(wǎng)頁

9、上顯示的文件。當(dāng)?shù)木幾g版本，是能在網(wǎng)頁上顯示的文件。當(dāng)用戶發(fā)布用戶發(fā)布FLAFLA文件時(shí)，文件時(shí)，F(xiàn)lashFlash將創(chuàng)建一個(gè)將創(chuàng)建一個(gè)SWFSWF文件。文件。 ASAS文件文件 該文件指該文件指ActionScriptActionScript文件，用于將部分或全部文件，用于將部分或全部ActionScriptActionScript代碼放置在代碼放置在FLAFLA文件以外的位置。文件以外的位置。4.4.關(guān)于關(guān)于FlashFlash文件文件 一部動(dòng)畫的制作如同制作電影一樣，無論是何種規(guī)模和類一部動(dòng)畫的制作如同制作電影一樣，無論是何種規(guī)模和類型，都可以分為三個(gè)步驟：前期策劃、創(chuàng)作動(dòng)畫、測(cè)試及發(fā)

10、型，都可以分為三個(gè)步驟：前期策劃、創(chuàng)作動(dòng)畫、測(cè)試及發(fā)布動(dòng)畫。布動(dòng)畫。前期策劃階段主要進(jìn)行一些準(zhǔn)備工作，包括主題的確定、動(dòng)前期策劃階段主要進(jìn)行一些準(zhǔn)備工作，包括主題的確定、動(dòng)畫腳本的編寫、素材的準(zhǔn)備等工作。畫腳本的編寫、素材的準(zhǔn)備等工作。創(chuàng)作動(dòng)畫階段主要是根據(jù)預(yù)先編寫的創(chuàng)作動(dòng)畫階段主要是根據(jù)預(yù)先編寫的FlashFlash動(dòng)畫腳本，對(duì)動(dòng)動(dòng)畫腳本，對(duì)動(dòng)畫的各元素進(jìn)行造型設(shè)計(jì)，在舞臺(tái)和時(shí)間軸中排列這些媒體畫的各元素進(jìn)行造型設(shè)計(jì)，在舞臺(tái)和時(shí)間軸中排列這些媒體元素，及添加各種動(dòng)畫效果等。元素，及添加各種動(dòng)畫效果等。測(cè)試及發(fā)布動(dòng)畫階段主要是從內(nèi)容、界面、素材、性能等多測(cè)試及發(fā)布動(dòng)畫階段主要是從內(nèi)容、界面、素

11、材、性能等多個(gè)方面對(duì)動(dòng)畫進(jìn)行測(cè)試、排錯(cuò)，確認(rèn)沒有問題后，將其進(jìn)行個(gè)方面對(duì)動(dòng)畫進(jìn)行測(cè)試、排錯(cuò)，確認(rèn)沒有問題后，將其進(jìn)行發(fā)布，以便在網(wǎng)絡(luò)或其他媒體中使用。發(fā)布，以便在網(wǎng)絡(luò)或其他媒體中使用。5.Flash5.Flash動(dòng)畫制作流程動(dòng)畫制作流程 Flash作為一款優(yōu)秀的矢量動(dòng)畫制作軟件，要想快速掌握作為一款優(yōu)秀的矢量動(dòng)畫制作軟件，要想快速掌握它的使用方法和技巧，先來了解一下學(xué)習(xí)它的使用方法和技巧，先來了解一下學(xué)習(xí)Flash的的“三步曲三步曲”。 步驟步驟要理解要理解Flash最基本的概念：幀、層、時(shí)間軸、最基本的概念：幀、層、時(shí)間軸、元件和實(shí)例等，深入理解這些概念的功能是掌握元件和實(shí)例等，深入理解這些

12、概念的功能是掌握Flash的關(guān)鍵。的關(guān)鍵。 步驟步驟動(dòng)手做一些使用屬性面板來調(diào)整對(duì)象的屬性的動(dòng)手做一些使用屬性面板來調(diào)整對(duì)象的屬性的練習(xí)。練習(xí)。 步驟步驟結(jié)合自己的創(chuàng)意，開始學(xué)習(xí)制作實(shí)例、一步步結(jié)合自己的創(chuàng)意，開始學(xué)習(xí)制作實(shí)例、一步步進(jìn)行練習(xí)了。進(jìn)行練習(xí)了。6.6.學(xué)習(xí)學(xué)習(xí)FlashFlash三步曲三步曲1.2 Flash Flash 操作界面操作界面 啟動(dòng)啟動(dòng)Flash CS3Flash CS3后，它的操作界面如下圖所示，分為菜單后，它的操作界面如下圖所示，分為菜單欄、工具箱、時(shí)間軸、舞臺(tái)、屬性面板和重疊浮動(dòng)面板等六欄、工具箱、時(shí)間軸、舞臺(tái)、屬性面板和重疊浮動(dòng)面板等六個(gè)部分。個(gè)部分。 1菜單

13、欄菜單欄 菜單欄的外觀如下圖所示，在編輯文檔時(shí)，菜單欄中一共菜單欄的外觀如下圖所示，在編輯文檔時(shí)，菜單欄中一共有有1111個(gè)菜單。這些菜單的功能簡(jiǎn)述如下個(gè)菜單。這些菜單的功能簡(jiǎn)述如下 ： 文件菜單：可以執(zhí)行創(chuàng)建、打開、保存、關(guān)閉和導(dǎo)入導(dǎo)出等文件操作。文件菜單：可以執(zhí)行創(chuàng)建、打開、保存、關(guān)閉和導(dǎo)入導(dǎo)出等文件操作。 編輯菜單：可以執(zhí)行剪切、復(fù)制、粘貼、撤消、清除與查找等編輯操作。編輯菜單：可以執(zhí)行剪切、復(fù)制、粘貼、撤消、清除與查找等編輯操作。 視圖菜單：可以執(zhí)行放大、縮小、標(biāo)尺與網(wǎng)格等有關(guān)視圖的操作。視圖菜單：可以執(zhí)行放大、縮小、標(biāo)尺與網(wǎng)格等有關(guān)視圖的操作。 插入菜單：可以執(zhí)行插入新元素，例如幀、

14、圖層、元件、場(chǎng)景及時(shí)間軸插入菜單：可以執(zhí)行插入新元素，例如幀、圖層、元件、場(chǎng)景及時(shí)間軸特效等操作。特效等操作。 修改菜單：可以執(zhí)行元素本身或元素屬性的變換操作，例如將位圖轉(zhuǎn)換修改菜單：可以執(zhí)行元素本身或元素屬性的變換操作，例如將位圖轉(zhuǎn)換為矢量圖，將選中的對(duì)象轉(zhuǎn)換為新元件等。為矢量圖，將選中的對(duì)象轉(zhuǎn)換為新元件等。1菜單欄菜單欄 文本菜單：可以設(shè)置與文本有關(guān)的屬性，例如設(shè)置字體、設(shè)置字距與文本菜單：可以設(shè)置與文本有關(guān)的屬性，例如設(shè)置字體、設(shè)置字距與檢查拼寫等。檢查拼寫等。 命令菜單：可以執(zhí)行與運(yùn)行程序相關(guān)的操作，可以管理和運(yùn)行命令，命令菜單：可以執(zhí)行與運(yùn)行程序相關(guān)的操作，可以管理和運(yùn)行命令，實(shí)現(xiàn)批處理的目的。實(shí)現(xiàn)批處理的目的。 控制菜單：可以執(zhí)行影片測(cè)試有關(guān)的命令，例如測(cè)試影片、測(cè)試場(chǎng)景、控制菜單：可以執(zhí)行影片測(cè)試有關(guān)的命令，例如測(cè)試影片、測(cè)試場(chǎng)景、播放與停止等。播放與停止等。 調(diào)試菜單：可以調(diào)試發(fā)現(xiàn)影片中的錯(cuò)誤。調(diào)試菜單：可以調(diào)試發(fā)現(xiàn)影片中的錯(cuò)誤。 窗口菜單：可以對(duì)窗口和面板進(jìn)行管理，例如新建窗口、展開或隱藏窗口菜單：可以對(duì)窗口和面板進(jìn)