第一篇:flash基礎(chǔ)知識教案4
上課時間:2012.10.16 課題
2.1 動畫角色繪制
課時
1課時+實訓(xùn)1課時
教學(xué)內(nèi)容
1.選擇工具選項及應(yīng)用。2.線條工具選項及屬性設(shè)置。
教學(xué)目標(biāo)
知識目標(biāo):了解什么是位圖和矢量圖以及動畫角色造型的基礎(chǔ)知識,掌握選擇、矩形、橢圓、刷子、線條、鉛筆等工具的基本使用方法;熟悉繪圖工具屬性面板;學(xué)會組合以及分離圖形對象的方法。
能力目標(biāo):培養(yǎng)學(xué)生舉一反
三、分析解決問題的能力,逐步提高他們與人合作、討論問題、探索新知識的能力。
情感目標(biāo):利用上機(jī)分組操作,培養(yǎng)學(xué)生的協(xié)作精神;并通過開拓思路、激發(fā)欲望的過程,培養(yǎng)他們對于本課程以及本專業(yè)的熱愛。
教學(xué)重點
了解位圖、矢量圖,了解動畫角色造型的基礎(chǔ)知識。
教學(xué)難點
熟悉不同繪圖工具的使用方法以及【屬性】面板參數(shù)。
教學(xué)活動及主要語言
學(xué)生活動
一、情景引入:
Q版圣誕老人角色,由幾種幾何形狀以及紅、白、黑的筆觸和填充色繪制出來的。
二、講授新課 1.試一試
引導(dǎo)學(xué)生仔細(xì)觀察動畫,幫助他們對制作任務(wù)的操作流程做一個步驟分解,這樣既可以使學(xué)生對整個案例的完成過程有一個全面認(rèn)識,又便于下一步任務(wù)操作的具體實施。任務(wù):繪制Q版圣誕老人(學(xué)習(xí)難度★★)
步驟分解
新建文檔→繪制頭部→繪制帽子→繪制臉部→繪制手臂→繪制肚子→繪制腿部
從而提出本案例的學(xué)習(xí)目標(biāo)。邊演示邊講解 2.知識點撥:
2.1.1 選擇工具()
選擇工具按鈕是最常用的一種工具,選擇工具按鈕的主要功能是選擇對象,對對象進(jìn)行變形等。對象被選中后,選中部分會填充小的亮點。1.選取單一對象:
選中選擇工具,在欲選取的對象上單擊鼠標(biāo)左鍵即可選取對象。注意:填充區(qū)和線條。2.選取多個對象
選取多個對象有兩種方法。
方法一:在空白區(qū)域按住鼠標(biāo)左鍵拖動,拖出一個矩形范圍,將要選取的對象都包含在這個矩形范圍內(nèi),松開左鍵后,矩形框內(nèi)的所有編輯對象都將被選中,包括對象的線條與填充區(qū)域。
方法二:如果在Flash的“首選參數(shù)”中取消了“使用Shift鍵連續(xù)選擇”選項,則可以用鼠標(biāo)依次單擊每一個要選取的對象進(jìn)行選擇;否則需要首先按住Shift鍵,然后鼠標(biāo)依次單擊要選取的對象,選取多個對象。3.選取填充區(qū)和輪廓線
在填充區(qū)內(nèi)雙擊鼠標(biāo),則填充區(qū)與輪廓線同時被選中。4.選取連續(xù)線條
若在線條上雙擊鼠標(biāo),則可以將顏色相同、粗細(xì)一致、連在一起的線條同時選中。5.選取對象的某一區(qū)域
按住左鍵拖動鼠標(biāo)會出現(xiàn)一個矩形框,松開左鍵后,矩形框內(nèi)的部分將被選中。6.取消選擇對象
用鼠標(biāo)單擊工作區(qū)的空白區(qū)域,則取消了對所有對象的選擇。如果在已選擇的多個對象中取消對某個對象的選擇,可以先按住Shift鍵,用鼠標(biāo)單擊該對象,即可取消該對象的選擇。7.移動對象
用選擇工具指向已經(jīng)選擇的對象,按下鼠標(biāo)左鍵并拖動,就可以將對象拖到其它位置。如果選擇了多個對象,則這幾個對象將一起移動。8.修改形狀
選擇工具還可以修改對象的外框線條。特別應(yīng)該注意:在修改對象的外框線條前必須要取消該對象的選擇,否則就操作成了移動對象。
(1)角點:
將鼠標(biāo)移至兩條線的交角處,鼠標(biāo)右下角會出現(xiàn)一個直角標(biāo)記,按住鼠標(biāo)左鍵拖動,可以拉伸線的交點。(2)線上
如果將鼠標(biāo)移近到線條附近,鼠標(biāo)右下角出現(xiàn)小圓弧,按住鼠標(biāo)左鍵,拖動鼠標(biāo),可以將線條牽引變形,改變線條的曲度。9.選項欄
選中選擇工具后,在選項欄有三個選項按鈕?!百N緊至對象”,平滑,伸直。(1)“貼緊至對象”按鈕:也稱為磁鐵或捕獲按鈕,按下此按鈕后,啟動自動捕捉功能。在用鼠標(biāo)拖動一個對象靠近另一對象時,被拖對象的拖動點一旦接近另一對象的邊緣,達(dá)到另一對象的捕捉范圍時,它就像被磁鐵吸引一樣,自動與另一對象連接。說明:
當(dāng)被拖對象沒有達(dá)到另一對象的捕捉范圍時,拖動點箭頭上會出現(xiàn)一個小圓圈;當(dāng)達(dá)到另一對象的捕捉范圍時,箭頭上的圓圈會突然變大。
(2)平滑:此按鈕可以使對象變得更加平滑。先選中要修改的對象,然后單擊平滑按鈕,每單擊一次,對象被平滑一次,多次單擊后曲線會變得很平滑。
(3)伸直:此按鈕可以使對象變得更加尖銳。選中要修改的對象,然后單擊伸直按鈕,每單擊一次,對象被拉直一次,多次單擊后曲線會變得棱角分明。2.1.2繪制線條的方法:
選擇線條工具,在工作區(qū)單擊并拖動鼠標(biāo),即可畫出一條直線。如果按住Shift鍵,就只能畫出水平、垂直和45度傾斜角的直線。線條的屬性
1.線條的大小和位置:
Flash為了精確定位各類圖形,使用了xy坐標(biāo)系。將舞臺的左上角定為坐標(biāo)原點,水平方向為x軸,坐標(biāo)原點向右為正,向左為負(fù);垂直方向為y軸,坐標(biāo)原點向下為正,向上為負(fù)。在屬性面板上顯示了選定直線的寬度和高度,直線左端點的水平坐標(biāo)和垂直坐標(biāo)。2.線條的顏色:
即筆觸顏色。單擊該按鈕,將出現(xiàn)調(diào)色板,可以選擇一種顏色作為繪圖直線的顏色; 3.線條的寬度:
即筆觸高度。在該文本框中直接輸入線寬數(shù)值后回車,即可改變線條的寬度。也可以單擊文本框右側(cè)的下拉箭頭,彈出的浮動按鈕也可選擇線條的粗細(xì)。4.線條的樣式:
即筆觸樣式。單擊按鈕右側(cè)的下拉箭頭,彈出可供選擇的線條樣式。5.自定義線條:
單擊自定義按鈕將彈出筆觸樣式對話框,用戶可以設(shè)置筆觸的樣式。在該對話框中包括預(yù)覽框、線條粗細(xì)的文本框、類型下拉列表 在不同的線條類型可以設(shè)置的選項文本框也不相同。
以虛線為例,它有兩個文本框,左邊的文本框用于設(shè)置線段的長度,右邊的文本框用于設(shè)置線段間的距離。改變這兩個文本框的數(shù)值可以改變線條的形狀。6.定義端點樣式: 在Flash中可以給線條的終點加端點,美化線條和實現(xiàn)線條間的平滑連接,端點的類型有圓角形和方形。鼠標(biāo)單擊端點右邊的按鈕,在彈出的菜單中有關(guān)于端點的三個選項,無、圓角和方形。
7.定義接合樣式:
Flash定義了三種線條相接合的方式,尖角、圓角和斜角接合。選中一個折線,進(jìn)行設(shè)置。8.選項:
選取線條工具后,對應(yīng)的選項欄中有兩個輔助選項:對象繪制和貼緊至對象?!皩ο罄L制”按鈕:按下此按鈕,所繪制的線條將為獨立的對象,不會與其它對象互相影響?!百N緊至對象”按鈕:按下此按鈕,啟動自動捕捉功能。當(dāng)鼠標(biāo)繪制直線接近其它對象時,直線自動連接到其它對象上。作業(yè):繪制圖形例題例1 課后小結(jié):
部分選取工具的主要作用是改變節(jié)點。套索工具的功能更強(qiáng),可以選擇不規(guī)范的區(qū)域。線條的屬性主要包括.線條的大小和位置、線條的顏色、線條的寬度、線條的樣式、端點樣式、接合樣式。板書設(shè)計:
1.選擇工具及選項 2.線條工具 課后小結(jié):
以案例教學(xué)為核心,采用任務(wù)驅(qū)動式的行為導(dǎo)向教學(xué)法。采取了由淺入深、循序漸進(jìn)的教學(xué)策略,以學(xué)生的感知、理解、鞏固、運用為教學(xué)設(shè)計流程。教學(xué)互動環(huán)節(jié)中主要包括六個步驟:明確任務(wù)——計劃籌備——學(xué)生實施——引導(dǎo)組織——評估反饋——鞏固實踐。
這里是案例制作前的準(zhǔn)備工作,一方面是案例制作素材的準(zhǔn)備,另一方面教師可以帶領(lǐng)學(xué)生學(xué)習(xí)“預(yù)備知識”,對案例中的相關(guān)知識點有個導(dǎo)入性的認(rèn)識:1.位圖與矢量圖;2.動畫角色造型;3.位圖與矢量圖要點圖解。學(xué)生練習(xí),注意幾種選擇對象的區(qū)別。學(xué)生練習(xí)
按要求制作線條。寬度高度均為100,xy值為200,線條的顏色為紅色,線條的寬度為4,線條的樣式為虛線,端點樣式圓角。
第二篇:Flash基礎(chǔ)知識
閩江學(xué)院教案
課程名稱《多媒體課件制作》
任課老師:
肖剛
Flash基礎(chǔ)知識
一.Flash的發(fā)展歷史
Flash的前身是Future Splash Animator,1996年被著名的Macromedia公司收購,改名為Flash,之后Flash得到了迅速的發(fā)展。早期Flash主要用于設(shè)計網(wǎng)頁矢量動畫,而目前Flash已經(jīng)在廣告、游戲、教學(xué)、MTV、藝術(shù)創(chuàng)作、掌上娛樂等等領(lǐng)域得到了廣泛的應(yīng)用,它是名副其實的網(wǎng)絡(luò)時代的寵兒。2005年,Macromedia公司被Adobe公司收購,Macromedia Flash遂改名為Adobe Flash,目前最新版本為Adobe Flash CS3(Flash 9)。
經(jīng)過多年的發(fā)展,F(xiàn)lash早已不是一個孤立的開發(fā)環(huán)境。它與Dreamweaver、Firework分工協(xié)作,被稱為是網(wǎng)絡(luò)三劍客,Maromedia被Adobe收購之后,F(xiàn)lash又實現(xiàn)了與Illustrator、Photoshop的無縫協(xié)作;它與Adobe Device Central配合,開發(fā)手機(jī)Flash應(yīng)用;它與其它集成開發(fā)環(huán)境配合,制作富應(yīng)用程序(Rich Application),如QQ寵物和QQ游戲;與Flash Media Server結(jié)合,可以開發(fā)網(wǎng)絡(luò)應(yīng)用程序,如基于Flash的視頻會議系統(tǒng);還可以用Flex,以純xml描述文件和ActionScript動態(tài)生成.swf文件,從而在網(wǎng)絡(luò)環(huán)境下,給用戶以豐富的客戶體驗。
二.Flash的特點
Flash首先是一個功能強(qiáng)大的多媒體集成開發(fā)環(huán)境。大多數(shù)的位圖、矢量圖、音頻、視頻都能為Flash所用。讓我們來看看Flash的“胃口”有多大,點擊【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺】,彈出導(dǎo)入對話框。點擊格式選擇下拉框,會看一個長長的可導(dǎo)入的格式列表。
其中常用的格式如下: 格式名稱 簡要說明
jpg、gif、png、tif 通用的位圖格式,其中g(shù)if可以包含動畫,png可以包含8位的透明通道。
psd Photoshop的文檔格式。ai、fh、wmf 常用的矢量圖片格式。avi、mov、dvi、mpg、各種視頻格式,其中flv為Flash標(biāo)準(zhǔn)的視頻格式,3gpflv、3gp 是用于移動設(shè)備的視頻格式。wav、mp3 常用的音頻格式。fla Flash源文件。swf Flash的目標(biāo)文件,導(dǎo)入時以逐幀的方式保留主時間軸動畫。
需要注意的是,并非所有Flash導(dǎo)入對話框列出的格式都可以被完美地導(dǎo)入到Flash中。因為這些格式往往都是其它公司自行開發(fā)的格式標(biāo)準(zhǔn),這些文件的結(jié)構(gòu)可能會根據(jù)每個公司自己的需要而有所改變,這是Flash所無法控制的。如果出現(xiàn)導(dǎo)入意外,則需要對素材進(jìn)行一些處理。例如提示導(dǎo)入mp3失敗,則可以通過專業(yè)的音頻制作軟件進(jìn)行重新保存成能夠?qū)氲膍p3編碼方式,再行導(dǎo)入。如果導(dǎo)入某些矢量圖格式出現(xiàn)與原圖差異較大,則可以嘗試用相關(guān)軟件保存成低版本的矢量圖格式再導(dǎo)入。如果想導(dǎo)入swf作品的完整動畫與以及腳本,則可以嘗試使用碩思閃客精靈(Sothink)對作品進(jìn)行反編譯,生成fla源文件之后再行導(dǎo)入。
在多媒體集成的基礎(chǔ)上,F(xiàn)lash提供了強(qiáng)大而簡便的動畫設(shè)計功能,如運動補(bǔ)間、遮罩。通過這些功能,可以實現(xiàn)各種神奇的動畫效果。
其次,F(xiàn)lash還是一個集成的編程開發(fā)環(huán)境。它擁有一套完整的、功能強(qiáng)大的面向?qū)ο竽_本語言:ActionScript。我們甚至可以不使用任何素材,也不手工繪制任何圖形,直接使用腳本也能創(chuàng)建美麗絕倫的動畫特效,還可以使用Flash提供的大量的類、API和組件,以
閩江學(xué)院教案
課程名稱《多媒體課件制作》
任課老師:
肖剛
及自定義類、自定義組件,從而組建龐大的Flash應(yīng)用程序。
再次,F(xiàn)lash具有鮮明的網(wǎng)絡(luò)特征。它的流行本身就得益于互聯(lián)網(wǎng)的發(fā)展,文件小、播放器嵌入于各種瀏覽器中、跨各種操作系統(tǒng)平臺、采用流媒體技術(shù)、本地文件存取限制等等,無不說明了Flash先天的網(wǎng)絡(luò)特征。
還有,F(xiàn)lash能很好地處理XML,尤其是ActionScript3.0,它包含以下 E4X(ECMAScript for XML規(guī)范)類:XML、XMLList、QName 和 Namespace。這使得Flash具有強(qiáng)大的格式化數(shù)據(jù)處理能力,以及與各種服務(wù)和應(yīng)用進(jìn)行數(shù)據(jù)交換的能力。
Flash可以在嵌入式系統(tǒng)中應(yīng)用。尤其在智能手機(jī)上,F(xiàn)lash得到了快速的應(yīng)用,給用戶以不同以往的掌上娛樂體驗。Flash Lite專門用來開發(fā)手機(jī)Flash應(yīng)用,F(xiàn)lash Lite的出現(xiàn)給J2ME產(chǎn)生了巨大的沖擊。
總之,強(qiáng)大的媒體兼容能力、矢量動畫能力、面向?qū)ο蟪绦蛟O(shè)計語言、鮮明的網(wǎng)絡(luò)特性、支持XML、強(qiáng)大的跨平臺特性,每個功能都讓Flash的魅力倍增??梢哉f,只有你想不到,沒有Flash做不到,這句話毫不夸張。三.Flash的不足
最大的問題是圖形處理的速度瓶勁。為了達(dá)到跨平臺的特性,F(xiàn)lash放棄了使用DirectX或者OpenGL等底層圖形加速的機(jī)會。采用一些性能優(yōu)化的策略可以解決大部分的速度瓶頸問題。
Flash的另一個局限是不能隨意存取本地硬盤數(shù)據(jù),這是為了用戶安全而做出的決定。作為折中方案,F(xiàn)lash提供共享對象(SharedObject)類用于在用戶計算機(jī)上讀取和存儲有限的數(shù)據(jù)量。共享對象提供永久貯存在用戶計算機(jī)上的對象之間的實時數(shù)據(jù)共享。本地共享對象與瀏覽器 cookie 類似。
最后,F(xiàn)lash是基于二維平面的開發(fā)環(huán)境,雖然可以通過投影,將三維空間映射為二維平面,但畢竟大大增加了設(shè)計的復(fù)雜度和實時計算量。到目前為止,多數(shù)三維效果仍然通過特制的位圖和精心的布置來模擬。四.Flash的界面
目前Flash的最新版是Flash CS4。Flash CS4的界面如下圖所示:
閩江學(xué)院教案
課程名稱《多媒體課件制作》
任課老師:
肖剛
五.Flash的基本繪圖操作 畫圓 畫矩形 畫任意曲線
編輯曲線的幾種方法 組合工具的使用
六.課堂實例:繪制Cute網(wǎng)頁按鈕
使用Flash中的橢圓形工具以及色彩填充的調(diào)節(jié),設(shè)計如下的網(wǎng)頁按鈕效果:
七.補(bǔ)充實例:繪制卡通圖
使用Flash中的畫線工具以及線條編輯的功能,臨摹一幅卡通圖畫。可選的圖畫如下所示,不一定要完全一致,而是選出其中的一些角色或表情加以模仿,以便掌握Flash的線條編輯技巧。
閩江學(xué)院教案
課程名稱《多媒體課件制作》
任課老師:
肖剛
第三篇:FLASH教案
動畫作品制作
-----“愛護(hù)環(huán)境,保護(hù)家園?!毕盗?/p>
教學(xué)時間:第一周 教學(xué)課時:2課時
教學(xué)目標(biāo):熟悉FLASH的工作環(huán)境,掌握最基本的概念 教學(xué)重難點:層和元件的概念及簡單運用 教學(xué)過程:
一、FLASH特點:
使用矢量圖形和流式播放技術(shù)。矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量;流式播放技術(shù)使得動畫可以邊播放邊下載,通過使用關(guān)鍵幀和圖符使得所生成的動畫(.swf)文件非常小,幾K字節(jié)的動畫文件已經(jīng)可以實現(xiàn)許多令人心動的動畫效果,把音樂,動畫,聲效,交互方式融合在一起,越來越多的人已經(jīng)把Flash作為網(wǎng)頁動畫設(shè)計的首選工具。
強(qiáng)大的動畫編輯功能使得設(shè)計者可以隨心所欲地設(shè)計出高品質(zhì)的動畫,通過ACTION和FS COMMAND可以實現(xiàn)交互性,使Flash具有更大的設(shè)計自由度,另外,它與當(dāng)今最流行的網(wǎng)頁設(shè)計工具Dreamweaver配合默契,可以直接嵌入網(wǎng) 頁的任一位置,非常方便。
總之,F(xiàn)lash已經(jīng)慢慢成為網(wǎng)頁動畫的標(biāo)準(zhǔn),成為一種新興的技術(shù)發(fā)展方向。
二、熟悉工作環(huán)境
1、主要分為
舞臺 就是工作區(qū),最主要的可編輯區(qū)域。在這里可以直接繪圖,或者導(dǎo)入外部圖形文件進(jìn)行安排編輯。就像演員表演的舞臺,動畫呈現(xiàn)在舞臺上,超出舞臺的區(qū)域就為不可見,也就是幕后,F(xiàn)LASH動畫也要十分注重舞臺和幕后的共同設(shè)計。
時間軸窗口 用它可以調(diào)整電影的播放速度,并把不同的圖形作品放在不同圖層的相應(yīng)幀里,以安排電影內(nèi)容播放的順序。
繪圖工具欄 放置了可供圖形和文本編輯的各種工具,用這些工具可以繪圖,選取,噴涂,修改以及編排文字,還有些工具可以改變查看工作區(qū)的方式。在選擇了某一工具時,其所對應(yīng)的修改器(Modifier)也會在工具條下面的位置出現(xiàn),修改器的作用是改變相應(yīng)工具對圖形處理的效果。
標(biāo)準(zhǔn)工具欄 列出了大部分最常用的文件操作,打印,剪貼板,撤消和重做,修改器以及控制舞臺放大比例的圖標(biāo)和選項,便于進(jìn)行更為快捷的操作。
圖庫窗口 用以存放可以重復(fù)使用的稱為符號的元素。符號的類型包括有圖片(Graphics),按鈕(Button)和電影片斷(Movie Clip)。其調(diào)用的快捷鍵為Ctrl-L。學(xué)習(xí)FLASH也要養(yǎng)成良好的習(xí)慣,其中建立元件就是最基本也是最重要的,元件存放在圖庫中,這樣便與元件的重復(fù)使用以及統(tǒng)一修改。
控制器面板 控制電影的播放操作的工具集合(包括影片的前進(jìn)后退暫停等),一般不大常用,處于隱藏狀態(tài)。
2、逐步介紹各個區(qū)域(1)時間軸
時間軸(Timeline)是Flash中最重要的工具之一。用它可以查看每一幀的情況,調(diào)整動畫播放的速度,安排幀的內(nèi)容,改變幀與幀之間的關(guān)系,從而實現(xiàn)不同效果的動畫。
狀態(tài)欄中的 為洋蔥皮(Onion skin)按鈕,其作用是在顯示播放頭所在幀內(nèi)容的同時顯示其前后數(shù)幀的內(nèi)容。當(dāng)點擊該按鈕時,播放頭周圍會出現(xiàn)方括號形狀的標(biāo)記,其中所包含的幀都會顯示出來,這將有利于我們觀察不同幀之間的圖形變化過程。
和 的作用一樣,只不過它只顯示各幀圖形的輪廓線。當(dāng)我們需要同時編輯多個幀時,按下按鈕就可以了,但要注意,它只對幀-幀動畫有效,而對漸變動畫無效,因為漸變動畫是通過定義關(guān)鍵幀再插值的方法實現(xiàn)的,所以其中內(nèi)插的幀是無法編輯的。是洋蔥皮修改器,用于改變洋蔥皮的狀態(tài)和設(shè)置。其后的三個數(shù)字分別為當(dāng)前播放頭所在幀號,動畫播放速度以及以此速度從頭播放到當(dāng)前幀所需的時間。
時間軸窗口右上角的 可以用來調(diào)整時間每個單元格的寬窄大小,各人可根據(jù)自己的喜好,動畫的長短等因素進(jìn)行修改,以便于實際操作。
(2)元件和層概念及運用
在講動畫形式之前先講元件和庫的概念,教學(xué)生建立元件的方法及必要性??招男A圈表示空白的關(guān)鍵幀,沒有內(nèi)容,例如在新建一個動畫文件時出現(xiàn)。先建立一個元件,然后在場景中拉入元件 拉入后成實心點,有內(nèi)容就成了實心點
單獨的關(guān)鍵幀為一黑色圓點,后面為灰色表明其后各幀的內(nèi)容與其一致,沒有變化。實例分析:背景色的設(shè)置;相同小球的組合繪制
要點:選擇工具的使用(任意變形和整體選擇操作)圓形的繪制(shift畫正圓); 建立元件(元件的概念)組合 CTRL+G 打散 CTRL+B 直線工具的使用
元件主要有兩個優(yōu)點:可以重復(fù)使用和統(tǒng)一修改
介紹元件建立的兩個方法:插入――建立新元件或者選擇對象轉(zhuǎn)換為元件。
(3)圖層:通過實例掌握圖層
關(guān)于圖層(Layer)的概念,學(xué)過Photoshop的人都不會陌生。形象地說,圖層可以看成是疊放在一起的透明的膠片,如果層上沒有任何東西的話,你 就可以透過它直接看到下一層。所以我們可以根據(jù)需要,在不同層上編輯不同的動畫而互不影響,并在放映時得到合成的效果。使用圖層并不會增加動畫文件的大 小,相反它可以更好幫助我們安排和組織圖形,文字和動畫。圖層是Flash中最基本而且重要的內(nèi)容,因而需要很好地掌握: 在實例(ceng)中學(xué)習(xí)下面的知識。左圖是一個典型的圖層例子,圖中所示共有十一個層。其中用黑色標(biāo)識帶有一支鉛筆 標(biāo)志的層為當(dāng)前正在編輯的層。如果該層不能被編輯,則會顯示 圖標(biāo)。在這些層右上方有三個圖標(biāo),其中 可以控制該層是否被顯示,默認(rèn)狀態(tài)為正常顯示,在對應(yīng)下方用 表示,如果點擊這個黑點,則會出現(xiàn),同時該層被隱藏,隱藏的層不能被編輯。用來控制是否鎖住該層,被鎖住的層可以正常顯示,但不能被編輯,這樣在你編輯其它層時,可以利用這一層作參考,而不會誤改了這一層的內(nèi)容??梢钥刂剖欠駥右暂喞€方式顯示,點擊對應(yīng)的黑點,會出現(xiàn),再點一次恢復(fù)正常。這幾個功能可以同時起作用。
(4)動畫形式 分為運動動畫和漸變動畫 運動動畫:例如一個小球從左邊運動到右邊 表示運動漸變動畫,關(guān)鍵幀用黑色的圓點標(biāo)識,內(nèi)插幀用黑色的實線表示,背景為淡紫色(淺藍(lán)色)。虛線說明中間的過渡存在錯誤,無法正確實現(xiàn)內(nèi)插。
兩個例子:一個是小球位置的改變,另一個是顏色透明度的改變。
漸變動畫:例如圓變方塊!表示變形過渡動畫,關(guān)鍵幀用黑色的圓點標(biāo)識,內(nèi)插幀用黑色的實線表示,背景為淡綠色。
同樣如果中間出現(xiàn)錯誤,也會出現(xiàn)虛線!主要是兩個例子,圓變方塊和英文字變中文
其中要注意對象要打散,文字要打散兩次。比較和補(bǔ)間動畫的區(qū)別。下面兩個略作了解
字母a表示該幀已通過幀屬性對話框指定了action。關(guān)于action以后會詳細(xì)介紹。小紅旗表明該幀有標(biāo)簽或注解。
三、小結(jié)
通過本次課的學(xué)習(xí),學(xué)生要理解并掌握元件和層的概念及簡單運用。要注意以下幾點: 1.元件存在庫中,方便重復(fù)使用和統(tǒng)一修改 2.一個元件對應(yīng)一層
3.層之間上下疊放,可改變順序 4.動畫的兩種形式,補(bǔ)間動畫包括位置和顏色透明度的改變。形狀動畫要注意對象要打散,其中文字的打散要用兩次CTRL+B。教學(xué)時間:第二周 教學(xué)課時:2課時 教學(xué)目標(biāo):
1、復(fù)習(xí)鞏固FLASH中最基本的概念(元件、圖層)
2、掌握兩種動畫形式:補(bǔ)間動畫和漸變動畫
3、掌握時間軸上幀的操作(插入、刪除等)教學(xué)重點:應(yīng)用工具畫圖,并制作動畫 教學(xué)過程:
一、復(fù)習(xí)鞏固
主要是在上周的基礎(chǔ)上完成進(jìn)一步動畫
做完的同學(xué)可以進(jìn)一步練習(xí)兩種動畫形式,主要為物體透明度的改變和文字的變形。
記住三句口決:
1、一個對象一層
2、一般一個對象要轉(zhuǎn)換為元件
3、在形狀動畫中不要建立元件,對象要打散
二、實例運用1 上節(jié)課已經(jīng)學(xué)習(xí)了兩種最基本的動畫形式,這次課我們就先來綜合運用一下。實例1 哭臉變笑臉
1、先給學(xué)生看最后的效果
2、分析 要分為幾層?
五層 臉、眼眶、嘴、左眼、右眼 為什么要用5層?
嘴一層 要進(jìn)行動畫制作,因此要單獨一層
左右眼珠分兩層,眼睛看起來靈活些,也更方便些
幾個注意的地方:
線條的粗細(xì)可調(diào)整;對象的大小可調(diào)整(直接修改數(shù)值比較精確);對象要對齊可用吸附工具,也可以借輔助線用方向鍵進(jìn)行微調(diào)整;嘴是要變形的,打散狀態(tài)(右 鍵-分離 弧線才可變形,選中的對象不能改動);F5普通幀(刪除幀),F(xiàn)6關(guān)鍵幀(清除關(guān)鍵幀),補(bǔ)間動畫FLASH自動生成。
思考:眼睛怎么轉(zhuǎn)動? ―――元件的運動。分析:眼珠要四周轉(zhuǎn)動,需要四個關(guān)鍵幀
三、綜合實例
1、看實例2
進(jìn)行分析:主要是混色器的使用
關(guān)鍵步驟:先畫一個圓,線條可調(diào)整;
選擇漸變的圓,在混色器中進(jìn)行調(diào)整(小塊往下拉就刪除),調(diào)整到合適的效果(用顏料桶填充);
要做圓環(huán),在大圓中再畫一個小圓,小圓在選中狀態(tài)下可以改變位置,調(diào)整大小等。(要注意,放開就不能改了)。改變大小時,SHIFT是左上角調(diào)整,ALT則是以圓心調(diào)整;
要做成補(bǔ)間動畫(形狀動畫也是成立的,但沒什么效果。自己要多試,可以意外發(fā)現(xiàn)一些效果)補(bǔ)間動畫 順時針 40幀 循環(huán)3次(24幀為1秒)
思考字母變形的做法(結(jié)合上次課的練習(xí))
四、學(xué)生動手創(chuàng)作教師節(jié)賀卡(有樣例3)(20’)要求學(xué)生充分發(fā)揮自己的想象力,動手制作一張賀卡 主要包括幾方面的內(nèi)容:
1、文字的移動
2、文字的旋轉(zhuǎn)移動
3、文字的漸隱(透明度的變化)
4、簡單的動作設(shè)置(stop)
五、小結(jié)
通過本次課的學(xué)習(xí),我們復(fù)習(xí)并鞏固了FLASH的兩種基本動畫形式,以及運用了層來更好地表現(xiàn)動畫。教學(xué)時間:第三周 教學(xué)課時:2課時 教學(xué)目標(biāo):
1、要求學(xué)生掌握漸變工具、多角星形工具、墨水瓶工具、文字工具的使用。
2、要求學(xué)生掌握修改菜單中的位圖、元件、形狀的菜單項。
3、掌握如何制作基本圖形:圓環(huán)、星星、月亮、太陽、空心文字、門、窗、建筑物。
4、掌握位圖的導(dǎo)入及矢量圖的轉(zhuǎn)換。
教學(xué)重點:基本圖形的制作;如何導(dǎo)入和轉(zhuǎn)換圖片。教學(xué)過程:
一、復(fù)習(xí)鞏固
1、完成上次的作業(yè)(哭臉變笑臉的的例子和轉(zhuǎn)動的圓環(huán))上傳作業(yè)(新的FTP帳號的使用,要求上傳原文件)。
二、新課引入
思考一下這個圓環(huán)是怎么做的?(實例1)分析:
1、我們可以用上節(jié)課講的大圓里畫小圓的方法來完成,不過可能覺得還是有些麻煩的,上節(jié)課是為了特殊的漸變效果才用那種方法的,現(xiàn)在再介紹另一種方法:
2、關(guān)鍵步驟
選擇圓形工具,邊線設(shè)置為七彩色,線條粗細(xì)調(diào)節(jié)好(要做成一個環(huán),數(shù)值比較大),填充色設(shè)為白色;
選中圓環(huán),修改-形狀-線條轉(zhuǎn)為填充色; 墨水瓶工具填充線條;
注意點:修改-形狀-線條轉(zhuǎn)為填充色,否則無法實現(xiàn)(會把七彩色蓋掉)
三、實例教學(xué)
1、多邊形工具的使用(實例2)
太陽的制作主要步驟:
選擇矩形工具下面的小箭頭,選擇多邊形工具,在選項中進(jìn)行設(shè)置,樣式:星形 邊數(shù) 10 星形頂點大小 0.5(數(shù)量越小就越尖)可以具體演示兩種效果,讓學(xué)生比較掌握;
填充色設(shè)為黃色漸變(漸變工具的再一次復(fù)習(xí)鞏固);
畫一個深黃色的圓,在上面畫上眼睛和嘴(變形工具的使用復(fù)習(xí))
有時間的同學(xué)自己創(chuàng)作畫月亮
幾點注意:月牙形的繪制;墨水瓶工具的填充線條
3、綜合實例制作(實例4)分析:
整個動畫分為三個主要部分(星星、高樓和汽車),一個個來制作 星星影片制作:
首先,繪制一個星星(圖形元件),主要步驟同多邊形的繪制;
再建立一個影片元件,名為閃動的星,注意區(qū)別影片元件和圖形元件(參看足球的轉(zhuǎn)動),讓學(xué)生注意觀察標(biāo)記不一樣
記住一句口訣:元件可改變顏色、透明度、大小等,都不會改變元件本身(可通過星星的制作具體演示)關(guān)鍵步驟: 畫好星星后,新建一個影片元件,改變星星的透明度作一個補(bǔ)間動畫,即為星星的閃爍; 復(fù)制一個影片,然后在此基礎(chǔ)上修改,上一個是由亮到暗,這一個就是由暗到亮,這樣可心使星星看起來閃動自然些;
星星這個影片做好后,讓學(xué)生動手做星星。建筑物的制作:
新建一個元件,畫一個褐色填充黑框的房框
再建一個元件,畫一個白色填充黑框的窗戶,通過復(fù)制粘貼,做成4個窗口。然后選中4個窗口運用修改-對齊-頂端對齊和寬度均勻分布,使4個窗口排列整齊。通過復(fù)制(按CTRL拖動),畫好多排多列窗口,一列選中調(diào)整對齊。其他幾列操作也同。
選中所有窗口,按SHIFT,不選外框,然后把窗口設(shè)為灰色,再選幾個設(shè)為黃色(以上的修改都是元件的修改運用)
另外一幢樓也是復(fù)制,然后進(jìn)行修改,同樣用了元件的修改。這個制作要特別注意的是對齊工具的應(yīng)用。
回到場景中,星星一層,高樓一層,再另換一層,畫路基(直線工具)要注意視覺上的真實感,按照路基的傾斜度調(diào)整高樓的形狀。汽車的制作: 主要是圖片的轉(zhuǎn)換
新建一個元件,導(dǎo)入汽車的圖片,把位圖轉(zhuǎn)換為矢量圖; 對圖片進(jìn)行處理,刪掉白色的部分;
回到場景中,汽車也新建一層,然后就做汽車的補(bǔ)間動畫,使汽車開動起來。小結(jié):
1、多邊工具的使用
2、元件的屬性修改應(yīng)用(包括大小、顏色和透明度等)
3、對齊的使用
4、位圖轉(zhuǎn)為矢量圖 教學(xué)時間:第四周 教學(xué)課時:2課時 教學(xué)目標(biāo):
1、要求學(xué)生掌握直線運動的補(bǔ)間。
2、掌握實例的編輯修改。
3、掌握鉛筆工具及鋼筆工具。
4、制作夜色中行駛的汽車、動感片頭的制作
教學(xué)重點:教學(xué)重點:鉛筆、鋼筆工具的靈活使用 教學(xué)過程:
一、復(fù)習(xí)鞏固
實例――關(guān)注環(huán)境,關(guān)注汽車尾氣的污染 內(nèi)容回顧
在上節(jié)課中已經(jīng)完成了動畫的一部分,星星的制作相信大部分同學(xué)已經(jīng)學(xué)會了,接下來一部分同學(xué)還沒完成高樓的制作,我們說要注意對齊工具的運用。
出現(xiàn)的問題
在畫樓的時候很多同學(xué)都出現(xiàn)這樣的問題,樓不能改變,這主要是元件沒建好,一般是要有三人元件,一個是窗戶,一個是房框,還要一個就是兩者結(jié)合的樓。這樣改變的時候其實是改變房框的形狀。
二、進(jìn)一步完成實例
1、汽車的運動
這里主要掌握知識點是位圖轉(zhuǎn)化為矢量圖(修改-位圖-轉(zhuǎn)換位圖為矢量圖),把白色的部分刪掉,把汽車放到場景中,制作汽車的運動。主要要注意起點和終點關(guān)鍵幀的設(shè)置。
2、路面、一些線的繪制
主要掌握鋼筆、鉛筆工具等繪圖工具的使用
方法有多種,老師教的只是其中一種,大家都可以根據(jù)自己對繪圖工具的使用,來完成各種繪制。
路面的繪制
可以先畫一個矩形(無邊,灰色填充),然后用部分選取工具改變,使成為自己想要的范圍 線的繪制
主要是中間一條灰色的線,有兩種方法
方法一 由于并不要求很精確,可以先畫完直線,然后再用橡皮工具擦掉中間不要的部分 方法二 可以把線條形式改為虛線,在自定義處可以進(jìn)行修改(前面一個數(shù)值代表實線的長度,后面的表示中間空的地方的長度,一般為35,8)
3、畫完這些線后,我們可以來看一下汽車是否沿著線開,可以根據(jù)線的傾斜度,調(diào)整一下汽車的起點和終點位置。
三、實例-標(biāo)志動畫的制作
1、先畫靜止的畫面(實例)分析:
主要分為三部分 邊、文本和圖形
邊的繪制比較簡單,讓學(xué)生自己完成;
字母的輸入也不難,主要是設(shè)置多種字體,這里為三種,可以根據(jù)自己的喜好,任意設(shè)置三種字體,同時可以調(diào)整其大小。主要是圖形的繪制
菱形的繪制只要畫好一個矩形,然后旋轉(zhuǎn)一下就可以了
關(guān)于旁邊一個無規(guī)則圖形的繪制,主要應(yīng)用鋼筆工具,來畫出自己所想要的形狀
2、讓標(biāo)志動畫動起來(實例)
我們做每個動畫之前先要對這個動畫進(jìn)行分析,哪些是動的,哪些是靜的,動的又是怎么動的?(回想一下以前學(xué)過的一些動畫形式,到這里應(yīng)該怎么做)宗旨:不管用了什么方法,只要把效果做出來就好,同學(xué)們可以把自己所學(xué)的東西融會貫通,方法不是只有一種,老師介紹的方法是比較常用的,并不一定是最好的,大家可以通過多動手,或許就會發(fā)現(xiàn)更好的方法。學(xué)多了就會靈活運用,舉一反三了!我們仔細(xì)觀察動畫有幾層,一般就是要做幾個運動
第一,邊是靜止不動的,因此我們只要畫好放在那里就行
第二,按動畫動起來的順序來看,菱形是最先動的,主要透明度的改變和旋轉(zhuǎn),這個并不難,學(xué)生應(yīng)該已經(jīng)掌握了,稍加分析即可。
第三,第二個圖形在菱形還在動的時候就出現(xiàn)了,所以要在菱形變化有中間過程中開始做動畫,主要是透明度有改變,后階段是有和無之間的轉(zhuǎn)變,主要通過插空白幀來實現(xiàn)。第四,字母J是從上往下運動的,字符串esting,是從右往左運動的,還有co ltd則是和上面的圖形一樣,在有無之間的轉(zhuǎn)變,方法同上。
到些,我們的動畫基本就完成了,從中可以發(fā)現(xiàn)其實動畫并不難,要通過我們的分析以及創(chuàng)造力來完成精彩的動畫,我們在做的時候可以充分發(fā)揮自己的創(chuàng)造力,比比看誰的動畫做得最精彩!
四、小結(jié)
1、學(xué)會繪圖工具的使用(直線和鋼筆等工具)
2、運動的幾種基本形式的綜合運用 教學(xué)時間:第五周 教學(xué)課時:2課時 教學(xué)目標(biāo):
1、要求學(xué)生鞏固橢圓工具、直線工具、填充工具、鋼筆工具、變形工具、選取工具、墨水瓶工具、矩形工具的使用。
2、鞏固圖形元件、影片元件的創(chuàng)建。
3、鞏固二類補(bǔ)間動畫的特點。
4、鞏固二類動畫:變形動畫、直線運動動畫。
一、鞏固復(fù)習(xí)
主要通過幾個具體的實例來復(fù)習(xí)相關(guān)知識點
1、使用多邊形工具、鋼筆工具繪制(實例1)
通過月亮和星星的畫法,來鞏固多邊形工作和鋼筆工作等畫圖工作的使用 主要知識點:
月亮繪制(可用學(xué)過的多種方法,這里不再重復(fù))
星星的繪制(多邊形工具的應(yīng)用。要注意設(shè)置,包括樣式、邊數(shù)、頂點大小等參數(shù)的設(shè)置)
2、用矩形工具及變形工具制作一個立體建筑物,再用重復(fù)使用元件制作下列效果圖,制作中要注意使用多圖層,才能產(chǎn)生建筑之間的疊加效果。(實例2)注意幾點:一是元件的重復(fù)利用;二是要使用多層(一般一個樓一層)三是利用CTRL工具進(jìn)行樓房的形狀調(diào)整,使其更具立體感。主要步驟:
先觀察樓房有兩種形狀,一種是普通的立方體,另一種是稍變形的,有透視效果,所以我們首先要建兩個元件。
先建一個元件,分兩層,一層畫房框(用矩形工作),一層畫窗戶(請注意轉(zhuǎn)化為元件,以便于調(diào)整)。
再在庫中直接復(fù)制元件,然后在新元件中用按CTRL進(jìn)行微調(diào)整 畫好路面(略)
把兩個元件根據(jù)需要拖出來,并調(diào)整好顏色,同時要注意分為多層,以便于疊加(有前后順序)
背景色填充(漸變工作的使用)
3、用二個關(guān)鍵幀制作變形效果(實例3)此實例主要鞏固學(xué)生對漸變填充工具的使用
動畫分為兩層,一層為背景,也是利用漸變填充(放射狀)
另一層為變形動畫的制作,即為星形變方形,要注意兩個關(guān)鍵幀(即由什么變?yōu)槭裁矗?,第一幀為星形。最后一幀為方形,中間創(chuàng)建形狀動畫。
4、有時間的同學(xué)自己動手畫畫卡通煙囪(實例4)
二、檢測(兩節(jié)課時間進(jìn)行考試,一共三題,具體要求等詳見index.html)考試只是檢測這一階段的學(xué)習(xí)情況,老師根據(jù)同學(xué)中反映出來的問題,知道學(xué)生的掌握情況,對癥下藥,使大家盡快學(xué)會FLASH!創(chuàng)造出有自己特色的精彩動畫!教學(xué)時間:第六周 教學(xué)課時:2課時 教學(xué)目標(biāo):
1、復(fù)習(xí)掌握引導(dǎo)線的應(yīng)用
2、介紹按鈕的作用
3、學(xué)會按鈕的簡單應(yīng)用 教學(xué)過程:
一、復(fù)習(xí)掌握引導(dǎo)線的應(yīng)用
1、復(fù)習(xí)上節(jié)課的例子,提出一些完成過程中的問題
山坡的曲線的畫法可用鋼筆工具來畫,具體演示下畫法;
多片樹葉下降,可用兩種方法,一是使用影片剪輯,原理類似于以前學(xué)過的閃動的星星。還有一個方法是在引導(dǎo)層中可畫多條引導(dǎo)線,引導(dǎo)層下面的圖層只要在虛線中,均可被引導(dǎo)線引導(dǎo)。
2、復(fù)習(xí)上次課的引導(dǎo)線,主要通過實例來鞏固(實例1)
技術(shù)分析:小球的跳動就是引導(dǎo)線(當(dāng)然也可用以前的動畫,多創(chuàng)建幾個補(bǔ)間也可),貓的變化就是兩張圖片的變化 主要步驟:
①先完成管的繪制,要注意前后面的分層,否則填充就會出問題,然后再完成陰影面的制作;②畫好引導(dǎo)線,為折線形式,紅色小球沿引導(dǎo)線運動;
③貓的兩種狀態(tài)(睜眼和閉眼)小球沒砸到時睜眼,快砸到時閉眼且后退(用交換元件做可保持位置不變)
拓展練習(xí)蝴蝶飛舞(拓展練習(xí)1)提示:揮動翅膀的蝴蝶作為一個影片剪輯,在這個影片剪輯中,把素材中的圖片導(dǎo)入,每張圖片一幀,表示蝴蝶的不同狀態(tài),其中要注意每張圖片位置要對齊,方法有兩個,一個是打開時間軸的“查看多個幀”,另一個是交換元件
3、圓環(huán)的制作(實例2)
為了進(jìn)一步鞏固引導(dǎo)線的動畫,還要講一個新的知識點,即小球繞圓環(huán)運動
技術(shù)分析:同樣應(yīng)用引導(dǎo)線做,關(guān)鍵是圓環(huán)的引導(dǎo)線是非閉合曲線,小球才能運動,技巧就是用橡皮把圓環(huán)打開缺口。
主要步驟:①先建一層,畫一個圓(無填充)
②添加一層引導(dǎo)層,把圓復(fù)制,然后把引導(dǎo)層中的圓用橡皮等工具打開缺口,使圓環(huán)成為一個非閉合曲線(物體的運動是遵循就近原則,如果不斷開,只會作就近小半圈的運動)③小球的始末狀態(tài)的設(shè)置,第一幀在缺口的一端,最后一幀在缺口的另一端。思考:地球繞著太陽轉(zhuǎn)(橢圓形軌道同上例)
拓展練習(xí)中的玩具火車的運動(單軌和8字形軌道,有興趣的同學(xué)可以自己嘗試一下)
二、按鈕的制作:
1、基本按鈕的制作(實例3)插入新元件,元件類型為按鈕,即可見如下界面
一般在以上四種狀態(tài)下放置四個不同的元件,即可制作出一個按鈕效果。下面以變形按鈕為例介紹制作步驟。
①插入新元件,元件類型為按鈕,并命名該按鈕為“變形” ②單擊選中“彈起”,并繪制一個藍(lán)色長方形
③單擊選中“指針經(jīng)過”,按F6,并刪除藍(lán)色長方形,繪制一個綠色長方形 ④單擊選中“按下”,按F6,并刪除綠色長方形,繪制一個紅色長方形 做完后查看效果,并據(jù)此講解四種狀態(tài)具體表現(xiàn),其中第四個“點擊”在此并不能體現(xiàn)出來,以后具體碰到再說,先掌握前面三種狀態(tài)設(shè)置
2、用文字、圖片、圖形等作按鈕(實例4)
在實例3的基礎(chǔ)上演示文字作按鈕,即在上面藍(lán)色長方形的位置替換成文字就是文字按鈕,演示一下即可,其中“點擊”如果是實心的區(qū)域,比較容易選中
實例4分析:主要原理同上例,其中的水晶球可以自己畫,也可以用提供的圖片,同時也說明了按鈕也可以用圖片來做!
三、按鈕的進(jìn)一步制作應(yīng)用
1、簡單的動態(tài)按鈕(實例5)技術(shù)分析:小球是在鼠標(biāo)放在按鈕時下落的,所以動作發(fā)生在按鈕四種狀態(tài)的“指針經(jīng)過”狀態(tài),小球下落又是個運動狀態(tài),所以在“指針經(jīng)過”狀態(tài)放的不是圖片之類的,而是一個影片剪輯(相當(dāng)于一個小電影)主要步驟:
①新建一個影片剪輯,在里面做小球下落并且透明度改變的動畫 ②新建一個按鈕元件,在“彈起”狀態(tài)中畫上一個紅色的長方形,在“指針經(jīng)過”狀態(tài)中放入我們已經(jīng)做好的關(guān)于小球運動的影片剪輯
2、動態(tài)按鈕引申(實例6)
技術(shù)分析:這個動態(tài)按鈕的制作基本原理同上例,只是按鈕元件的第一種狀態(tài)中是空幀,就是沒放上去時不顯示,也就是我們所說的隱形按鈕,拖入到場景中按鈕元件呈現(xiàn)出半透明狀態(tài)。
3、動態(tài)按鈕綜合實例應(yīng)用(拓展練習(xí)二)
實例演示:禮花的綻放效果(鼠標(biāo)點擊,禮花綻放)
技術(shù)分析:鼠標(biāo)點擊引發(fā)的事件,即在按鈕的,即為熱區(qū),按鈕的動作就在這個熱區(qū)觸發(fā)。由于是鼠標(biāo)點擊下去才有禮花綻放的效果,所以在禮花綻放的影片剪輯 中,第一幀是放入已做好熱區(qū)的按鈕。第二幀開始才是禮花綻放的動畫,就是禮花這個圖形的放大動畫。然后在幀上及按鈕上加上簡單代碼即可。主要步驟:
①新建一個按鈕元件,在第四種狀態(tài)“點擊”中畫一個實心區(qū)域(這里可畫一個白色的長方形)
②新建一個影片剪輯,第一幀放入剛做好的按鈕,因為不點擊的時候事件(禮花綻放)不觸發(fā),第一幀加入動作stop,同時按鈕的動作是點擊就觸發(fā) 禮花綻放的事件,因此在按鈕上加上動作on(press){gotoandplay(2);}這個動作語句可在動作面板中選擇輸入,不用自己輸入(自己打 入容易錯,可用腳本校對)
on(press){gotoandplay(2);} 意思是按下按鈕,開始第二幀動作 ③在第二幀開始禮花的變化,導(dǎo)入禮花圖片并轉(zhuǎn)化為元件,然后作放大的動畫④最后在場景中拖入已經(jīng)完成的影片剪輯,注意在鋪滿整個場景,點擊的時候才能保證無論點哪里都有禮花綻放,比較逼真些。鋪滿時可用多次復(fù)制粘貼。思考:鼠標(biāo)放上去禮花綻放怎么做?(拓展練習(xí)三)
提示:即在按鈕的指針經(jīng)過中放入影片元件 小結(jié):
這節(jié)復(fù)習(xí)了引導(dǎo)線,以及新學(xué)了按鈕的制作,在按鈕的制作中要掌握以下幾點:按鈕的四種狀態(tài)的設(shè)置,明白各個狀態(tài)的具體表現(xiàn)形式學(xué)會用文字、圖片等作按鈕;學(xué)會動態(tài)按鈕的制作,主要是影片剪輯的應(yīng)用以及一些簡單的動作。教學(xué)時間:第七周+第八周 教學(xué)課時:4課時
教學(xué)目標(biāo):“環(huán)?!敝黝}作品制作 具體實施步驟: 1、4人一小組
2、大組確定大主題,組內(nèi)成員確定小主題。
3、素材老師提供部分,學(xué)生自己準(zhǔn)備部分。
4、完成后各小組分別展示自己的作品。
5、各小組自評互評,評出最優(yōu)秀作品。
第四篇:flash教案
教學(xué)內(nèi)容:電腦動畫制作初探 教學(xué)目標(biāo):
知識與技能目標(biāo)
1、學(xué)會啟動Flash的方法,認(rèn)識Flash工作界面。
2、初步理解動畫制作中的基本概念。
3、了解動畫制作的一般步驟。過程與方法
通過對一段Flash動畫源文件的分析研究,在初步理解Flash動畫制作思想的同時,初步理解Flash動畫制作中的相關(guān)概念;又通過實際制作“移動的小球”的體驗,了解Flash動畫制作的過程,并從中總結(jié)出動畫制作的主要步驟。情感態(tài)度與價值觀
激勵學(xué)生學(xué)習(xí)動畫制作的興趣,培養(yǎng)學(xué)生樂于接受和探究新知識的精神。教學(xué)方法:
演示講授法、模仿學(xué)習(xí)、合作學(xué)習(xí)。重難點:
重點:簡單對象的移動、縮放動畫的制作方法。
難點:Flash8界面的認(rèn)識及相關(guān)操作;幀、關(guān)鍵幀、空白關(guān)鍵幀等概念的理解。
教學(xué)過程:
導(dǎo)入
同學(xué)們一定很喜歡在網(wǎng)上看Flash動畫,老師也下載了一些,我們一起來欣賞幾個精彩的動畫。
(播放幾個Flash動畫)
這些動畫是怎么做出來的呢?如果我們自己也會做該有多好??!好,今天開始老師就和大家一起學(xué)習(xí)Flash動畫的制作。
講授新課
一、啟動Flash8,對其界面及基本操作進(jìn)行簡單介紹。
1、Flash的特點
Flash是一個功能強(qiáng)大、簡單易學(xué)的網(wǎng)頁動畫制作工具。用Flash制作出來的動畫不但占用的空間小,而且動畫品質(zhì)高,不管怎樣放大、縮小,都不會影響畫面質(zhì)量。
Flash動畫的迷人之處還在于我們可以通過點擊按鈕,選擇菜單來控制動畫播放,甚至可以制作成小游戲。正是有了這些優(yōu)點,使得Flash在網(wǎng)絡(luò)上非常流行。
2、啟動Flash 8 單擊“開始”→“程序”→“Macromedia ”→“Macromedia Flash 8”即可。
3、Flash 8編輯窗口的介紹
菜單欄
常用工具欄、控制工具欄(動畫播放的控制工具欄)
繪圖工具欄(放置了各種繪圖及編輯工具)、輔助選項
圖層區(qū)、時間軸(可以設(shè)置動畫的播放狀況)面板(可以用來控制各種設(shè)置)
場景(可以直接在這里繪圖或擺放一些圖片、文字、按鈕、動畫等進(jìn)行編輯)
4、試一試:教師先隱藏常用工具欄、屬性面板、混色器窗口,要求學(xué)生重新顯示。
二、文檔屬性設(shè)置及元件、庫、場景、時間軸的概念。
打開并播放一個Flash動畫源文件,分析Flash動畫的創(chuàng)建思想方法,用生動的語言和通俗形象的比喻講解相關(guān)的概念。
元件:一個位圖、矢量圖形、音樂片段或是一段獨立的Flash動畫(好比是演員)。元件都被放置在庫中,使用時只用將其拖放到場景中即可,在場景中只能對其位置和形狀進(jìn)行編輯,如果要對元件進(jìn)行編輯,需要切換到元件編輯狀態(tài)。
庫:存放動畫元件的地方(好比是一場戲的后臺)場景:動畫的表現(xiàn)場所(好比是舞臺)
時間軸:動畫制作的最重要的區(qū)域,是編輯動畫的工作臺,是加工動畫的流水線,包括了層編輯區(qū)、幀編輯區(qū)和時間線。(好比是劇本)
要制作一個動畫,就好比是在導(dǎo)演一出戲,需要找好演員(制作好元件),置于后臺(放在庫里),然后把演員放在舞臺上(把元件放在場景上),讓演員照著劇本演出(在時間線上設(shè)置開始、結(jié)束時的狀態(tài),生成動畫)。
圖層:圖層可以看成是疊放在一起的透明的膠片,可以根據(jù)需要,在不同的層上編輯不同的動畫而互不影響,在放映時得到的是各圖層合成的效果。制作復(fù)雜的動畫時,通常把動畫角色單獨放在一個圖層里,這樣相互不會影響,編輯修改也很方便。
三、演示制作移動動畫
現(xiàn)在我們一起用Flash 8來制作一個簡單的動畫。
教師邊演示邊講解,學(xué)生一步一趨跟著老師制作“移動的小球”的動畫。
注意講清每一步驟的意義,同時結(jié)合實際制作講解基本概念,將抽象的概念放到具體實踐操作中去加以理解。制作“移動的小球”操作中需注意:
步驟3:在時間軸中的圖層1的第1幀中出現(xiàn)一個實心的黑點,這就是“關(guān)鍵幀”。動畫對象一定要創(chuàng)建在關(guān)鍵幀上。
步驟4:也可以在圖層1的第30幀處,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“插入關(guān)鍵幀”。
步驟5:用鼠標(biāo)將小球拖到編輯區(qū)的右邊,其意義是改變動畫對象的位置屬性。
步驟6:完成“創(chuàng)建補(bǔ)間動畫”后拖動播放指針,查看幀內(nèi)容,證實動畫已被創(chuàng)建。
補(bǔ)充解釋:時間軸中的每一個小格子稱為“幀”,幀有兩種形式:普通幀和關(guān)鍵幀。普通幀上的圖片與它前面相鄰關(guān)鍵幀的圖片相同并以空心方塊為結(jié)束標(biāo)記,關(guān)鍵幀是以實心黑點為結(jié)束標(biāo)記,動畫圖片一定要創(chuàng)建在關(guān)鍵幀上。
步驟8:注意提醒學(xué)生記住Flash原始文件和Flash影片的擴(kuò)展名(分別為.fla和.swf)。
四、總結(jié)制作步驟
教師以清晰簡明的步驟熟練地重做一遍,讓學(xué)生感到這個動畫制作很容易。同時概括出三大步驟:第一步,在一段動畫的起始幀插入關(guān)鍵幀,在起始幀的場景中編輯對象;第二步,選擇結(jié)束幀插入關(guān)鍵幀,在結(jié)束場景中編輯對象;第三步,選擇開始幀,“創(chuàng)建補(bǔ)間動畫”。
五、學(xué)生自主練習(xí)
學(xué)生根據(jù)老師剛才的演示,自主、合作制作動畫“移動的小球”,相互討論各制作步驟的意義,并概括總結(jié)出動畫制作的主要步驟。
課堂小結(jié)
1、教師總結(jié)本課教學(xué)內(nèi)容,點評學(xué)生制作過程中遇到的問題。
2、請學(xué)生說出動畫制作的三大主要步驟。
教學(xué)內(nèi)容:創(chuàng)建補(bǔ)間動畫 教學(xué)目標(biāo)
1、了解元件和實例的概念。
2、會在Flash動畫中導(dǎo)入圖片。
3、掌握動作補(bǔ)間動畫的基本制作方法。教學(xué)重點:制作簡單的動作補(bǔ)間的過程 教學(xué)難點:理解“元件”和“實例”的概念 教學(xué)方法:講解演示法、自主學(xué)習(xí)法。教學(xué)用具:計算機(jī)教室 教學(xué)過程
一、組織課堂 創(chuàng)設(shè)情景
上節(jié)課我們學(xué)習(xí)了簡單的動作補(bǔ)間動畫的制作,一個運動的圓。大家知道了Flash動畫制作中的一些概念,幀頻、元件、關(guān)鍵幀、過渡幀等。從而導(dǎo)入本課的新課——動作補(bǔ)間動畫。
二、新授
利用導(dǎo)入的圖片制作動畫
在Flash窗口中繪制起始幀和結(jié)束幀的畫面,也可以在起始幀和結(jié)束幀中導(dǎo)入已有的圖片。確定起始關(guān)鍵幀的畫面后,在下一個關(guān)鍵幀中利用工具箱中的工具改變對象的大小、位置和角度等屬性,然后動作補(bǔ)間,生成兩個關(guān)鍵幀之間的補(bǔ)間動畫。
教師演示
1、導(dǎo)入圖片
第一步:啟動Flash,執(zhí)行“插入→新建元件”命令,出現(xiàn)“創(chuàng)建新元件”對話框時,在名稱中輸入適當(dāng)?shù)脑靶∨ⅰ保谛袨闄谥羞x定“圖形”選項,再單擊“確定”按鈕,進(jìn)入元件編輯狀態(tài)。
第二步:執(zhí)行“文件→導(dǎo)入”命令,出現(xiàn)“導(dǎo)入”對話框后,打開保存圖片的文件夾,選定要導(dǎo)入的圖片文件,然后單擊“打開”按鈕。這時,元件編輯區(qū)中會顯示出導(dǎo)入的圖片。
2、制作動畫
制作圖片從舞臺的左上角進(jìn)入,沿對角線運動到舞臺的右下角,然后再從右下角移出的動畫。
第一步:單擊“場景1”圖標(biāo),進(jìn)入場景編輯狀態(tài)。
第二步:執(zhí)行“窗口→庫”命令,打開“庫”面板,在“庫”面板中單擊“小女孩”圖形元件名,然后把“小女孩”元件拖到舞臺中。
第三步:把指針指向圖片后拖動,把它拖至舞臺左上角以外的灰色區(qū)域,作為動畫的起始點。
第四步:單擊“時間軸”面板中的第30幀,然后插入關(guān)鍵幀。
第五步:把“小女孩”圖片拖至舞臺右下角以外的灰色區(qū)域,作為動畫的結(jié)束點。
第六步:單擊“時間軸”面板上的第1幀,執(zhí)行“插入→創(chuàng)建補(bǔ)間動畫”命令,在1~30幀之間創(chuàng)建補(bǔ)間動畫。第七步:執(zhí)行“控制→播放”命令(或敲回車鍵),播放動畫,可以看到“小女孩”圖片從左上角進(jìn)入舞臺,然后從右下角移出舞臺。
第八步: 保存文件為“小女孩.fla”
三、課堂小結(jié)
這個動畫的基本制作過程:
先繪制或?qū)雽ο?,再把它轉(zhuǎn)換成圖形元件,然后確定對象運動前的畫面(關(guān)鍵幀);再在“時間軸”面板上選定下一關(guān)鍵幀的位置,在這個關(guān)鍵幀中,利用工具箱中的工具改變對象的大小、位置和角度等屬性;再次,執(zhí)行“插入→創(chuàng)建補(bǔ)間動畫”命令或選定“屬性”面板中的“動作”補(bǔ)間,生成前后兩個關(guān)鍵幀之間的補(bǔ)間動畫。
動作補(bǔ)間動畫——在Flash里,這種先確定一段動畫首尾兩幀畫面中對象的位置,然后由計算機(jī)自動生成這兩幀之間畫面的動畫。
元件——是指可以重復(fù)使用的對象,分為圖形元件、按鈕元件和影片剪輯元件。
實例——元件在舞臺中的實際應(yīng)用稱為實例。把元件從“庫”面板里拖到舞臺上時,就創(chuàng)建了該元件的一個實例。
五、作業(yè)
1、閱讀20【知識窗】
2、完成課后練習(xí)1
教學(xué)內(nèi)容:設(shè)計鼠標(biāo)交互 教學(xué)目標(biāo):
1.掌握動態(tài)文本的概念。
2.掌握交互動畫的制作方法。3.回顧鼠標(biāo)動作的設(shè)置。教學(xué)重點:
1.加法器的制作。
2.小球位置的控制。教學(xué)難點:
交互動畫的制作
教學(xué)過程:
一、準(zhǔn)備知識:
1、靜態(tài)文本:用文字工具創(chuàng)建,文字直接在FLA文件中輸入。
2、動態(tài)文本:用文字工具創(chuàng)建,在屬性中設(shè)定動態(tài)文本,動態(tài)文本除了可以設(shè)定標(biāo)簽,還可以設(shè)定變量,其顯示值由變量給出。
3、輸入文本:用文字工具創(chuàng)建,在屬性中設(shè)定輸入文本,也可以設(shè)定變量,其值可以由鍵盤輸入。
4、鼠標(biāo)動作(按鈕)的設(shè)置——on為按鈕上的動作,所以我們必須首先要選中按鈕,以后才可以添加on語句。有的朋友在論壇里面提問,“為什么我的on為灰色不可選狀態(tài)?”原因就是你沒有選中按鈕。
二、加法器的設(shè)計
提示:對按鈕設(shè)置動作,當(dāng)按鈕按下時,把a(bǔ)和b兩個加數(shù)框中的數(shù)據(jù)進(jìn)行相加。格式如下:
result = Number(a)+ Number(b)
三、鼠標(biāo)控制小球
知識點:
1、getProperty()① 用法 getProperty(my_mc, property)② 操作數(shù) my_mc 要檢索其屬性的影片剪輯的實例名稱。property 影片剪輯的屬性。
③說明 函數(shù);返回影片剪輯 my_mc 的指定屬性的值。示例
x_value = getProperty(“ball”, _x);
2、setProperty()①用法 setProperty(target, property, value/expression)
②操作數(shù) target 指向要設(shè)置其屬性的影片剪輯實例名稱的路徑。
property 要設(shè)置的屬性。
value 屬性的新文本值。
expression 計算結(jié)果為屬性新值的公式。
③說明 函數(shù);當(dāng)影片播放時,更改影片剪輯的屬性值。
示例: setProperty(“target_itme”,_y,getProperty(“target_itme”,_y)-15);說明:
1、向上按鈕的行為動作 on(release){ setProperty(“ball”, _y, getProperty(“ball”, _y)-5);x_value = getProperty(“ball”, _x);y_value = getProperty(“ball”, _y);}
2、其余按鈕的行為以此類推,由大家自行設(shè)定。補(bǔ)充:
3、放大按鈕的行為動作 on(release){ x_scale_value = int(getProperty(“ball”, _xscale)*1.1);y_scale_value = int(getProperty(“ball”, _yscale)*1.1);setProperty(“ball”, _xscale, x_scale_value);setProperty(“ball”, _yscale, y_scale_value);}
四、作業(yè):
1、完成并把作業(yè)一、二
第五篇:flash教案
第一節(jié)
1標(biāo)題欄:軟件的名稱,和當(dāng)前文件的名稱,對敞口進(jìn)行最大化和最小化 2菜單欄:文件,編輯,視圖,插入,修改,文本,命令,控制,窗口幫助
注意:在鍵盤上調(diào)出菜單欄:alt+菜單欄右邊的字母 3工具箱:工具。光標(biāo)移到工具上時候會顯示當(dāng)前 工具的名稱和快捷鍵
4時間軸:分為圖層,幀部分
5舞臺和工作區(qū):灰色部分表示工作區(qū),而白顏色的部分表示舞臺,在flash播放的時候只能看到舞臺上的對象,而不能看到工作區(qū)上的對象,所以往往我們做flash時候都要做一個遮丑的一個圖層(以后講)
6浮動面板。所有的浮動面板都在窗口菜單下(自己回去背快捷鍵例如:對齊:ctrl+k)
注意;當(dāng)整個FLASH的布局混亂時候可以點擊 窗口菜單下的面板設(shè)置,找到自己喜歡的布局
7設(shè)置偏好:設(shè)置flash軟件的一些自帶的更改。
編輯/首選擇參數(shù)(ctrl+u)8打開flash 1:桌面上點擊
2:開始/所有程序/macromedia/falsh 9保存:
1:文件/保存(ctrl+s)第一次保存
文件/另寸為(ctrl+shift+s)第二次保存
注意:flash擴(kuò)展名為.fla(源文件)10 flash 測試(正常上傳到網(wǎng)上的文件。生成文件)
控制/測試影片(ctrl+enter)
控制/測試場景(ctrl+alt+enter)
注意:flash的生成文件的擴(kuò)展名為.swf(上傳到網(wǎng)上的文件)11如何把網(wǎng)上的生成文件下載到本地磁盤中:
前提:把所要下載的flash看完一遍
右鍵單擊/屬性/常規(guī)選項卡被選種/internet臨時文件里面的設(shè)置/查看文件/把找到的所有文件按照大小進(jìn)行排列(右單擊排列圖標(biāo)/大?。?2軟件打開之后要做的事情: 1。設(shè)置偏好
2。設(shè)置軟件布局(窗口/頁面布局(設(shè)計者布局))3。修改文檔屬性(修改菜單下的文檔)4。保存文件
文檔屬性(ctrl+j)
幀頻一般情況下我們用默認(rèn)值(幀頻越大,flash播放的速度越快,動作就越不連續(xù))工具
1箭頭工具(v)
1)配合alt或ctrl鍵盤進(jìn)行復(fù)制
2)雙擊填充部分可以同時選種邊框和填充的部分 3)只選擇邊框或只選擇填充部分 4)拖動也可以選種舞臺上的對象
5)配合shift鍵可以同時選種舞臺上的多個對象 6)當(dāng)箭頭工具下方呈現(xiàn)弧形時可以把直線變成曲線
當(dāng)箭頭工具下方為直角符號時候可以拖動點 7)雙擊邊框的位置可以選擇連續(xù)的邊框 選項里的參數(shù):
1)吸附工具:可以自動將箭頭工具吸附于圖形的角點或邊線的位置 2)伸直工具:使線形變得更加有棱角
3)光滑工具:使線形變得更加光滑(彎曲)2 鋼筆工具(p):自由繪制圖形
1)可以繪制直線:確定起始點和終止點
2)繪制曲線: 確定起始點,在終止點上進(jìn)行拖動(會出現(xiàn)控制丙(控制方向的作用))
按住alt鍵只移動一邊的控制丙
按住ctrl鍵與部分選擇工具的交換
3)雙擊鋼筆工具完成繪制或者選擇工具箱中的另 外一個工具 4)當(dāng)鼠標(biāo)移動起始點,光標(biāo)呈現(xiàn)圓形時候繪制封 閉路徑(可以用填充顏色進(jìn)行填充)
5)增加節(jié)點:鋼筆工具的下方有加號時
6)改變節(jié)點的屬性:鋼筆工具下方為三角符號的時候 7)刪除節(jié)點:鋼筆下方出現(xiàn)減號時
3部分選取工具:主要用于調(diào)節(jié)帶節(jié)點的圖形的位置和 屬性的 4)套鎖工具:可以用來修改圖形或則選擇不規(guī)則的圖形
參數(shù):魔術(shù)棒:可以用來選取顏色相同的部分(對位圖和矢量圖都是有用的)
魔術(shù)棒屬性:域值:值越大選擇的顏色范圍越大
應(yīng)用方法:導(dǎo)入一張圖片(文件/導(dǎo)入(ctrl+r))
之后選種圖片(箭頭工具)修改/分散(ctrl+b)之后可以按delete刪除選擇的區(qū)域
falsh里面的第一個對象:位圖
多邊形套瑣工具:用來選擇不規(guī)則的圖形 文本工具:進(jìn)行輸入文本的,主要有三種形式:靜態(tài)文本,動態(tài)文本,輸入文本,通常狀況下我們用靜態(tài)文本。
屬性面板:它與舞臺上的對象是一一對應(yīng)的。通過屬性面板可以改變舞臺上的對象(選種對象/之后在屬性面板里進(jìn)行操作)打開屬性面板:窗口/屬性
falsh里面的第二個對象:文本 實例:制作一個變色文本的動畫
制作過程:1新建一個300*100的文檔(ctrl+n ctrl+j)
2選種圖層一的第一幀,在舞臺上輸入一個文本(我愛北京天安門)屬性值為:宋體 28號 藍(lán)顏色 加粗
3選種第二幀單擊右鍵/插入關(guān)鍵幀(f6)在舞臺上改變其屬性,屬性值為:宋體 28 好紅顏色
分別選種第三幀和第四幀,重復(fù)第三步改變第三幀和第四幀對象的顏色分別為黃色和紫色 5 ctrl+enter進(jìn)行預(yù)覽
此實例為逐幀動畫 橢圓工具和矩形工具:按住shift鍵可以繪制正圓和正方形 可以通過屬性去更改其已經(jīng)繪制成的圖形
flash里面的第三個對象:形狀圖象
實例:利用圓形,鋼筆工具,部分選擇工具,制作一個櫻桃 6 鉛筆工具:繪制圖形對象
參數(shù):平滑:曲線比較光滑
平整:繪制的曲線直
墨水瓶:與繪制的曲線效果接近7畫筆工具:繪制形狀圖形 參數(shù):模式
刷子大小
刷子形狀
鎖定:只對漸變填充有效果 注意:筆刷工具與鉛筆工具的區(qū)別:
筆刷工具的著色是填充可以用油漆桶進(jìn)行填充
而鉛筆工具的著色是邊框可以用墨水瓶去填充 8 墨水瓶工具:對筆觸進(jìn)行著色的 9 油漆桶:對填充進(jìn)行著色的 第2節(jié)
實例:空間精靈(涉及到的動畫是運動補(bǔ)間)
1。繪制五角星:編輯/網(wǎng)格/顯示網(wǎng)格(ctrl+')(作用:輔助工具)繪制一個正圓(shift)
繪制正圓里的一條直徑(圓心可以通過網(wǎng)格看出)
打開變形面板(窗口/變形(ctrl+t))選種已經(jīng)繪制成的直徑,把變形面板中的“旋轉(zhuǎn)”值為72,單擊“旋轉(zhuǎn)并復(fù)制”按鈕4下,每隔一個半徑刪除,新建圖層二,選種圖層二的第一幀,用直線連接圓上的五個點
五角星的大致輪廓已經(jīng)確定,之后刪除多余的線條。用油漆桶工具把五角星填充為粉色,之后在去掉邊框。五角星繪制完成。
2。將五角星轉(zhuǎn)化為元件:選種五角星,按f8在名稱中輸入“五角星”在行為中選擇“圖形”
3制作五角星動的影片剪輯:
插入/新建元件(ctrl+f8)名稱為“五角星動”
行為為“影片剪輯”當(dāng)前狀態(tài)為五角星動的影片剪輯編輯狀態(tài),選種圖層一的第一幀,打開庫面板(窗口/庫(f11))把庫中的五角星拖拽的舞臺上(注意中心點對齊)用工具箱里面的變形工具對五角星進(jìn)行放大處理(按shift鍵等比例放大)選種放大了的五角星按ctrl+b對五角星進(jìn)行打散,對齊填充顏色進(jìn)行更改 選種圖層一的第25幀單擊右鍵插入普通幀,先建圖層二選種圖層二的第一幀把庫面板中的“五角星”拖動到舞臺上,(注意:中心對齊)在圖層二的第25幀中插入關(guān)鍵幀,并改變其舞臺上的對象的alpha的值為0,并把當(dāng)前舞臺上的對象移動到圖層一中五角星的一角,右鍵單擊圖層2的第一幀到第25幀中的任意一幀,選擇創(chuàng)建補(bǔ)間動畫。重復(fù)圖層二的操作分別在建立四個圖層創(chuàng)建補(bǔ)間動畫,最后刪除圖層一,最終的效果是,一個五角星向四周擴(kuò)散,并且漫漫的消失。定形動畫:
返回場景一,選種圖層一的第一幀,繪制一個橢圓形狀,新建圖層二,選種圖層二的第一幀,將庫面板中的“五角星動”拖拽到舞臺上,把它放在橢圓形的邊緣,在圖層二的第25幀,插入普通幀,新建圖層三,復(fù)制圖層二的第一幀,選種圖層三的第二幀,復(fù)制幀,適當(dāng)?shù)囊苿游枧_中的對象,使其依然在橢圓形的邊緣,在圖層三的第26幀插入普通幀,類似于圖層二與圖層三的操作,進(jìn)行依次新建圖層,直到,把整個橢圓形的邊緣補(bǔ)滿為止,(注意:此過程一頂要在橢圓行的一個方向進(jìn)行布局。)作后刪除圖層一,ctrl+enter進(jìn)行預(yù)覽 變形工具:對圖形的變形的 參數(shù):
旋轉(zhuǎn):旋轉(zhuǎn)圖形,光標(biāo)的旁邊出現(xiàn)弧形,可以移動旋轉(zhuǎn)的控制點(光標(biāo)的旁邊有個小圓圈)
2縮放:可以放大和縮放圖形(按alt鍵以中心位置進(jìn)行縮放,shift鍵等比例縮放圖形)
3扭曲:可以任意的移動對其進(jìn)行斜切
4,封套:會出現(xiàn)手柄,對其進(jìn)行調(diào)節(jié)他的弧度 第3節(jié)
網(wǎng)頁中的遮丑
1繪制一個矩形,通過屬性面板設(shè)置其屬性,值為“寬”和“高”的值與畫布的大小一樣,“x”與“y”的坐標(biāo)為0。之后對齊進(jìn)行減切(選種之后ctrl+x)2繪制一個矩形,大小大于舞臺的大小,之后粘貼到當(dāng)前位置(編輯/粘貼到當(dāng)前位置(ctrl+shift+v))
點擊一下第二步繪制的矩形,之后選種第一步繪制的.矩形按delete 3變形:
1)通過工具箱的變形工具 2)通過菜單(修改/變形)
垂直翻轉(zhuǎn),水平翻轉(zhuǎn),順時幀旋轉(zhuǎn)90,逆時幀旋轉(zhuǎn)90 3)精確的變形:縮放與旋轉(zhuǎn)(ctrl+alt+s)
變形面板進(jìn)行旋轉(zhuǎn) 4 油漆桶:填充顏色 墨水瓶:填充筆觸顏色(填充一種顏色)6填充顏色:1。利用工具箱中的填充色 2,利用屬性面板
3,利用混色器面板(窗口/混色器)
填充的顏色類型:
1)純色:只有一種顏色
2)放射型:一種漸變的效果(可以 增加顏色劃塊,刪除顏色劃塊,可以改變顏色的透明度)3)線性:一種漸變的效果與2大致 類似
4)位圖:前提條件庫面板里必須得 有位圖才能進(jìn)行填充。如果沒有可以先導(dǎo)入到庫(文件/導(dǎo)入到庫)實例:利用混色器進(jìn)行繪制一個圓拄和一個球形 填充變形工具:只對線形填充,放射性填充和位圖填充有用,可以通過控制點對其進(jìn)行調(diào)整
實例:對文本對象進(jìn)行填充五顏六色
1在舞臺中輸入文本,之后對其文本進(jìn)行兩次打散(修改/分離(ctrl+b))----也就是把文本對象變?yōu)樾螤顖D形對象 2打開混色器面板調(diào)整顏色
實例(對以前所有的東西進(jìn)行復(fù)習(xí))旭日東升 1制作遮丑,命名其圖層為“遮丑”
2制作背景:新建圖層并且重新命名為“背景”,把背景圖層移動到遮丑圖層的下方,選種該圖層的第一幀,在舞臺上繪制由蘭色到白色的一個由上到下的漸變矩形(注意:矩形的大小不能小于舞臺)
3制作土地:選中背景圖層,新建一層,利用矩形工具繪制一個綠顏色的矩形,之后通過變形工具里參數(shù)的扭曲,對矩形進(jìn)行變形,用同樣的方法在繪制兩個矩形(注意:顏色的變化是越遠(yuǎn)的地方顏色越淺,在每作完一層土地之后一定要對其進(jìn)行組合(ctrl+G)如果重疊的次序不對可以通過,修改/排列進(jìn)行修改)繪制修改其圖層的名稱為“土地”
4:選種“土地”圖層,新建圖層,命名為“太陽”在該圖層的第一幀繪制一個太陽。把“太陽”圖層移動到土地圖層的下方。
5選種太陽圖層的第一幀,把太陽一道舞臺的下方,之后在太陽圖層的第60幀插入關(guān)鍵幀,把太陽移動到天空的上方。選種太陽圖層的第一幀,改變其色調(diào)。6,選種太陽圖層的第一幀到第60幀右單擊,選擇創(chuàng)建補(bǔ)間動畫。第4節(jié) qq表情:
1,選種圖層一的第一幀,繪制卡通圖象的臉,新建圖層二,選種圖層二的第一幀,繪制一個眼睛,并把繪制成的眼睛轉(zhuǎn)換成元件,行為定為影片剪輯,進(jìn)入眼睛影片剪輯的狀態(tài),在圖層一的第二幀,插入關(guān)鍵幀,利用變形工具,對眼睛進(jìn)行變形,進(jìn)入場景一,把已經(jīng)作好的影片剪輯,復(fù)制另一個眼睛,3ctrl+enter導(dǎo)出影片剪輯。滴管工具:吸取或者填充顏色
注意:操作時首先選種筆觸工具,或者填充工具,之后在去用吸管工具吸取顏色。
橡皮擦工具:擦出圖象(雙擊可以快速擦出舞臺上的所有圖象)參數(shù):三個參數(shù)
填充顏色:填充封閉的輪廓,填充小的空隙,填充中等空隙,填充大的空隙。查看里的工具:
1抓手:查看舞臺上的對象(雙擊:適應(yīng)屏幕顯示也就是顯示整個對象,按住空格鍵是切換此工具)
2放大鏡:放大和縮小舞臺中的對象(ctrl+=放大,ctrl+-減小,也可以通過參數(shù)去更改,放大鏡與縮小鏡,雙擊放大鏡100%顯示)顏色里的工具 時間軸:
層:新建層,新建立文件夾
隱藏層:眼睛圖表,可以把層中的舞臺上的對象隱藏 鎖定層:鎖定當(dāng)前層,則舞臺上的位置,形狀不會改變。
層上的筆圖表:表示為當(dāng)前層,也就是正在操作的層 選種多個層:選種不連續(xù) 配合ctrl鍵
選種連續(xù)的 配合shift鍵
刪除層:選種層:點垃圾桶或者把層直接拖拽到垃圾桶上。幀:選種幀后單擊右鍵
插入關(guān)鍵幀:f6 空白關(guān)鍵幀:f7 普通幀:f5 刪除幀shift+f5 全選幀:alt+ctrl+a 拷貝幀:alt+ctrl+c 剪切幀:alt+ctrl+x 粘貼幀:alt+ctrl+v 元件:1.新建元件:插入/新建元件(ctrl+f8)2.通過庫面板:打開庫(f11)
刪除元件(注意:刪除元件后就無法在撤消了,是物理刪除)
新建文件夾。修改元件的屬性 將舞臺上的對象轉(zhuǎn)化為元件: 1選種對象之后按f8 2選種對象之后右鍵單擊/轉(zhuǎn)化為元件 3通過菜單
4直接往庫里拖拽
如何進(jìn)入元件里進(jìn)行編輯(編輯元件)
1當(dāng)元件已經(jīng)在舞臺上的時候可以直接雙擊進(jìn)入(特點:當(dāng)編輯元件的時候,能看到舞臺的位置)
2在庫面板里進(jìn)行雙擊元件(特點,只能看到元件的中心點但是看不到舞臺)(注意:元件的編輯與舞臺編輯的差別:元件里有十字形的標(biāo)志而舞臺上卻沒有)排列:更改圖層的排列:直接用鼠標(biāo)拖拽
同一圖層的對象改變排列:(1菜單里面2快捷鍵3右單擊)第5節(jié)
位圖 文本 圖形 元件 組合(flash中的五種對象)對象之間的轉(zhuǎn)化:
直線如何轉(zhuǎn)化為填充:修改/形狀/將線條轉(zhuǎn)化為填充顏色 元件的屬性:
放在庫面板中的對象叫做元件 放在舞臺上的元件叫實例,(注意:元件可以多次的進(jìn)行應(yīng)用,而在舞臺上的實例是唯一的)顏色:
亮度:最亮的時候是白顏色,最暗的時候是黑顏色
色調(diào):顏色
(注意:舞臺上的實例變了,而不影響庫中的元件,庫中的元件變,則舞臺上的實例也變)
信息面板:反映的是舞臺上的信息 flash里面的第一個動畫:
逐幀動畫:每一幀都是一個關(guān)鍵幀,并且放的圖片不相同,適用于所有的對象,時間軸連續(xù)播放就產(chǎn)生動畫。(注意:逐幀動畫站用的空間最大,也是flash 里最簡單的動畫)
文件的發(fā)布:如何把文件發(fā)布成gif動畫
文件/發(fā)布設(shè)置/格式里選擇gif/gif里選擇動畫(在這里你也可以選擇播放的次數(shù))
實例:1。一張嘴說話
圖形元件與影片剪輯元件的區(qū)別:
圖形元件依賴于主時間軸,而影片剪輯元件相當(dāng)于一個獨立的動畫,與場景里面的時間軸沒有關(guān)系,往往我們做動畫的時候,把靜態(tài)的對象做成圖形元件而把就動畫做成影片剪輯。實例2: 蝴蝶動
1新建立一個元件設(shè)置其行為為(圖形)在該元件內(nèi)部繪制一只蝴蝶 2新建一個元件設(shè)置其行為為(影片剪輯)
選種圖層一的第一幀,把剛剛繪制好的圖形元件拖拽到影片剪輯中。在圖層一的第二幀上插入關(guān)鍵幀,通過用變形工具改邊其形狀,最中影片剪輯的效果應(yīng)該是蝴蝶飛的動作
3,把繪制好的影片剪輯拖拽到舞臺上,進(jìn)行(ctrl+enter)實例3:
1新建一個文檔(默認(rèn)即可)
2選種圖層一的第一幀,在舞臺上繪制一個拄體(填充的漸變顏色為線性,兩邊為黑色,中間為紅色)
3,新建圖層二選種圖層二的第一幀,在其舞臺上輸入(到此一游)在第二幀上插入關(guān)鍵幀并用橡皮擦工具擦除“游”字的最后一筆,在第三幀上插入關(guān)鍵幀,并用橡皮擦擦去“游”字的到數(shù)第二筆,依次類推從后往前擦除,直到把文字全部擦除
4,選種圖層二的第一幀到圖層二的最后一個關(guān)鍵幀,選擇翻轉(zhuǎn)幀 5ctrl+enter 第6節(jié)
補(bǔ)間動畫: 1動畫補(bǔ)間: 三要素:
1)設(shè)立起始關(guān)鍵幀和終止關(guān)鍵幀
2)起始關(guān)鍵幀和終止關(guān)鍵幀的對象是同一個對象 3)適用的對象為:位圖,組合圖形,元件,文本 特點:
1)起始關(guān)鍵幀和終止關(guān)鍵幀中間的動畫由flash本身來完成 2)他創(chuàng)建的補(bǔ)間動畫的中間是藍(lán)顏色的直線 3)只能創(chuàng)建直線動畫 操作:
在圖層上建立一個要做動畫的起始關(guān)鍵幀,之后選種終止關(guān)鍵幀,點鼠標(biāo)右鍵“插入關(guān)鍵幀”,之后移動舞臺 上的對象。實例1:玻璃球彈字
1新建元件名稱為“球”行為為“圖形”中心點在“中心”在元件的中心位置繪制一個球形(屬性值為:無邊框,填充為放射性漸變,漸變的顏色為由白色到藍(lán)色)
2新建元件名稱為“動球”行為為“圖形”中心點在“中心”在元件的中心位置繪制一個橢圓形(屬性值為:無邊框,填充為放射性漸變,漸變的顏色為由黃色到白色的漸變)
3返回場景一,在圖層一的第一幀上把庫中的“球”元件拖拽到舞臺上的適當(dāng)位置。新建圖層二,選種圖層二的第一幀在“球”的上方輸入文字“奔騰電腦”新建圖層三,選種圖層三的第一幀把“動球”拖拽到舞臺的適當(dāng)位置。4同時選種三個圖層的第105幀插入普通幀
5拖動圖層二的第一個關(guān)鍵幀到15幀,分別在45幀,75幀,105幀上插入關(guān)鍵幀,在15幀上刪除“騰電腦”,45幀刪除“電腦”,75幀刪除“腦”
6復(fù)制圖層三的第一幀,在第30幀,60幀,90幀上粘貼幀,之后分別在15幀上插入關(guān)鍵幀移動舞臺上“實例”到“奔”的位置,同時在45,75,105中插入關(guān)鍵幀,并分別移動舞臺上的實例到相應(yīng)的位置 7ctrl+enter 實例二:星星閃爍
實例:空中閃爍的星星
1,新建元件,行為為“圖形”調(diào)出網(wǎng)格。繪制矩形,再用箭頭工具對其進(jìn)行變形,繪制成星星的一角
2,新建元件,行為為“圖形”把元件一拖拽到當(dāng)前元件的中心位置,在同一個位置復(fù)制元件一,之后對其垂直翻轉(zhuǎn),把此元件中舞臺上的對象選種,進(jìn)行組合,之后在同一個位置復(fù)制組合圖形,在對其進(jìn)行旋轉(zhuǎn)90度,選種舞臺上的對象進(jìn)行組合,在同一個位置復(fù)制組合圖形,對其進(jìn)行精確的旋轉(zhuǎn)45度。星星繪制成功
3,新建一個影片剪輯元件,把繪制好的星星元件拖拽到影片剪輯中心位置,在第10幀上插入關(guān)鍵幀,之后改變第十幀上舞臺中元件的透明度為0在1與10幀上創(chuàng)建順時針旋轉(zhuǎn)的動畫補(bǔ)間,在第20幀上插入關(guān)鍵幀,改變20幀中舞臺上對象的透明度為100,在10與20幀中創(chuàng)建逆時針的動畫補(bǔ)間動畫,閃爍的星星繪制完成
4,進(jìn)入場景,把庫面板中已經(jīng)繪制好的閃爍星星拖拽到舞臺中。并把舞臺的背景設(shè)置為黑色既可。
風(fēng)吹的文字(技巧:幀的變動)翻轉(zhuǎn)幀,分散到圖層 太極的運動:
1繪制太級:新建元件,行為為“圖形”名稱為“太級”
利用的工具(圓形工具,箭頭工具)
利用的菜單(網(wǎng)格(ctrl+')旋轉(zhuǎn)與變形(ctrl+alt+s值為50%))2繪制太級運動:新建元件,行為為“影片剪輯”命名為“太級動” 在圖層一的第一幀中把庫中的“太級”拖拽到舞臺中
在第20幀中插入關(guān)鍵幀,在第一幀與第20幀之間創(chuàng)建順時針旋轉(zhuǎn)的動畫補(bǔ)間。3制作“天”“地”“乾”“坤”四個圖形元件:
1把制作完的“太級動”拖拽到舞臺中,并把圖層一命名為“太級動” 2制作文字元件: 1)新建元件,名稱為“天”,行為為“圖形”在此元件中輸入“天”
2)復(fù)制“天”元件,命名為“地”,行為為“圖形”并改變內(nèi)容為“地” 3)同2制作出“乾”“坤”圖形元件