範文齋

位置:首頁 > 行政範文 > 總結

你必須知道的Flash基礎入門知識總結

總結7.7K

flash動畫製作教程 8.0入門 — 基礎0:Flash窗口(一)

你必須知道的Flash基礎入門知識總結

Flash基礎

啓動Flash 在桌面找一個紅色圖標雙擊即可啓動,也可以單擊“開始”-“所有程序”,在程序菜單中找到Flash或者Macromedia菜單選擇Flash 8項;

啓動Flash後會出現一個窗口,這是默認的開始頁,供我們選擇,找到中間一欄的“創建新項目”中的“Flash 文檔”,單擊選中它,進入到新建窗口當中,

也可以先選中下面的“不再顯示此對話框”,這樣以後每次可以直接進入新建窗口;

我們來看一下新建窗口,動畫製作就在這個窗口中,下面我們來看一下:

窗口的最上面是藍色的標題欄,當前影片自動給了一個名稱[未命名-1],在“保存”文件時要改爲一個有意義的文件名稱;

標題欄下面是菜單欄,菜單裏頭是一些命令,其中“文件”菜單(雙引號裏的文字都是命令)要求記住“保存”、“新建”命令,都跟文件操作有關;

“插入”菜單中要記住“新建元件...”命令,“修改”菜單的“組合”和“轉換爲元件”兩個命令,“窗口”菜單中顯示各種面板,要求記住上面的“屬性”面板;

再下面是編輯欄,包括文檔的標題,當前的場景1,右邊還有兩個按鈕,一個是場景按鈕,一個是組件按鈕,旁邊是顯示比例;

工具欄下面就是工作區了,在工作區的左邊是工具箱,裏面有許多的繪圖和修改工具,跟Windows裏的畫圖差不多,

要求記住黑“箭頭”工具,它是用於選擇圖形的,下邊還有兩個瓶子,要注意區分,左邊的“墨水瓶”工具是用來給鉛筆和直線噴顏色,

右邊的“油漆桶”工具用來給圓和框內部填充顏色(必須要封閉),也給刷子噴色,使用時一定要細心,不要搞反了,工具下邊還有放大鏡和手形,雙擊手可以自動調整工作區;

選中一些工具後,下邊還有選項,可以完成不同的功能,再下面是顏色,上面是給線條塗色的邊框色,下面是給內部裏面噴色的填充色;

在工具箱旁邊是時間軸面板分成了兩塊,左邊是圖層面板,自動有一個灰色的“圖層1”,上邊有三個按鈕:一個眼睛一個小鎖和一個方框,圖層面板中可以添加、刪除、選中圖層,單擊右上角的時間軸標籤可以摺疊這個面板;

右邊是時間軸,上面有許多的小格子,每個格子代表一幀,整數的幀上有數字序號,而且顏色是灰色,每一幀可以放一幅圖片,動畫就是由許許多多幀組成的,

幀上面有一個紅色的線,這是時間指針,表示當前的幀位置,同時下面的時間軸狀態欄也有一個數字表示第幾幀;

工作區的中央空白是場景,所有的畫圖和操作都在這個白色的區域中實現,也只有這個區域的圖像才能在動畫中播放出來;

窗口的最下方是屬性面板,在紫色標題欄單擊可以展開和摺疊,在上邊的白色下拉按鈕上單擊一下可以摺疊所有面板;

在窗口右邊還有一塊側邊欄,可以顯示一些複雜的應用,暫時可以隱藏,以便騰出一些空間來,隱藏的方法是,點中間的白色摺疊按鈕;

練習:看一看面的Flash窗口,回答下面的問題:

1、Flash的圖標是什麼樣的?

2、Flash窗口由哪些部分組成的?

3、工具箱裏頭有那些工具?

4、箭頭工具有什麼作用?

5、墨水瓶和油漆桶有什麼不一樣?

6、怎樣摺疊一個面板?

本節學習了Flash窗口的組成和工具箱,如果你已經仔細閱讀完,並能正確說出各的部分名稱,請繼續學習下一課內容;

(注:本教程需要正確安裝Flash網頁插件,提示“被阻止”時,點上面的信息欄“允許”)

今天剛打開電腦就彈出Flash Player更新的窗口,自然點了“更新”按鈕。可誰知更新完後竟導致電腦上的flash插件沒了,隨便打開一個網頁便提示安裝flash插件。奇怪的是點安裝後竟提示安裝失敗。沒辦法,從網上download一個安裝包下來進行安裝,彈出如下錯誤:

無法安裝flash player的解決方案:

1、卸載原版本的Flash player,可以到控制面板——添加刪除裏刪除,:如果控制面板裏無法刪除,可以到adobexxxx上下載flash player 卸載器執行卸載操作。

2、打開註冊表(打開方法:開始菜單-運行-輸入regedit-確定),依次找到 [HKEY_LOCAL_MACHINESOFTWAREMicrosoftInternet ExplorerActiveX Compatibility],將其下面的{D27CDB6E-AE6D-11CF-96B8-444553540000}項或{D3f97240- C9f4-11CF-BFCr-00A0C90-00A0C90C2BDB}項刪除(如圖三),重啓IE。

3、點擊工具-internet選項-點擊高級頁-在多媒體欄裏構選(顯示圖片)和(在網頁中播放動畫、視頻)。

4、下載最新版本的flash player進行重新安裝即可。

5、如果還不行,可能就是被上網助手什麼的安全軟件攔截或禁止了,放行即可。

flash動畫製作教程 8.0入門 —10:幀的操作(一)

十、編輯幀

幀的種類 時間軸上的幀,可以分爲關鍵幀和過渡幀、空白幀,關鍵幀有一個小黑點,在動畫中起關鍵作用;

空白幀不含有任何內容、圖形、顏色是白色的,如果有小圈就是空白關鍵幀,過渡幀是電腦產生,最後有一個小方框;

怎樣選擇幀呢,要特別注意鼠標指針,當鼠標指針是白箭頭的時候才能選擇,單擊就可以選中一個幀,選中的.幀是黑色的,同時工作區中的所有對象也都選中了,可以當“全選”命令使用;

多個幀選擇 當指針是白箭頭時拖動鼠標(不要猶豫),就可以選擇多個幀,如果停了一下,指針後面有小尾巴了,就是拖動幀而不是選擇幀了;

插入幀的方法是先選擇插入位置,瞄準單擊右鍵選擇“插入幀”命令就可以了,若選擇了多個幀表示要插入多個幀;

刪除的操作跟插入剛好相反,選中後單擊右鍵選擇“刪除幀”命令,按“Delete”鍵只是刪除工作區中的內容不刪除幀,而“刪除幀”都會刪除,影片自動縮短一幀;

剛建立的新文件只有一個圖層1和一個幀,幀是空白的關鍵幀,我們製作動畫還需要插入幀和圖層;

下面練習作一個激光文字動畫,效果是一隻激光筆寫出一個字母來,

選擇“視圖”菜單中的“網格”中的“顯示網格”命令,以及“貼緊”中的“貼緊至網格”命令,準備好以便於作圖;

先在第27幀處插入空白關鍵幀,這時第1幀和第27幀上有一個小圓圈,表示它們是關鍵幀,其他幀都是過渡幀,

選擇“文本工具”,在下邊的屬性面板中,將字體設爲“Arial”,字號改爲200,顏色爲綠色,在工作區中單擊鼠標,輸入大寫字母“L”,

這時可以發現第27幀中的圓圈變黑,說明其中有了內容,找一個網格線把字母對齊,字母大約有八個網格的高度,

將圖層1名稱改爲“文字”,單擊“文字”右邊的第二個白點,會出現一把小鎖,這樣就把文字層鎖定,防止誤操作,以“激光文字”爲文件名,保存一下文件;

然後再添加一層圖層2,把名稱改爲“筆畫”,它自動按照圖層1加長到27幀,但是隻有第一幀是關鍵幀,其他都是過渡幀,選中第27幀,單擊鼠標右鍵,選擇“轉換爲關鍵幀”,

選擇“直線工具”將邊框色改爲紅色,粗細爲3,順着字母“L”的邊緣畫一圈,一共是六筆畫(六條線);

寫字的效果是一筆跟着一筆,直到這個字寫完;

27幀是最後,這時文字已經完成,而在26幀時還差最後一筆,依此類推;

在27幀上單擊右鍵,選擇“複製幀”命令,然後再選擇“筆畫”層的26幀,單擊右鍵,選擇“粘貼幀”命令,把27幀拷貝過來;

粘貼過來的文字是一樣的,需要修改一下,26幀時字還沒寫完,沒寫完的部分要去掉;

把工作區中字母“L”的最上面一橫用放大鏡一下,這樣就可以局部放大,然後用箭頭工具框選最後一筆按Delete刪除,也就是26幀時還有半條線沒寫;

再選中第26幀,單擊右鍵,選擇“複製幀”,然後在第25幀上單擊右鍵選擇“粘貼幀”,把26幀拷貝到25幀去修改,

用箭頭工具,框選左邊豎線的第一格,按Delete鍵刪除;

同樣用拷貝的方法,從後往前修改每一幀,每次“複製幀-粘貼幀”、刪除一個網格的線段長度,一直到第1幀所有筆畫都清除掉,從第1幀到27幀筆畫逐漸增多,耐心細緻可以保證我們成功;

保存一下文件,按Ctrl+回車鍵測試一下,效果不錯,還缺少一隻筆,按Ctrl+W返回,準備畫一支筆,添加一個圖層,名稱改爲“畫筆”;

選中矩形工具,選擇邊框色爲紅色,填充色爲黃色,繪製一個網格寬,八個網格高的矩形,用放大鏡工具把上面兩個頂點框選一下,放大;

再選擇箭頭工具,拖動四個頂點,注意當箭頭工具尾巴上出現折線時開始拖動,把矩形變成一個細長的梯形,

然後先在手形圖標上雙擊一下,將工作區自動縮放一下,再選擇箭頭工具,在梯形的紅色邊線上雙擊,選中所有邊線,按Delete鍵刪除,

選中黃色梯形,按Ctrl+G把它組合成一個組件,用任意變形工具把它旋轉一定角度,然後將筆尖移到字母“L”的開頭;

創建激光筆的動畫,得先找到動畫的起點和終點,拖動時間軸上紅色的指針,找到每一筆畫的起點和終點,

“L”的第一筆是豎,動畫的兩個關鍵幀就是第1幀到第8幀的補間動畫,第一幀是空的,點一下第二幀,把畫筆移到豎線的上端,用方向鍵仔細對好;

再在第8幀上單擊鼠標右鍵,選擇“轉換爲關鍵幀”命令,然後把畫筆移到豎線的最下面,選中第1幀,單擊右鍵,創建補間動畫;

再找着第二筆橫畫,從第8幀到第12幀,在第12幀上單擊右鍵,選擇“轉換爲關鍵幀”,把畫筆移到橫畫的右邊端點上,再在第8幀上創建補間動畫;

這樣一段一段製作動畫,在“畫筆”圖層中每一筆的末尾幀上,單擊右鍵選擇“轉換爲關鍵幀”命令,然後把筆尖移到筆畫的終點,然後創建補間動畫,這樣筆尖跟筆畫就一起運動了,

保存一下文件,測試一下文件,這樣一個奇妙的動畫就做好了;

綠色的文字是起參考作用,現在可以刪除了,在“文字”圖層上單擊右鍵,選擇“刪除”命令,就可以去掉這一層,保存一下,測試一下;

還有種更簡單的創建文字外邊框的方法,用Ctrl+B把文字“L”打散,然後用墨水瓶工具給文字邊上噴上另一種顏色,描邊以後刪掉內部,可以得到文字的精確外邊框;

本節主要介紹了幀的種類,以及怎樣選擇、插入、刪除幀,如果你成功地完成了練習,請繼續學習下一課內容;

flash動畫製作教程 8.0入門 — 9:編輯對象(一)

九、編輯對象

動畫是由一格一格的“幀”所組成,在時間軸中你可以對照幀上方時間標尺來了解每一幀的位置,標尺上有一個紅色幀指針,用於顯示當前所顯示幀的位置,而在時間軸狀態欄中也會顯示當前幀的編號;

播放動畫時,幀指針會沿着時間標尺由左向右移動,以指示當前所播放的幀,在編輯動畫時,你也可以拖動幀指針到預定的位置;

在時間軸的標尺最右上角有一個幀顯示按鈕,單擊它會顯示下拉菜單,你可以選取五個與幀顯示有關的命令,默認是“標準”,要使幀的高度縮短,在下拉菜單中選擇“很小”,

要改變幀的播放速度,可以雙擊幀面板狀態欄中的“12.0”激活影片文檔屬性對話框,也可以在工作區中單擊鼠標,在下面的屬性面板中修改,將默認的12.0改爲其他數值;

下面我們來做練習:我們要製作出一個掃描的雷達來,注意細緻和耐心,所有面板都可以在“窗口”菜單裏找到;

在“視圖”菜單裏的“網格”菜單中選擇“顯示網格”,再選擇“視圖-貼緊”中的“貼緊至網格”命令;

雷達由錶盤、指針和文字三部分組成,先製作錶盤,選擇“插入”菜單中的“新建元件”,以“錶盤”爲名的圖形元件,

錶盤由圓環和刻度組成(看上圖),選擇橢圓工具,繪製一個邊框爲綠色的,填充色選無色的正圓,

選擇箭頭工具,在圓上雙擊,選中整個圓,選擇“窗口”菜單,找到“信息”命令(Ctrl+I),在右邊側邊欄中顯示信息面板組,將寬和高改爲144,輸入數字後按一下回車鍵確定;

再點擊面板“信息”名稱左邊的“對齊”標籤開對齊面板(Ctrl+K),先單擊按下右邊的“相對於舞臺”按鈕,

再在“對齊”第一排裏,單擊第二個“水平中齊”和倒數第二個“垂直中齊”兩項,使圖形位於工作區的十字正中央,

同樣在旁邊再繪一個綠圓,刪去內部填充色,選中後在信息面板中把寬和高改爲134,輸入數字後按回車鍵確認;

再在對齊面板中選擇第一排“水平中齊”和“垂直中齊”讓這個圓套進大圓中,形成一個均勻的圓環,

選擇油漆桶工具,將填充色設爲綠色,給兩個圓之間的縫隙填上綠色,以“雷達”爲文件名,保存文件到自己的文件夾;

下面再繪製刻度部分,先用箭頭工具在空白處單擊一下取消所有選擇,再選擇直線工具,打開屬性面板將線粗細改爲2.75,在圓旁邊畫一條水平直線,

選中這條線,打開信息面板,將寬設爲140,再在對齊面板中單擊第一排“水平中齊”和“垂直居中分佈”將這條線對齊到圓的中央對齊成一條水平直徑(注意“相對於舞臺”按鈕要按下),

再點擊“信息”標籤旁邊的變形面板(Ctrl+T),在“旋轉”中輸入10,單擊右下角“複製並應用轉換”按鈕,一直到整個圓被平均分成36等份,

這時的圖形有點兒像一個車輪,框選整個車輪組合一下(Ctrl+G),我們要把車輪中間挖去,留下刻度線就可以了,保存一下文件;

挖的方法是使用分散對象之間的“啃”,在車輪左邊畫一個邊框色爲無色,填充色爲綠色的圓,選中圓,在信息面板中將大小設爲120,

選中綠圓按Ctrl+G組合一下,打開“對齊”面板,檢查按下了“相對於舞臺”按鈕,再單擊第二個“水平中齊”和“垂直中齊”,將綠圓部分對齊到車輪中,

先選中大車輪,用“修改”菜單裏的分離(Ctrl+B)命令,將車輪分解打散,再選中裏頭的圓,用“修改-分離”命令,也將它打散,按一下刪除鍵將裏面的圓刪去,就挖去了中間部分,留下一個刻度盤,

再在旁邊繪製一個大小爲36的無邊框小綠圓,用對齊面板對齊到中心部分,用箭頭工具框選選中所有圖形,組合一下,保存一下文件,錶盤我們就做好了;

下面再做一個指針,選擇“插入”菜單中的“新建元件”命令,以“指針”爲名建立一個圖形元件,在場景中繪製一個填充色爲黑色的圓,在信息面板中將大小設爲134,刪去外邊框,

選中圓,打開“對齊”面板(Ctrl+K),先檢查按下了“相對於”按鈕,再單擊“水平中齊”和“垂直中齊”,使黑圓位於十字的中央,

用箭頭工具框選黑圓的四分之一,把這四分之一拖到旁邊,並用油漆桶工具給它添上黑色漸變色,要求黑色在左邊,白色在右邊(用油漆桶從右向左拉一條直線),

選擇“修改”菜單中的“轉換成元件”,以“四分之一”爲名,轉換成一個圖形元件,然後按Delete鍵刪掉它,

貼着剩下的四分之三圓中的缺口的水平部分,繪製一條寬度爲66,粗細爲3(在下邊的“屬性”面板中設定)的綠直線邊,

同樣選中它,並在“修改”菜單中把它轉換成一個以“直線”爲名的圖形組件,然後刪掉直線(不用擔心,都保存到庫裏了),保存一下文件;

在“窗口”菜單中打開“庫”面板,選擇箭頭工具,先把四分之一再拖回到圓當中,用鍵盤方向鍵慢慢移動對好,可以用放大鏡放大一些,把側邊欄摺疊起來,以便騰出一些地方來;

選中四分之一,在下邊的“屬性”面板中,單擊右邊“顏色”旁邊的“沒有”,選中“Alpha”,將它改爲60%,產生一個半透明效果來,

再展開側邊欄,找到庫面板(Ctrl+L),再把直線拖到四分之一的下邊對好位置,框選中所有圖形組合爲一個對象,這樣一個指針元件就做好了,保存一下文件;

這時我們的所有組件都製作好了,單擊“場景1”返回到場景中,下面我們要開始組合它們;

先拖一個錶盤到場景中,用對齊面板對齊到中央,將這一圖層命名爲錶盤層,點一下小鎖下面的白圓點鎖定圖層,

再新增一個圖層重命名爲“指針層”,把指針組件拖一個到錶盤的上面,也對齊到中央,應該恰好擋住四方之三的錶盤刻度,

然後在第20幀處插入關鍵幀,再在第一幀處創建補間動畫,打開屬性面板,將“旋轉”調爲“順時針”,次數爲1,讓指針順時針旋轉,將錶盤層也加長到20幀(用“插入幀”命令),保存一下文件;

按Ctrl+回車鍵測試影片,看一下效果,有一點意思,但還不太像,關閉返回到場景中;

雙擊時間軸上的“12.0”打開影片屬性,將背景顏色改爲黑色,將幀頻改爲24,單擊確定,保存一下文件,現在再測試一下影片,一個雷達就展現在你的眼前了;

本節主要學習了元件的創建,組裝,對象的對齊和修改大小,如果你成功地完成了練習,請繼續學習下一課內容;

flash動畫製作教程 8.0入門 —8:時間軸面板(一)

八、顯示和隱藏時間軸

Flash是一個動畫製作軟件,因此要學習Flash就必須從時間軸面板入手,時間軸面板在菜單欄的下方,是用來管理圖層和處理幀的;

時間軸面板可以在“時間軸” 時間軸 標題上單擊隱藏,這樣可以騰出許多空間來顯示工作區;

時間軸面板的上方是編輯欄,有場景名稱,一般是“場景1”還有兩個按鈕和顯示比例;

時間軸面板分爲三部分,左邊是圖層面板,右邊是時間軸,下邊是一個狀態欄;

時間軸左邊的圖層面板顯示了當前場景的圖層數,默認是一個“圖層1”,隨着動畫的製作,可以接着添加和修改圖層的名稱和位置,注意:上面的圖層裏的圖像會擋住下面一層的;

時間軸由許多的小格組成,每一格代表一個幀,每個幀可以存放一幅圖片,許多幀圖片連續播放,就是一個動畫影片;

時間軸下邊的狀態欄有幾個數字,表示當前是第幾幀,速度一般是12.0,時間長度幾秒(S),在12.0 fps那兒雙擊可以彈出“文檔屬性”面板;

下面看一下狀態欄中的五個按鈕,第一個“幀居中”可以讓選中的這個圖層顯示在時間軸面板的中間位置,在多個圖層時很有用;

第二個是“繪圖紙外觀”可以讓工作區中顯示幾個幀的圖像,產生一個洋蔥皮效果,這時在幀的上方有一個大括號一樣的效果範圍,括號兩頭可以拖動,控制顯示幾個幀的圖像;

第三個是“繪圖紙輪廓”只顯示出圖形的邊框來,沒有填充色,因而顯示速度要快一些(計算機基礎知識,電腦知識入門學習,請到http://電腦知識網);

第四個是“編輯多個幀”可以同時編輯兩個以上的關鍵幀,這樣在檢查動畫的兩個關鍵幀時,就非常方便;

第五個是“修改標記”,可以設置大括號的範圍,跟拖動大括號的意思一樣,調節洋蔥皮的數量和顯示幀的標記,默認2個繪圖紙,括號裏有兩幀;

下面我們來進行練習我們將在工作區中顯示出如下的效果:

這一幅圖由三個關鍵幀組成,先在時間軸的“12.0”上雙擊,在出來的面板中設置背景顏色爲黑色,

選擇橢圓工具,填充色用彩色漸變色,在工作區上繪一個圓,

再選擇箭頭工具,選擇圓的外邊框(當鼠標接近邊框時,會出現一條尾巴,單擊就可以選中邊框),按Delete鍵刪除外邊框,選中圓按Ctrl+G鍵組合爲一個對象;

選中第60幀單擊鼠標右鍵,選擇“插入關鍵幀”,再選中第90幀插入關鍵幀,把三個幀裏的圓錯開排列成大的“V”字形,這樣時間軸上有了90幀,

單擊第四個“編輯多幀”按鈕,再把幀上面的大括號拖到兩頭,這樣在工作區裏頭,就可以同時看到3個關鍵幀;

以“時間軸”爲文件名,保存文件到自己的文件夾;

在第一幀上單擊鼠標右鍵,選擇“創建補間動畫”,同樣在第60幀上單擊右鍵創建動作動畫,保存一下文件,按Ctrl+回車鍵測試一下影片,只有一個小球的移動,看不出什麼特別的;

回到場景中(Ctrl+W),單擊的五個按鈕“修改標記”,選擇最下面的“繪製全部”再看一下效果,

單擊第一幀選中它,再單擊第二個按鈕“繪圖紙外觀”,再看一下效果,是不是變了?

再點一下第二個按鈕,取消特效,用自由變換工具修改一下這三個幀的大小,第一幀小,第二幀大,第三幀小,呈“V”字型排列,你就可以產生出不同的效果來;

保存一下文件,再單擊第三個按鈕,看看有什麼不同變化;

本節主要介紹了時間軸面板和洋蔥按鈕效果,以及同時編輯多個關鍵幀的方法,如果你成功地完成了練習,請繼續學習下一課內容;

標籤:flash