




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
FLASH動(dòng)畫制作小組活動(dòng)教案2013-2014年度第二學(xué)期
教學(xué)課時(shí)第一節(jié)初識FLASH 3課時(shí)第二節(jié)FLASH簡單動(dòng)畫制作 4課時(shí)第三節(jié)基本工具的使用 4課時(shí)第四節(jié)直線運(yùn)動(dòng)和繪圖工具 4課時(shí)第五節(jié)鞏固 3課時(shí)第六節(jié)文字特效制作 4課時(shí)第七節(jié)引導(dǎo)線的制作應(yīng)用 4課時(shí)第八節(jié)按鈕的制作一 4課時(shí)第九節(jié)按鈕的制作二 4課時(shí)第十節(jié)測試與遮照一 4課時(shí)第十一節(jié)基礎(chǔ)知識復(fù)習(xí)及遮照應(yīng)用二 4課時(shí)第十二節(jié)遮照應(yīng)用三 6課時(shí)第十三周遮照復(fù)習(xí) 4課時(shí)第十四節(jié)ActiontScript語句的使用 4課時(shí)第十五節(jié)聲音處理和引導(dǎo)頁制作 4課時(shí)
第一節(jié)初識FLASH教學(xué)課時(shí):3課時(shí)教學(xué)目標(biāo):熟悉FLASH的工作環(huán)境,掌握最基本的概念教學(xué)重難點(diǎn):層和元件的概念及簡單運(yùn)用教學(xué)過程:一、FLASH特點(diǎn):使用矢量圖形和流式播放技術(shù)。矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量;流式播放技術(shù)使得動(dòng)畫可以邊播放邊下載,通過使用關(guān)鍵幀和圖符使得所生成的動(dòng)畫(.swf)文件非常小,幾K字節(jié)的動(dòng)畫文件已經(jīng)可以實(shí)現(xiàn)許多令人心動(dòng)的動(dòng)畫效果,把音樂,動(dòng)畫,聲效,交互方式融合在一起,越來越多的人已經(jīng)把Flash作為網(wǎng)頁動(dòng)畫設(shè)計(jì)的首選工具。強(qiáng)大的動(dòng)畫編輯功能使得設(shè)計(jì)者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動(dòng)畫,通過ACTION和FSCOMMAND可以實(shí)現(xiàn)交互性,使Flash具有更大的設(shè)計(jì)自由度,另外,它與當(dāng)今最流行的網(wǎng)頁設(shè)計(jì)工具Dreamweaver配合默契,可以直接嵌入網(wǎng)頁的任一位置,非常方便??傊?,F(xiàn)lash已經(jīng)慢慢成為網(wǎng)頁動(dòng)畫的標(biāo)準(zhǔn),成為一種新興的技術(shù)發(fā)展方向。二、熟悉工作環(huán)境1、主要分為舞臺(tái)就是工作區(qū),最主要的可編輯區(qū)域。在這里可以直接繪圖,或者導(dǎo)入外部圖形文件進(jìn)行安排編輯。就像演員表演的舞臺(tái),動(dòng)畫呈現(xiàn)在舞臺(tái)上,超出舞臺(tái)的區(qū)域就為不可見,也就是幕后,F(xiàn)LASH動(dòng)畫也要十分注重舞臺(tái)和幕后的共同設(shè)計(jì)。時(shí)間軸窗口用它可以調(diào)整電影的播放速度,并把不同的圖形作品放在不同圖層的相應(yīng)幀里,以安排電影內(nèi)容播放的順序。繪圖工具欄放置了可供圖形和文本編輯的各種工具,用這些工具可以繪圖,選取,噴涂,修改以及編排文字,還有些工具可以改變查看工作區(qū)的方式。在選擇了某一工具時(shí),其所對應(yīng)的修改器(Modifier)也會(huì)在工具條下面的位置出現(xiàn),修改器的作用是改變相應(yīng)工具對圖形處理的效果。標(biāo)準(zhǔn)工具欄列出了大部分最常用的文件操作,打印,剪貼板,撤消和重做,修改器以及控制舞臺(tái)放大比例的圖標(biāo)和選項(xiàng),便于進(jìn)行更為快捷的操作。圖庫窗口用以存放可以重復(fù)使用的稱為符號的元素。符號的類型包括有圖片(Graphics),按鈕(Button)和電影片斷(MovieClip)。其調(diào)用的快捷鍵為Ctrl-L。學(xué)習(xí)FLASH也要養(yǎng)成良好的習(xí)慣,其中建立元件就是最基本也是最重要的,元件存放在圖庫中,這樣便與元件的重復(fù)使用以及統(tǒng)一修改??刂破髅姘蹇刂齐娪暗牟シ挪僮鞯墓ぞ呒希òㄓ捌那斑M(jìn)后退暫停等),一般不大常用,處于隱藏狀態(tài)。2、逐步介紹各個(gè)區(qū)域(1)時(shí)間軸時(shí)間軸(Timeline)是Flash中最重要的工具之一。用它可以查看每一幀的情況,調(diào)整動(dòng)畫播放的速度,安排幀的內(nèi)容,改變幀與幀之間的關(guān)系,從而實(shí)現(xiàn)不同效果的動(dòng)畫。狀態(tài)欄中的為洋蔥皮(Onionskin)按鈕,其作用是在顯示播放頭所在幀內(nèi)容的同時(shí)顯示其前后數(shù)幀的內(nèi)容。當(dāng)點(diǎn)擊該按鈕時(shí),播放頭周圍會(huì)出現(xiàn)方括號形狀的標(biāo)記,其中所包含的幀都會(huì)顯示出來,這將有利于我們觀察不同幀之間的圖形變化過程。和的作用一樣,只不過它只顯示各幀圖形的輪廓線。當(dāng)我們需要同時(shí)編輯多個(gè)幀時(shí),按下按鈕就可以了,但要注意,它只對幀-幀動(dòng)畫有效,而對漸變動(dòng)畫無效,因?yàn)闈u變動(dòng)畫是通過定義關(guān)鍵幀再插值的方法實(shí)現(xiàn)的,所以其中內(nèi)插的幀是無法編輯的。是洋蔥皮修改器,用于改變洋蔥皮的狀態(tài)和設(shè)置。其后的三個(gè)數(shù)字分別為當(dāng)前播放頭所在幀號,動(dòng)畫播放速度以及以此速度從頭播放到當(dāng)前幀所需的時(shí)間。時(shí)間軸窗口右上角的可以用來調(diào)整時(shí)間每個(gè)單元格的寬窄大小,各人可根據(jù)自己的喜好,動(dòng)畫的長短等因素進(jìn)行修改,以便于實(shí)際操作。(2)元件和層概念及運(yùn)用在講動(dòng)畫形式之前先講元件和庫的概念,教學(xué)生建立元件的方法及必要性??招男A圈表示空白的關(guān)鍵幀,沒有內(nèi)容,例如在新建一個(gè)動(dòng)畫文件時(shí)出現(xiàn)。先建立一個(gè)元件,然后在場景中拉入元件拉入后成實(shí)心點(diǎn),有內(nèi)容就成了實(shí)心點(diǎn)單獨(dú)的關(guān)鍵幀為一黑色圓點(diǎn),后面為灰色表明其后各幀的內(nèi)容與其一致,沒有變化。實(shí)例分析:背景色的設(shè)置;相同小球的組合繪制要點(diǎn):選擇工具的使用(任意變形和整體選擇操作)圓形的繪制(shift畫正圓);建立元件(元件的概念)組合CTRL+G打散CTRL+B直線工具的使用元件主要有兩個(gè)優(yōu)點(diǎn):可以重復(fù)使用和統(tǒng)一修改介紹元件建立的兩個(gè)方法:插入――建立新元件或者選擇對象轉(zhuǎn)換為元件。(3)圖層:通過實(shí)例ceng及clx掌握圖層關(guān)于圖層(Layer)的概念,學(xué)過Photoshop的人都不會(huì)陌生。形象地說,圖層可以看成是疊放在一起的透明的膠片,如果層上沒有任何東西的話,你就可以透過它直接看到下一層。所以我們可以根據(jù)需要,在不同層上編輯不同的動(dòng)畫而互不影響,并在放映時(shí)得到合成的效果。使用圖層并不會(huì)增加動(dòng)畫文件的大小,相反它可以更好幫助我們安排和組織圖形,文字和動(dòng)畫。圖層是Flash中最基本而且重要的內(nèi)容,因而需要很好地掌握:在實(shí)例(ceng)中學(xué)習(xí)下面的知識。左圖是一個(gè)典型的圖層例子,圖中所示共有十一個(gè)層。其中用黑色標(biāo)識帶有一支鉛筆標(biāo)志的層為當(dāng)前正在編輯的層。如果該層不能被編輯,則會(huì)顯示圖標(biāo)。在這些層右上方有三個(gè)圖標(biāo),其中可以控制該層是否被顯示,默認(rèn)狀態(tài)為正常顯示,在對應(yīng)下方用表示,如果點(diǎn)擊這個(gè)黑點(diǎn),則會(huì)出現(xiàn),同時(shí)該層被隱藏,隱藏的層不能被編輯。用來控制是否鎖住該層,被鎖住的層可以正常顯示,但不能被編輯,這樣在你編輯其它層時(shí),可以利用這一層作參考,而不會(huì)誤改了這一層的內(nèi)容??梢钥刂剖欠駥右暂喞€方式顯示,點(diǎn)擊對應(yīng)的黑點(diǎn),會(huì)出現(xiàn),再點(diǎn)一次恢復(fù)正常。這幾個(gè)功能可以同時(shí)起作用。(4)動(dòng)畫形式分為運(yùn)動(dòng)動(dòng)畫和漸變動(dòng)畫運(yùn)動(dòng)動(dòng)畫:例如一個(gè)小球從左邊運(yùn)動(dòng)到右邊表示運(yùn)動(dòng)漸變動(dòng)畫,關(guān)鍵幀用黑色的圓點(diǎn)標(biāo)識,內(nèi)插幀用黑色的實(shí)線表示,背景為淡紫色(淺藍(lán)色)。虛線說明中間的過渡存在錯(cuò)誤,無法正確實(shí)現(xiàn)內(nèi)插。兩個(gè)例子:一個(gè)是小球位置的改變,另一個(gè)是顏色透明度的改變。漸變動(dòng)畫:例如圓變方塊!表示變形過渡動(dòng)畫,關(guān)鍵幀用黑色的圓點(diǎn)標(biāo)識,內(nèi)插幀用黑色的實(shí)線表示,背景為淡綠色。同樣如果中間出現(xiàn)錯(cuò)誤,也會(huì)出現(xiàn)虛線!主要是兩個(gè)例子,圓變方塊和英文字變中文其中要注意對象要打散,文字要打散兩次。比較和補(bǔ)間動(dòng)畫的區(qū)別。下面兩個(gè)略作了解字母a表示該幀已通過幀屬性對話框指定了action。關(guān)于action以后會(huì)詳細(xì)介紹。小紅旗表明該幀有標(biāo)簽或注解。三、小結(jié)通過本次課的學(xué)習(xí),學(xué)生要理解并掌握元件和層的概念及簡單運(yùn)用。要注意以下幾點(diǎn):1.元件存在庫中,方便重復(fù)使用和統(tǒng)一修改2.一個(gè)元件對應(yīng)一層3.層之間上下疊放,可改變順序4.動(dòng)畫的兩種形式,補(bǔ)間動(dòng)畫包括位置和顏色透明度的改變。形狀動(dòng)畫要注意對象要打散,其中文字的打散要用兩次CTRL+B。
第二節(jié)FLASH簡單動(dòng)畫制作教學(xué)課時(shí):4課時(shí)教學(xué)目標(biāo):1、復(fù)習(xí)鞏固FLASH中最基本的概念(元件、圖層)2、掌握兩種動(dòng)畫形式:補(bǔ)間動(dòng)畫和漸變動(dòng)畫3、掌握時(shí)間軸上幀的操作(插入、刪除等)教學(xué)重點(diǎn):應(yīng)用工具畫圖,并制作動(dòng)畫教學(xué)過程:一、復(fù)習(xí)鞏固主要是在上節(jié)的基礎(chǔ)上完成進(jìn)一步動(dòng)畫做完的同學(xué)可以進(jìn)一步練習(xí)兩種動(dòng)畫形式,主要為物體透明度的改變和文字的變形。記住三句口決:1、一個(gè)對象一層2、一般一個(gè)對象要轉(zhuǎn)換為元件3、在形狀動(dòng)畫中不要建立元件,對象要打散二、實(shí)例運(yùn)用1上節(jié)課已經(jīng)學(xué)習(xí)了兩種最基本的動(dòng)畫形式,這次課我們就先來綜合運(yùn)用一下。實(shí)例1哭臉變笑臉1、先給學(xué)生看最后的效果2、分析要分為幾層?五層臉、眼眶、嘴、左眼、右眼為什么要用5層?嘴一層要進(jìn)行動(dòng)畫制作,因此要單獨(dú)一層左右眼珠分兩層,眼睛看起來靈活些,也更方便些幾個(gè)注意的地方:線條的粗細(xì)可調(diào)整;對象的大小可調(diào)整(直接修改數(shù)值比較精確);對象要對齊可用吸附工具,也可以借輔助線用方向鍵進(jìn)行微調(diào)整;嘴是要變形的,打散狀態(tài)(右鍵-分離弧線才可變形,選中的對象不能改動(dòng));F5普通幀(刪除幀),F(xiàn)6關(guān)鍵幀(清除關(guān)鍵幀),補(bǔ)間動(dòng)畫FLASH自動(dòng)生成。思考:眼睛怎么轉(zhuǎn)動(dòng)?―――元件的運(yùn)動(dòng)。分析:眼珠要四周轉(zhuǎn)動(dòng),需要四個(gè)關(guān)鍵幀三、綜合實(shí)例1、看實(shí)例2進(jìn)行分析:主要是混色器的使用關(guān)鍵步驟:先畫一個(gè)圓,線條可調(diào)整;選擇漸變的圓,在混色器中進(jìn)行調(diào)整(小塊往下拉就刪除),調(diào)整到合適的效果(用顏料桶填充);要做圓環(huán),在大圓中再畫一個(gè)小圓,小圓在選中狀態(tài)下可以改變位置,調(diào)整大小等。(要注意,放開就不能改了)。改變大小時(shí),SHIFT是左上角調(diào)整,ALT則是以圓心調(diào)整;要做成補(bǔ)間動(dòng)畫(形狀動(dòng)畫也是成立的,但沒什么效果。自己要多試,可以意外發(fā)現(xiàn)一些效果)補(bǔ)間動(dòng)畫順時(shí)針40幀循環(huán)3次(24幀為1秒)思考字母變形的做法(結(jié)合上次課的練習(xí))四、學(xué)生動(dòng)手創(chuàng)作教師節(jié)賀卡(有樣例3)(20’)要求學(xué)生充分發(fā)揮自己的想象力,動(dòng)手制作一張賀卡主要包括幾方面的內(nèi)容:1、文字的移動(dòng)2、文字的旋轉(zhuǎn)移動(dòng)3、文字的漸隱(透明度的變化)4、簡單的動(dòng)作設(shè)置(stop)五、小結(jié)通過本次課的學(xué)習(xí),我們復(fù)習(xí)并鞏固了FLASH的兩種基本動(dòng)畫形式,以及運(yùn)用了層來更好地表現(xiàn)動(dòng)畫。
第三節(jié)基本工具的使用教學(xué)課時(shí):4課時(shí)教學(xué)目標(biāo):1、要求學(xué)生掌握漸變工具、多角星形工具、墨水瓶工具、文字工具的使用。2、要求學(xué)生掌握修改菜單中的位圖、元件、形狀的菜單項(xiàng)。3、掌握如何制作基本圖形:圓環(huán)、星星、月亮、太陽、空心文字、門、窗、建筑物。4、掌握位圖的導(dǎo)入及矢量圖的轉(zhuǎn)換。教學(xué)重點(diǎn):基本圖形的制作;如何導(dǎo)入和轉(zhuǎn)換圖片。教學(xué)過程:一、復(fù)習(xí)鞏固1、完成上次的作業(yè)(哭臉變笑臉的的例子和轉(zhuǎn)動(dòng)的圓環(huán))上傳作業(yè)(新的作業(yè)平臺(tái)的使用,上傳原文件)。二、新課引入思考一下這個(gè)圓環(huán)是怎么做的?(實(shí)例)分析:1、我們可以用上節(jié)課講的大圓里畫小圓的方法來完成,不過可能覺得還是有些麻煩的,上節(jié)課是為了特殊的漸變效果才用那種方法的,現(xiàn)在再介紹另一種方法:2、關(guān)鍵步驟選擇圓形工具,邊線設(shè)置為七彩色,線條粗細(xì)調(diào)節(jié)好(要做成一個(gè)環(huán),數(shù)值比較大),填充色設(shè)為白色;選中圓環(huán),修改-形狀-線條轉(zhuǎn)為填充色;墨水瓶工具填充線條;注意點(diǎn):修改-形狀-線條轉(zhuǎn)為填充色,否則無法實(shí)現(xiàn)(會(huì)把七彩色蓋掉)三、實(shí)例教學(xué)1、多邊形工具的使用太陽的制作主要步驟:選擇矩形工具下面的小箭頭,選擇多邊形工具,在選項(xiàng)中進(jìn)行設(shè)置,樣式:星形邊數(shù)10星形頂點(diǎn)大小0.5(數(shù)量越小就越尖)可以具體演示兩種效果,讓學(xué)生比較掌握;填充色設(shè)為黃色漸變(漸變工具的再一次復(fù)習(xí)鞏固);畫一個(gè)深黃色的圓,在上面畫上眼睛和嘴(變形工具的使用)有時(shí)間的同學(xué)自己創(chuàng)作畫月亮(實(shí)例)幾點(diǎn)注意:月牙形的繪制;墨水瓶工具的填充線條3、綜合實(shí)例制作分析:整個(gè)動(dòng)畫分為三個(gè)主要部分(星星、高樓和汽車),一個(gè)個(gè)來制作星星影片制作:首先,繪制一個(gè)星星(圖形元件),主要步驟同多邊形的繪制;再建立一個(gè)影片元件,名為閃動(dòng)的星,注意區(qū)別影片元件和圖形元件(參看足球的轉(zhuǎn)動(dòng)),讓學(xué)生注意觀察標(biāo)記不一樣記住一句口訣:元件可改變顏色、透明度、大小等,都不會(huì)改變元件本身(可通過星星的制作具體演示)關(guān)鍵步驟:畫好星星后,新建一個(gè)影片元件,改變星星的透明度作一個(gè)補(bǔ)間動(dòng)畫,即為星星的閃爍;復(fù)制一個(gè)影片,然后在此基礎(chǔ)上修改,上一個(gè)是由亮到暗,這一個(gè)就是由暗到亮,這樣可心使星星看起來閃動(dòng)自然些;星星這個(gè)影片做好后,讓學(xué)生動(dòng)手做星星。建筑物的制作:新建一個(gè)元件,畫一個(gè)褐色填充黑框的房框再建一個(gè)元件,畫一個(gè)白色填充黑框的窗戶,通過復(fù)制粘貼,做成4個(gè)窗口。然后選中4個(gè)窗口運(yùn)用修改-對齊-頂端對齊和寬度均勻分布,使4個(gè)窗口排列整齊。通過復(fù)制(按CTRL拖動(dòng)),畫好多排多列窗口,一列選中調(diào)整對齊。其他幾列操作也同。選中所有窗口,按SHIFT,不選外框,然后把窗口設(shè)為灰色,再選幾個(gè)設(shè)為黃色(以上的修改都是元件的修改運(yùn)用)另外一幢樓也是復(fù)制,然后進(jìn)行修改,同樣用了元件的修改。這個(gè)制作要特別注意的是對齊工具的應(yīng)用?;氐綀鼍爸?,星星一層,高樓一層,再另換一層,畫路基(直線工具)要注意視覺上的真實(shí)感,按照路基的傾斜度調(diào)整高樓的形狀。汽車的制作:主要是圖片的轉(zhuǎn)換新建一個(gè)元件,導(dǎo)入汽車的圖片,把位圖轉(zhuǎn)換為矢量圖;對圖片進(jìn)行處理,刪掉白色的部分;回到場景中,汽車也新建一層,然后就做汽車的補(bǔ)間動(dòng)畫,使汽車開動(dòng)起來。小結(jié):1、多邊工具的使用2、元件的屬性修改應(yīng)用(包括大小、顏色和透明度等)3、對齊的使用4、位圖轉(zhuǎn)為矢量圖
第四節(jié)直線運(yùn)動(dòng)和繪圖工具教學(xué)課時(shí):4課時(shí)教學(xué)目標(biāo):要求學(xué)生掌握直線運(yùn)動(dòng)的補(bǔ)間。2、掌握實(shí)例的編輯修改。3、掌握鉛筆工具及鋼筆工具。4、制作夜色中行駛的汽車、動(dòng)感片頭的制作教學(xué)重點(diǎn):教學(xué)重點(diǎn):鉛筆、鋼筆工具的靈活使用教學(xué)過程:一、復(fù)習(xí)鞏固實(shí)例――夜色中行進(jìn)的車內(nèi)容回顧在上節(jié)課中已經(jīng)完成了動(dòng)畫的一部分,星星的制作相信大部分同學(xué)已經(jīng)學(xué)會(huì)了,接下來一部分同學(xué)還沒完成高樓的制作,我們說要注意對齊工具的運(yùn)用。出現(xiàn)的問題在畫樓的時(shí)候很多同學(xué)都出現(xiàn)這樣的問題,樓不能改變,這主要是元件沒建好,一般是要有三人元件,一個(gè)是窗戶,一個(gè)是房框,還要一個(gè)就是兩者結(jié)合的樓。這樣改變的時(shí)候其實(shí)是改變房框的形狀。二、進(jìn)一步完成實(shí)例1、汽車的運(yùn)動(dòng)這里主要掌握知識點(diǎn)是位圖轉(zhuǎn)化為矢量圖(修改-位圖-轉(zhuǎn)換位圖為矢量圖),把白色的部分刪掉,把汽車放到場景中,制作汽車的運(yùn)動(dòng)。主要要注意起點(diǎn)和終點(diǎn)關(guān)鍵幀的設(shè)置。2、路面、一些線的繪制主要掌握鋼筆、鉛筆工具等繪圖工具的使用方法有多種,老師教的只是其中一種,大家都可以根據(jù)自己對繪圖工具的使用,來完成各種繪制。路面的繪制可以先畫一個(gè)矩形(無邊,灰色填充),然后用部分選取工具改變,使成為自己想要的范圍線的繪制主要是中間一條灰色的線,有兩種方法方法一由于并不要求很精確,可以先畫完直線,然后再用橡皮工具擦掉中間不要的部分方法二可以把線條形式改為虛線,在自定義處可以進(jìn)行修改(前面一個(gè)數(shù)值代表實(shí)線的長度,后面的表示中間空的地方的長度,一般為35,8)3、畫完這些線后,我們可以來看一下汽車是否沿著線開,可以根據(jù)線的傾斜度,調(diào)整一下汽車的起點(diǎn)和終點(diǎn)位置。三、實(shí)例-標(biāo)志動(dòng)畫的制作1、先畫靜止的畫面(實(shí)例)分析:主要分為三部分邊、文本和圖形邊的繪制比較簡單,讓學(xué)生自己完成;字母的輸入也不難,主要是設(shè)置多種字體,這里為三種,可以根據(jù)自己的喜好,任意設(shè)置三種字體,同時(shí)可以調(diào)整其大小。主要是圖形的繪制菱形的繪制只要畫好一個(gè)矩形,然后旋轉(zhuǎn)一下就可以了關(guān)于旁邊一個(gè)無規(guī)則圖形的繪制,主要應(yīng)用鋼筆工具,來畫出自己所想要的形狀2、讓標(biāo)志動(dòng)畫動(dòng)起來(實(shí)例)我們做每個(gè)動(dòng)畫之前先要對這個(gè)動(dòng)畫進(jìn)行分析,哪些是動(dòng)的,哪些是靜的,動(dòng)的又是怎么動(dòng)的?(回想一下以前學(xué)過的一些動(dòng)畫形式,到這里應(yīng)該怎么做)宗旨:不管用了什么方法,只要把效果做出來就好,同學(xué)們可以把自己所學(xué)的東西融會(huì)貫通,方法不是只有一種,老師介紹的方法是比較常用的,并不一定是最好的,大家可以通過多動(dòng)手,或許就會(huì)發(fā)現(xiàn)更好的方法。學(xué)多了就會(huì)靈活運(yùn)用,舉一反三了!我們仔細(xì)觀察動(dòng)畫有幾層,一般就是要做幾個(gè)運(yùn)動(dòng)第一,邊是靜止不動(dòng)的,因此我們只要畫好放在那里就行第二,按動(dòng)畫動(dòng)起來的順序來看,菱形是最先動(dòng)的,主要透明度的改變和旋轉(zhuǎn),這個(gè)并不難,學(xué)生應(yīng)該已經(jīng)掌握了,稍加分析即可。第三,第二個(gè)圖形在菱形還在動(dòng)的時(shí)候就出現(xiàn)了,所以要在菱形變化有中間過程中開始做動(dòng)畫,主要是透明度有改變,后階段是有和無之間的轉(zhuǎn)變,主要通過插空白幀來實(shí)現(xiàn)。第四,字母J是從上往下運(yùn)動(dòng)的,字符串esting,是從右往左運(yùn)動(dòng)的,還有coltd則是和上面的圖形一樣,在有無之間的轉(zhuǎn)變,方法同上。到些,我們的動(dòng)畫基本就完成了,從中可以發(fā)現(xiàn)其實(shí)動(dòng)畫并不難,要通過我們的分析以及創(chuàng)造力來完成精彩的動(dòng)畫,我們在做的時(shí)候可以充分發(fā)揮自己的創(chuàng)造力,比比看誰的動(dòng)畫做得最精彩!四、小結(jié)1、學(xué)會(huì)繪圖工具的使用(直線和鋼筆等工具)2、運(yùn)動(dòng)的幾種基本形式的綜合運(yùn)用
第五節(jié)鞏固教學(xué)課時(shí):3課時(shí)教學(xué)目標(biāo):1、要求學(xué)生鞏固橢圓工具、直線工具、填充工具、鋼筆工具、變形工具、選取工具、墨水瓶工具、矩形工具的使用。2、鞏固圖形元件、影片元件的創(chuàng)建。3、鞏固二類補(bǔ)間動(dòng)畫的特點(diǎn)。4、鞏固二類動(dòng)畫:變形動(dòng)畫、直線運(yùn)動(dòng)動(dòng)畫。一、鞏固復(fù)習(xí)主要通過幾個(gè)具體的實(shí)例來復(fù)習(xí)相關(guān)知識點(diǎn)1、使用多邊形工具、鋼筆工具繪制(實(shí)例)通過月亮和星星的畫法,來鞏固多邊形工作和鋼筆工作等畫圖工作的使用主要知識點(diǎn):月亮繪制(可用學(xué)過的多種方法,這里不再重復(fù))星星的繪制(多邊形工具的應(yīng)用。要注意設(shè)置,包括樣式、邊數(shù)、頂點(diǎn)大小等參數(shù)的設(shè)置)2、用矩形工具及變形工具制作一個(gè)立體建筑物,再用重復(fù)使用元件制作下列效果圖,制作中要注意使用多圖層,才能產(chǎn)生建筑之間的疊加效果。(實(shí)例)注意幾點(diǎn):一是元件的重復(fù)利用;二是要使用多層(一般一個(gè)樓一層)三是利用CTRL工具進(jìn)行樓房的形狀調(diào)整,使其更具立體感。主要步驟:先觀察樓房有兩種形狀,一種是普通的立方體,另一種是稍變形的,有透視效果,所以我們首先要建兩個(gè)元件。先建一個(gè)元件,分兩層,一層畫房框(用矩形工作),一層畫窗戶(請注意轉(zhuǎn)化為元件,以便于調(diào)整)。再在庫中直接復(fù)制元件,然后在新元件中用按CTRL進(jìn)行微調(diào)整畫好路面(略)把兩個(gè)元件根據(jù)需要拖出來,并調(diào)整好顏色,同時(shí)要注意分為多層,以便于疊加(有前后順序)背景色填充(漸變工作的使用)3、用二個(gè)關(guān)鍵幀制作變形效果(實(shí)例)此實(shí)例主要鞏固學(xué)生對漸變填充工具的使用動(dòng)畫分為兩層,一層為背景,也是利用漸變填充(放射狀)另一層為變形動(dòng)畫的制作,即為星形變方形,要注意兩個(gè)關(guān)鍵幀(即由什么變?yōu)槭裁矗?,第一幀為星形。最后一幀為方形,中間創(chuàng)建形狀動(dòng)畫。4、有時(shí)間的同學(xué)自己動(dòng)手畫畫卡通煙囪(實(shí)例)二、檢測(兩節(jié)課時(shí)間進(jìn)行考試,一共三題,具體要求等詳見index.html)考試只是檢測這一階段的學(xué)習(xí)情況,老師根據(jù)同學(xué)中反映出來的問題,知道學(xué)生的掌握情況,對癥下藥,使大家盡快學(xué)會(huì)FLASH!創(chuàng)造出有自己特色的精彩動(dòng)畫!
第六節(jié)文字特效制作教學(xué)課時(shí):4課時(shí)教學(xué)目標(biāo):1、復(fù)習(xí)鞏固測試題。2、掌握幾類文字特效的制作。教學(xué)重點(diǎn):各類文字效果的制作教學(xué)過程:一、測試分析根據(jù)上次考試的具體情況進(jìn)行小結(jié)點(diǎn)評1、先說明一下這次考試的概況,總的來說大家完成得都還不錯(cuò),這次的題目并不難,基本上都是最基礎(chǔ)的,而且還都講過的,大部分同學(xué)都只可以獨(dú)立完成。大家起點(diǎn)都差不多,只要肯努力,一定可以學(xué)好的,入門很快,進(jìn)一步提高要靠自己,學(xué)得快的同學(xué)要不斷努力,一定能出成績。2、存在的一些問題:小部分同學(xué)形狀漸變還沒掌握,可個(gè)別提問;大部分同學(xué)側(cè)面的調(diào)整做得不夠好,細(xì)心調(diào)整即可;個(gè)別同學(xué)星形變形不自然,原因是星形的邊數(shù)問題,做的時(shí)候要看清要求,仔細(xì)研究;注意生成swf文件(CTRL+ENTER);要注意層的命名,養(yǎng)成良好的習(xí)慣。3、表揚(yáng)一些同學(xué),并展示一下他們的作品(實(shí)例四個(gè))二、文字特效制作實(shí)戰(zhàn)1、陰影字的制作(實(shí)例)技術(shù)分析:陰影字分析主要為兩層,一層是文字層,一層是陰影層,且陰影層在文字層下面一層;陰影層就是文字層的復(fù)制、變色及變形主要步驟:新建一層,打入文字FLASH;再建一層,復(fù)制粘貼;(CTRL+SHIFT+V就是原位置的粘貼);顏色和形狀的調(diào)整2、浮雕字的制作(實(shí)例)技術(shù)分析:原理同陰影字的制作,分幾層,通過顏色調(diào)整,做出浮雕效果3、打字效果的制作(實(shí)例)技術(shù)分析:文字要一個(gè)個(gè)出來,可以考慮用逐幀動(dòng)畫(請注意與補(bǔ)間動(dòng)畫的區(qū)別:補(bǔ)間動(dòng)畫是軟件自動(dòng)生成的)主要步驟:先新建一層,導(dǎo)入背景圖片;再建一層,一共有21個(gè)文字,插入21個(gè)關(guān)鍵幀(F6);在每一個(gè)關(guān)鍵幀處設(shè)置文字的個(gè)數(shù),根據(jù)字打出來的效果,每幀依次多一個(gè)字。4、五彩旋轉(zhuǎn)文字(實(shí)例)技術(shù)分析:文字的五彩填充,文字的旋轉(zhuǎn)與縮放主要步驟:新建一個(gè)元件,兩次打散后,用七彩色填充;建立一個(gè)動(dòng)畫,注意縮放和旋轉(zhuǎn)的設(shè)置學(xué)生可自己練習(xí)用中文字做五彩旋轉(zhuǎn)文字,效果更明顯些。5、光線字的制作(實(shí)例)主要適用于掌握程度較好的學(xué)生技術(shù)分析:文字的光線效果的繪制和元件的透明度的變化效果主要步驟:新建一個(gè)元件,一個(gè)打散狀態(tài)的字母和光線的效果,用直線繪制或者變形工具;在一層中設(shè)置透明度的變化(由淺到深再到淺的過程);其余做法同,為加強(qiáng)效果,要注意另外層的字母ABC的設(shè)置,一共有六層6、殘影文字的制作(知識拓展)主要是動(dòng)作快的學(xué)生自己探索制作提示:主要要幾層文字的疊加效果,(每層文字的透明度設(shè)置不同,形成殘影效果)每層文字都設(shè)置成旋轉(zhuǎn)動(dòng)畫,只不過開始有先后順序,以致形成殘影效果三、小結(jié):文字的效果很大就是應(yīng)用幾層文字不同狀態(tài)的疊加效果以及動(dòng)畫的開始時(shí)間的不同來體現(xiàn)文字的變化,掌握了以上的要點(diǎn)同學(xué)們經(jīng)過自己的創(chuàng)造一定能制作出更精彩的動(dòng)畫!
第七節(jié)引導(dǎo)線的制作應(yīng)用教學(xué)課時(shí):4課時(shí)教學(xué)目標(biāo):1、復(fù)習(xí)掌握幾類文字特效的制作(包括發(fā)光字和殘影效果)2、了解引導(dǎo)線的概念3、學(xué)會(huì)用引導(dǎo)線制作簡單動(dòng)畫教學(xué)過程:一、復(fù)習(xí)掌握文字特效1、大概說一下作業(yè)批改情況2、發(fā)光字體的制作大部分同學(xué)把發(fā)光字體的動(dòng)畫過程都做出來了,說明大家對這部分掌握得還可以,還有同學(xué)沒懂的及時(shí)問。大部分同學(xué)的共同點(diǎn)是字母沒做好,上次說的矩形工具的微調(diào)整是一種方法,我們也可以用直線工具來畫,然后用線性漸變填充。這樣做出來的效果比較好,不會(huì)出現(xiàn)一些陰影被遮蓋的現(xiàn)象,這是同學(xué)們最要注意的問題。當(dāng)然也有個(gè)別同學(xué)做得比較好。讓學(xué)生把發(fā)光字體做完并上傳。3、拓展題分析(實(shí)例)在講這前,先給學(xué)生10分鐘左右的時(shí)間自學(xué),看看自己動(dòng)手能否做出來,然后再講解,再讓學(xué)生完成!在預(yù)習(xí)方面,同學(xué)們可以先看我的例子,自己想想應(yīng)該怎么做,如果不會(huì)再仔細(xì)研究一下我的教案,不要急著問別的同學(xué),思考過后再問,再聽,效果會(huì)好不少。殘影效果的制作分析:影子有幾個(gè)就是有幾層,影子的出現(xiàn)就是每層元件的出現(xiàn)時(shí)間不同,即每層往后退一幀,殘影漸漸變淡,就是每層的元件透明度的逐漸降低。主要步驟:建立一個(gè)元件1,兩次打散后,用七彩色填充;復(fù)制元件,命名為2,在原來的基礎(chǔ)上用墨水瓶工具描白邊;第一層放入元件1,完成補(bǔ)間動(dòng)畫,順時(shí)針,1次左右;第二層第二幀放入元件2,透明度設(shè)為85%,動(dòng)畫同上;同方法建層作動(dòng)畫,注意每層第一幀往后退一幀,元件透度依次降低,一般10層左右;注:在做新一層的時(shí)候不用重新拖入元件,可以用原位置復(fù)制元件(CTRL+SHIFT+V),然后再修改元件的透明度即可!4、對于基礎(chǔ)比較好的同學(xué)在全部完成的基礎(chǔ)上,可以先預(yù)習(xí)下節(jié)課引導(dǎo)線的內(nèi)容,也可以做一些拓展練習(xí)!二、引導(dǎo)線的制作應(yīng)用:1、新課導(dǎo)入:(實(shí)例)先看實(shí)例,小球的無規(guī)則運(yùn)動(dòng)分析,其實(shí)小球是按一定的路徑運(yùn)動(dòng)的,這個(gè)路徑是不可見的,但是能引導(dǎo)小球的運(yùn)動(dòng),這就叫做引導(dǎo)線,其所在的層叫引導(dǎo)層(在運(yùn)行時(shí)不可見)主要步驟:新建一層引導(dǎo)層,用鉛筆工具畫任意不封閉曲線,就是運(yùn)動(dòng)路徑新建一個(gè)元件,畫個(gè)小球,作為一個(gè)運(yùn)動(dòng)對象再建一層,把小球拖來,第一幀把小球的圓心放到曲線的起點(diǎn)(會(huì)自動(dòng)吸附),在30幀左右插關(guān)鍵幀,把小球的圓心放到曲線的終點(diǎn),這就是小球運(yùn)動(dòng)的起始點(diǎn)和終點(diǎn)注:要使小球沿著引導(dǎo)線運(yùn)動(dòng),一定要在起點(diǎn)和終點(diǎn)位置,使小球吸附在引導(dǎo)線上,否則不會(huì)按引導(dǎo)線運(yùn)動(dòng)!2、學(xué)生能力拓展完成快的同學(xué)可完成拓展練習(xí)1,層的原理類似于上次的殘影效果制作3、引導(dǎo)線的初步應(yīng)用(實(shí)例)技術(shù)分析:樹葉的自由飄落其實(shí)就是運(yùn)用了引導(dǎo)線的知識,樹葉的飄落路徑就是引導(dǎo)線的路徑主要步驟同上一題,要注意樹葉的繪制可用直線工具加上任意變形即可。動(dòng)作快的同學(xué)可完成拓展練習(xí)2,注意:只要在上題的基礎(chǔ)上多加幾個(gè)層,作與上題一樣的引導(dǎo)層即可,當(dāng)然為了省時(shí)方便,可把樹葉飄落作為一個(gè)影片剪輯,然后一個(gè)個(gè)拖到場景中即可,當(dāng)然也要稍注意時(shí)間先后。三、引導(dǎo)線的進(jìn)一步應(yīng)用1、騎山車(實(shí)例)技術(shù)分析:車子的運(yùn)動(dòng)就是按路徑的運(yùn)動(dòng),山路就是路徑主要步驟:新建一個(gè)元件,用畫圖工具畫好車和人畫好背景,包括山路畫引導(dǎo)線,只要復(fù)制已畫好的山路即可(同路就是白色的線條)把車的元件拖到場景中,起點(diǎn)和終點(diǎn)的設(shè)置對齊同上在動(dòng)畫設(shè)置中選中“調(diào)整到路徑”,車子才會(huì)比較自然地動(dòng),這是本例制作的關(guān)鍵!2、動(dòng)作快的同學(xué)可以進(jìn)一步制作山車,可以讓車輪動(dòng)起來!(拓展練習(xí))簡單提示:畫好車輪動(dòng)畫設(shè)置為旋轉(zhuǎn)即可!四、引導(dǎo)線的提高應(yīng)用(拓展練習(xí))主要是針對基礎(chǔ)比較好的同學(xué),字母就是引導(dǎo)線,要注意中間要斷開,才能動(dòng)起來,文字層用逐幀動(dòng)畫做(原理類似于以前做過的打字效果),才有字是寫出來的感覺,以后我們學(xué)了遮照層就不會(huì)這么麻煩了!
第八節(jié)按鈕的制作一教學(xué)課時(shí):4課時(shí)教學(xué)目標(biāo):1、復(fù)習(xí)掌握引導(dǎo)線的應(yīng)用2、介紹按鈕的作用3、學(xué)會(huì)按鈕的簡單應(yīng)用教學(xué)過程:一、復(fù)習(xí)掌握引導(dǎo)線的應(yīng)用1、復(fù)習(xí)上節(jié)課的例子,提出一些完成過程中的問題山坡的曲線的畫法可用鋼筆工具來畫,具體演示下畫法;多片樹葉下降,可用兩種方法,一是使用影片剪輯,原理類似于以前學(xué)過的閃動(dòng)的星星。還有一個(gè)方法是在引導(dǎo)層中可畫多條引導(dǎo)線,引導(dǎo)層下面的圖層只要在虛線中,均可被引導(dǎo)線引導(dǎo)。2、復(fù)習(xí)上次課的引導(dǎo)線,主要通過實(shí)例來鞏固(實(shí)例)技術(shù)分析:小球的跳動(dòng)就是引導(dǎo)線(當(dāng)然也可用以前的動(dòng)畫,多創(chuàng)建幾個(gè)補(bǔ)間也可),貓的變化就是兩張圖片的變化主要步驟:①先完成管的繪制,要注意前后面的分層,否則填充就會(huì)出問題,然后再完成陰影面的制作;②畫好引導(dǎo)線,為折線形式,紅色小球沿引導(dǎo)線運(yùn)動(dòng);③貓的兩種狀態(tài)(睜眼和閉眼)小球沒砸到時(shí)睜眼,快砸到時(shí)閉眼且后退(用交換元件做可保持位置不變)拓展練習(xí)蝴蝶飛舞(拓展練習(xí))提示:揮動(dòng)翅膀的蝴蝶作為一個(gè)影片剪輯,在這個(gè)影片剪輯中,把素材中的圖片導(dǎo)入,每張圖片一幀,表示蝴蝶的不同狀態(tài),其中要注意每張圖片位置要對齊,方法有兩個(gè),一個(gè)是打開時(shí)間軸的“查看多個(gè)幀”,另一個(gè)是交換元件3、圓環(huán)的制作(實(shí)例)為了進(jìn)一步鞏固引導(dǎo)線的動(dòng)畫,還要講一個(gè)新的知識點(diǎn),即小球繞圓環(huán)運(yùn)動(dòng)技術(shù)分析:同樣應(yīng)用引導(dǎo)線做,關(guān)鍵是圓環(huán)的引導(dǎo)線是非閉合曲線,小球才能運(yùn)動(dòng),技巧就是用橡皮把圓環(huán)打開缺口。主要步驟:①先建一層,畫一個(gè)圓(無填充)②添加一層引導(dǎo)層,把圓復(fù)制,然后把引導(dǎo)層中的圓用橡皮等工具打開缺口,使圓環(huán)成為一個(gè)非閉合曲線(物體的運(yùn)動(dòng)是遵循就近原則,如果不斷開,只會(huì)作就近小半圈的運(yùn)動(dòng))③小球的始末狀態(tài)的設(shè)置,第一幀在缺口的一端,最后一幀在缺口的另一端。思考:地球繞著太陽轉(zhuǎn)(橢圓形軌道同上例)拓展練習(xí)中的玩具火車的運(yùn)動(dòng)(單軌和8字形軌道,有興趣的同學(xué)可以自己嘗試一下)二、按鈕的制作:1、基本按鈕的制作(實(shí)例)插入新元件,元件類型為按鈕,即可見如下界面一般在以上四種狀態(tài)下放置四個(gè)不同的元件,即可制作出一個(gè)按鈕效果。下面以變形按鈕為例介紹制作步驟。①插入新元件,元件類型為按鈕,并命名該按鈕為“變形”②單擊選中“彈起”,并繪制一個(gè)藍(lán)色長方形③單擊選中“指針經(jīng)過”,按F6,并刪除藍(lán)色長方形,繪制一個(gè)綠色長方形④單擊選中“按下”,按F6,并刪除綠色長方形,繪制一個(gè)紅色長方形做完后查看效果,并據(jù)此講解四種狀態(tài)具體表現(xiàn),其中第四個(gè)“點(diǎn)擊”在此并不能體現(xiàn)出來,以后具體碰到再說,先掌握前面三種狀態(tài)設(shè)置2、用文字、圖片、圖形等作按鈕(實(shí)例)在實(shí)例3的基礎(chǔ)上演示文字作按鈕,即在上面藍(lán)色長方形的位置替換成文字就是文字按鈕,演示一下即可,其中“點(diǎn)擊”如果是實(shí)心的區(qū)域,比較容易選中實(shí)例4分析:主要原理同上例,其中的水晶球可以自己畫,也可以用提供的圖片,同時(shí)也說明了按鈕也可以用圖片來做!三、按鈕的進(jìn)一步制作應(yīng)用1、簡單的動(dòng)態(tài)按鈕(實(shí)例)技術(shù)分析:小球是在鼠標(biāo)放在按鈕時(shí)下落的,所以動(dòng)作發(fā)生在按鈕四種狀態(tài)的“指針經(jīng)過”狀態(tài),小球下落又是個(gè)運(yùn)動(dòng)狀態(tài),所以在“指針經(jīng)過”狀態(tài)放的不是圖片之類的,而是一個(gè)影片剪輯(相當(dāng)于一個(gè)小電影)主要步驟:①新建一個(gè)影片剪輯,在里面做小球下落并且透明度改變的動(dòng)畫②新建一個(gè)按鈕元件,在“彈起”狀態(tài)中畫上一個(gè)紅色的長方形,在“指針經(jīng)過”狀態(tài)中放入我們已經(jīng)做好的關(guān)于小球運(yùn)動(dòng)的影片剪輯2、動(dòng)態(tài)按鈕引申(實(shí)例)技術(shù)分析:這個(gè)動(dòng)態(tài)按鈕的制作基本原理同上例,只是按鈕元件的第一種狀態(tài)中是空幀,就是沒放上去時(shí)不顯示,也就是我們所說的隱形按鈕,拖入到場景中按鈕元件呈現(xiàn)出半透明狀態(tài)。3、動(dòng)態(tài)按鈕綜合實(shí)例應(yīng)用(拓展練習(xí)二)實(shí)例演示:禮花的綻放效果(鼠標(biāo)點(diǎn)擊,禮花綻放)技術(shù)分析:鼠標(biāo)點(diǎn)擊引發(fā)的事件,即在按鈕的,即為熱區(qū),按鈕的動(dòng)作就在這個(gè)熱區(qū)觸發(fā)。由于是鼠標(biāo)點(diǎn)擊下去才有禮花綻放的效果,所以在禮花綻放的影片剪輯中,第一幀是放入已做好熱區(qū)的按鈕。第二幀開始才是禮花綻放的動(dòng)畫,就是禮花這個(gè)圖形的放大動(dòng)畫。然后在幀上及按鈕上加上簡單代碼即可。主要步驟:①新建一個(gè)按鈕元件,在第四種狀態(tài)“點(diǎn)擊”中畫一個(gè)實(shí)心區(qū)域(這里可畫一個(gè)白色的長方形)②新建一個(gè)影片剪輯,第一幀放入剛做好的按鈕,因?yàn)椴稽c(diǎn)擊的時(shí)候事件(禮花綻放)不觸發(fā),第一幀加入動(dòng)作stop,同時(shí)按鈕的動(dòng)作是點(diǎn)擊就觸發(fā)禮花綻放的事件,因此在按鈕上加上動(dòng)作on(press){gotoandplay(2);}這個(gè)動(dòng)作語句可在動(dòng)作面板中選擇輸入,不用自己輸入(自己打入容易錯(cuò),可用腳本校對)on(press){gotoandplay(2);}意思是按下按鈕,開始第二幀動(dòng)作③在第二幀開始禮花的變化,導(dǎo)入禮花圖片并轉(zhuǎn)化為元件,然后作放大的動(dòng)畫④最后在場景中拖入已經(jīng)完成的影片剪輯,注意在鋪滿整個(gè)場景,點(diǎn)擊的時(shí)候才能保證無論點(diǎn)哪里都有禮花綻放,比較逼真些。鋪滿時(shí)可用多次復(fù)制粘貼。思考:鼠標(biāo)放上去禮花綻放怎么做?(拓展練習(xí))提示:即在按鈕的指針經(jīng)過中放入影片元件小結(jié):這節(jié)復(fù)習(xí)了引導(dǎo)線,以及新學(xué)了按鈕的制作,在按鈕的制作中要掌握以下幾點(diǎn):按鈕的四種狀態(tài)的設(shè)置,明白各個(gè)狀態(tài)的具體表現(xiàn)形式學(xué)會(huì)用文字、圖片等作按鈕學(xué)會(huì)動(dòng)態(tài)按鈕的制作,主要是影片剪輯的應(yīng)用以及一些簡單的動(dòng)作
第九節(jié)按鈕的制作二教學(xué)課時(shí):4課時(shí)教學(xué)目標(biāo):1、復(fù)習(xí)掌握簡單按鈕的應(yīng)用2、介紹一些簡單的動(dòng)作語句3、學(xué)會(huì)按鈕上的一些簡單語句的應(yīng)用教學(xué)過程:一、復(fù)習(xí)掌握簡單按鈕的應(yīng)用1、復(fù)習(xí)簡單動(dòng)態(tài)按鈕的制作主要通過一些實(shí)例的制作來鞏固練習(xí)先講一下上節(jié)課存在的問題:在動(dòng)態(tài)按鈕中,我們說要制作一個(gè)影片剪輯,這個(gè)按鈕才會(huì)動(dòng)起來。有幾個(gè)同學(xué)另外的都完成了,但是還是不會(huì)動(dòng),原因就是大家在制作元件的時(shí)候選了圖形而不是影片剪輯,所以才使動(dòng)畫不動(dòng)。我們只要把元件的類型轉(zhuǎn)為影片剪輯就可以了,當(dāng)然要重新放入到相應(yīng)的地方才行,不然還是原來的那個(gè)。(可以通過實(shí)例來講解,以后學(xué)生在做的過程中碰到這類問題就不用重新做過了,在原來的基礎(chǔ)上稍作一下改動(dòng)就可以。)動(dòng)態(tài)按鈕鞏固實(shí)例技術(shù)分析:結(jié)合上周課講的動(dòng)畫和按鈕結(jié)合來完成第一個(gè)按鈕為按下去后動(dòng)畫(字向兩邊擴(kuò)散,并變淡)的出現(xiàn);第二個(gè)按鈕是鼠標(biāo)放上去后動(dòng)畫(字變大并變淡的效果)的出現(xiàn)。大家可以根據(jù)平時(shí)所學(xué)的動(dòng)畫知識,應(yīng)用到按鈕中,可以充分發(fā)揮大家的想象力,作出各類按鈕,這些按鈕在我們以后各式網(wǎng)站的制作,特別是一些比較有特色的網(wǎng)站的制作中用的較多。2、綜合按鈕的制作(實(shí)例)技術(shù)分析:主要是背景的繪制以及按鈕的動(dòng)畫(按鈕放上去擴(kuò)散效果)制作主要步驟:①背景黑條的繪制,畫兩個(gè)圓角矩形疊加,刪除重疊部分即可;②小球的繪制,黑球上放白球,上面再寫上字母e;③按鈕的制作,擴(kuò)散效果的制作,小球填充效果第一幀用調(diào)色工具縮到最小,最后一幀用調(diào)色工具調(diào)到適當(dāng)效果,創(chuàng)建變形動(dòng)畫;④按鈕的彈起狀態(tài)中放入元件大圓和小圓以及數(shù)字,在指針經(jīng)過中放上剛完成的擴(kuò)散效果動(dòng)畫。(動(dòng)畫只要一次,用stop動(dòng)作)在此要注意按鈕中的分層,原理同普通的分層,我們可以把擴(kuò)散動(dòng)畫放在下面一層,透過大圓展現(xiàn)出來。⑤按鈕的小圓動(dòng)畫制作,綠色變色小球?yàn)楸尘埃S色的曲線作水平轉(zhuǎn)動(dòng)動(dòng)畫二、簡單動(dòng)作介紹(按鈕制作實(shí)例源文件)1、復(fù)習(xí)上節(jié)課的按鈕,做出禮花實(shí)例,比較發(fā)現(xiàn)問題,引入動(dòng)作語句的應(yīng)用2、on動(dòng)作命令下面我們就詳細(xì)地向大家介紹一下這八種事件的使用。1、press在鼠標(biāo)指針經(jīng)過按鈕時(shí)按下鼠標(biāo)按鈕。單擊press,然后選擇動(dòng)作語句,雙擊【全局函數(shù)】|【時(shí)間軸控制】中的play命令。完整的action是:on(press){//設(shè)定鼠標(biāo)事件為按下,然后執(zhí)行大括號里面的語句。play();//按鈕響應(yīng)后執(zhí)行play(播放)動(dòng)作}press動(dòng)作當(dāng)然,在大括號里面還可以用其他的語句,比如說,gotoAndPlay(yourframe);//點(diǎn)擊按鈕后,就會(huì)從你設(shè)置的幀播放。2、release在鼠標(biāo)指針經(jīng)過按鈕時(shí)釋放鼠標(biāo)按鈕。單擊選擇release然后與第一個(gè)事件相同加入play命令。完成的語句如下:on(release){//當(dāng)鼠標(biāo)按下釋放的時(shí)候,執(zhí)行下面的語句動(dòng)作。play();//按鈕響應(yīng)后執(zhí)行play(播放)動(dòng)作。}release動(dòng)作可以看到,當(dāng)鼠標(biāo)左鍵按下按鈕的時(shí)候,并沒有激發(fā)播放動(dòng)作,而是當(dāng)鼠標(biāo)左鍵放開的時(shí)候,執(zhí)行了播放動(dòng)作。這也是與“press”事件不同的地方。3、releaseOutside當(dāng)鼠標(biāo)指針在按鈕之內(nèi)時(shí)按下按鈕后,將鼠標(biāo)指針移到按鈕之外,此時(shí)釋放鼠標(biāo)按鈕。添加語句的方法同上。完整的語句如下:on(releaseOutside){//當(dāng)鼠標(biāo)在按鈕外部釋放的時(shí)候執(zhí)行下面的語句。play();//按鈕響應(yīng)后執(zhí)行播放動(dòng)作。}releaseOutside動(dòng)作通過這個(gè)例子我們知道,當(dāng)鼠標(biāo)左鍵在按鈕上按住并移動(dòng)到按鈕以外的地方放開后,觸發(fā)了按鈕的動(dòng)作。這是一個(gè)具有非常想象力的事件,大家可以利用on的這個(gè)事件來制作游戲。4、rollOver鼠標(biāo)指針滑過按鈕區(qū)域。制作方法同上,完整的as語句為:on(rollover){//當(dāng)鼠標(biāo)滑動(dòng)到按鈕上時(shí)執(zhí)行下面的動(dòng)作。play();//按鈕執(zhí)行播放動(dòng)作。}rollOver動(dòng)作當(dāng)鼠標(biāo)指針從按鈕上滑過的時(shí)候,動(dòng)畫就開始執(zhí)行播放動(dòng)作了,而不需要點(diǎn)擊它。我們可以利用on的這個(gè)特點(diǎn)來制作一些圖示板,非常簡單有效。5、rollOut鼠標(biāo)指針滑出按鈕區(qū)域。制作方法同上,完整的as語句為:on(rollOut){//當(dāng)鼠標(biāo)滑動(dòng)到按鈕上并離開時(shí)執(zhí)行下面動(dòng)作。Play()://按鈕響應(yīng)播放動(dòng)作。}rollOut動(dòng)作滑離與滑過并不是相同的,滑離是指鼠標(biāo)滑動(dòng)到按鈕上并離開以后開始響應(yīng),而滑過是指只要鼠標(biāo)滑到按鈕上,就開始執(zhí)行動(dòng)作。6、dragOver在鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕,然后滑出此按鈕區(qū)域,再滑回此按鈕。完整的as是:on(DragOver){//當(dāng)鼠標(biāo)拖過的時(shí)候執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作。}dragOver動(dòng)作拖過的效果是在按鈕上點(diǎn)擊并按住鼠標(biāo)不放,移出按扭區(qū),再移回按鈕上觸發(fā)的事件。7、dragOut在鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕,然后滑出此按鈕。完整的as是:on(dragOut){//當(dāng)鼠標(biāo)拖離按鈕時(shí)執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作}dragOut動(dòng)作拖離與拖過有所不同,只要在按鈕上按住鼠標(biāo)左鍵然后移動(dòng)到按鈕外就會(huì)響應(yīng)。與滑離的區(qū)別在于拖離需要按住鼠標(biāo)左鍵。8、keyPress("key")按下指定的鍵。對于此參數(shù)的key部分,需指定鍵控代碼或鍵常量。我們在(“key”)中鍵入“p”。完整地as語句為:on(keyPress"p"){//當(dāng)按下鍵盤中的“p”健時(shí)執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作}3、結(jié)合動(dòng)態(tài)按鈕綜合實(shí)例應(yīng)用來說明上述的動(dòng)作語句(實(shí)例)實(shí)例演示:禮花的綻放效果(鼠標(biāo)點(diǎn)擊,禮花綻放)技術(shù)分析:鼠標(biāo)點(diǎn)擊引發(fā)的事件,即在按鈕的,即為熱區(qū),按鈕的動(dòng)作就在這個(gè)熱區(qū)觸發(fā)。由于是鼠標(biāo)點(diǎn)擊下去才有禮花綻放的效果,所以在禮花綻放的影片剪輯中,第一幀是放入已做好熱區(qū)的按鈕。第二幀開始才是禮花綻放的動(dòng)畫,就是禮花這個(gè)圖形的放大動(dòng)畫。然后在幀上及按鈕上加上簡單代碼即可。主要步驟:①新建一個(gè)按鈕元件,在第四種狀態(tài)“點(diǎn)擊”中畫一個(gè)實(shí)心區(qū)域(這里可畫一個(gè)白色的長方形)②新建一個(gè)影片剪輯,第一幀放入剛做好的按鈕,因?yàn)椴稽c(diǎn)擊的時(shí)候事件(禮花綻放)不觸發(fā),第一幀加入動(dòng)作stop,同時(shí)按鈕的動(dòng)作是點(diǎn)擊就觸發(fā)禮花綻放的事件,因此在按鈕上加上動(dòng)作on(press){gotoandplay(2);}這個(gè)動(dòng)作語句可在動(dòng)作面板中選擇輸入,不用自己輸入(自己打入容易錯(cuò),可用腳本校對)on(press){gotoandplay(2);}意思是按下按鈕,開始第二幀動(dòng)作③在第二幀開始禮花的變化,導(dǎo)入禮花圖片并轉(zhuǎn)化為元件,然后作放大的動(dòng)畫④最后在場景中拖入已經(jīng)完成的影片剪輯,注意在鋪滿整個(gè)場景,點(diǎn)擊的時(shí)候才能保證無論點(diǎn)哪里都有禮花綻放,比較逼真些。鋪滿時(shí)可用多次復(fù)制粘貼。三、小結(jié)注意——在給動(dòng)畫作品添加按鈕的時(shí)候應(yīng)該放到單獨(dú)一層,這樣便于修改。提示——on為按鈕上的動(dòng)作,所以我們必須首先要選中按鈕,以后才可以添加on語句。有的朋友在論壇里面提問,“為什么我的on為灰色不可選狀態(tài)?”原因就是你沒有選中按鈕。技巧——在一般flash作品中,大家不會(huì)有意區(qū)分這些on的功能的,一般采用默認(rèn)的語句。如果沒有特殊說明,你使用了拖離,滑離等事件來制作“replay”按鈕,會(huì)讓人們摸不著頭腦的。試一試——我們了解了on得這么多的功能,利用這些功能可以輕易的制作出flash課件,flash游戲里面的效果,大家不妨試一試。分析——on語句的功能與按鈕息息相關(guān),有按鈕的地方一定會(huì)有on語句的使用。而有flash作品的地方,就會(huì)有按鈕的出現(xiàn),所以說on的重要作用不可忽視。今天向大家詳細(xì)地介紹了on的各種功能,我們就可以結(jié)合按鈕自身的特點(diǎn),發(fā)揮他們的功能。
第十節(jié)測試與遮照一教學(xué)課時(shí):4課時(shí)教學(xué)目標(biāo):1、測試學(xué)生引導(dǎo)線與按鈕掌握情況2、介紹一遮照的基本概念3、學(xué)會(huì)一些簡單遮照效果的制作教學(xué)過程:一、十月份達(dá)標(biāo)測試1、主要內(nèi)容為引導(dǎo)線與按鈕的制作檢測,考試題目當(dāng)堂下發(fā),時(shí)間是一節(jié)課(40分鐘)2、進(jìn)行簡單分析二、課前熱身1、通過回想以前做過的一些動(dòng)畫,把動(dòng)畫形式歸納如下:①直線動(dòng)畫(位置的改變,即為補(bǔ)間動(dòng)畫)②曲線動(dòng)畫(引導(dǎo)線)③逐幀動(dòng)畫④旋轉(zhuǎn)動(dòng)畫(元件)⑤透明度改變動(dòng)畫(元件)⑥形狀動(dòng)畫(非元件,打散狀態(tài))⑦縮放動(dòng)畫(元件)2、幾種動(dòng)畫形式區(qū)分(實(shí)例)(用一些例子說明,讓學(xué)生鞏固基本的動(dòng)畫形式)一般來說,我們的FLASH動(dòng)畫就是分為這幾種形式,稍微復(fù)雜一點(diǎn)的動(dòng)畫無非就是這幾種動(dòng)畫的結(jié)合,只要掌握了這幾種基本動(dòng)畫,綜合應(yīng)用只要組合就可以了。三、遮照的制作1、新課的引入觀察教案上的TOP,思考:FLASH這幾個(gè)字是一個(gè)會(huì)動(dòng)的圖片填充字效果。怎樣才能動(dòng)起來呢?這就是我們今天要講的遮照。我們說的遮照又是一種新的層形式,以前是引導(dǎo)層,現(xiàn)在又有了遮照層。遮照層相當(dāng)于是一個(gè)窗口,遮照層下面的被遮照層上的內(nèi)容就是透過這個(gè)窗口顯現(xiàn)出來的。也就是說這個(gè)窗口是什么形狀的,能看到的內(nèi)容也是同窗口形狀,在窗口以外的部分就無法透出來。2、具體演示教案上的效果制作3、遮照的應(yīng)用:電影字幕的效果制作(實(shí)例)在看每個(gè)遮照動(dòng)畫時(shí)首先分析動(dòng)畫的是哪個(gè)層(遮照層還是被遮照層?)技術(shù)分析:文字透出彩色,即為彩色是背景,通過文字透出來,因此要做動(dòng)畫的文字上移是做窗口的,即為我們所說的遮照層,同時(shí)我們的背景就是被遮照層。主要步驟:①做好一個(gè)影片剪輯元件,內(nèi)容為文字的上移;②做好一個(gè)圖形元件,內(nèi)容為漸變的一個(gè)填充色;③在場景中建好兩個(gè)層,分別為遮照層和被遮照層(右鍵層,選擇遮照層,下面一層會(huì)自動(dòng)變?yōu)楸徽谡諏樱?;④把各個(gè)元件放到相應(yīng)的位置:影片剪輯元件(文字上移)放在遮照層,圖形元件(漸變的填充色)放在被遮照層。思考:完成的同學(xué)完成練習(xí)一4、基礎(chǔ)較好的同學(xué)在完成上面遮照的例子后,可以思考下下面這些效果用遮照怎么做?作為下周課的預(yù)習(xí)思考。練習(xí)四、遮照應(yīng)用小結(jié):我們在做遮照的時(shí)候要學(xué)會(huì)分析,搞清楚以下幾個(gè)問題:①分析好哪一層是做“窗口”的,哪一層是通過窗口透出來的,哪一層是普通層,作為“底”而存在的?②動(dòng)畫是在遮照層還是被遮照層的?③動(dòng)畫又是哪種動(dòng)畫?④我們需要?jiǎng)?chuàng)建哪幾個(gè)元件?分析完后倒著做,先做好最基本的幾個(gè)元件,注意元件類型(圖形、按鈕還是影片剪輯?)再建好層,注意層類型(遮照、被遮照還是普通層?),最后把最好的元件拖入到相對應(yīng)的層中即可。
第十一節(jié)基礎(chǔ)知識復(fù)習(xí)及遮照應(yīng)用二教學(xué)課時(shí):4課時(shí)教學(xué)目標(biāo):1、概括復(fù)習(xí)前面所學(xué)過的一些基礎(chǔ)知識2、按鈕鞏固練習(xí)3、遮照基本應(yīng)用復(fù)習(xí)4、學(xué)會(huì)一些稍復(fù)雜遮照效果的制作教學(xué)過程:一、測試分析及新知識的補(bǔ)充學(xué)習(xí)1、每位同學(xué)可以根據(jù)測驗(yàn)的點(diǎn)評,作好相應(yīng)的訂正工作2、主要存在問題(詳見點(diǎn)評信息)其中白色背景還可以通過分離后有套索工作的魔棒去掉3、詳細(xì)講一遍第二題按鈕的制作過程,要求每位同學(xué)完成,并上傳(實(shí)例)技術(shù)分析:按鈕兩種狀態(tài)指針經(jīng)過和按下,指針經(jīng)過處是小棒的旋轉(zhuǎn),按下是靜止的。主要步驟:①首先分析共有幾個(gè)元件(圓、有邊的圓、小棒、靜止的小棒組合、旋轉(zhuǎn)的小棒組、一個(gè)按鈕);②靜止的小棒組合的畫法:變形中設(shè)好角度后運(yùn)用復(fù)制加以應(yīng)用,就畫好一周的小棒;③在影片剪輯元件中做好小棒的旋轉(zhuǎn);④把做好的元件拖到按鈕相應(yīng)的地方,旋轉(zhuǎn)的小棒放入經(jīng)過狀態(tài)中,靜止的放入按下狀態(tài)中。引導(dǎo)學(xué)生自己分析要做些哪些元件,包括哪些動(dòng)畫,然后按照學(xué)生的思路一步步做具體的操作演示。學(xué)生自己完成,教師個(gè)別交流4、按鈕實(shí)例完成后,補(bǔ)充一些按鈕上的簡單動(dòng)作(實(shí)例)動(dòng)作主要分為兩種,一種是幀上的動(dòng)作,一種是按鈕的動(dòng)作,大家做的時(shí)候要想清楚要做的動(dòng)作是什么時(shí)候發(fā)生的,是在幀播放下去的過程發(fā)生的還是要對按鈕做動(dòng)作(比如按下)的時(shí)候發(fā)生的?搞清楚了這個(gè),兩種動(dòng)作就不會(huì)混淆了。按鈕動(dòng)作超鏈接on(press){geturl(“網(wǎng)址”)}方法:①在按鈕上右鍵-動(dòng)作,打開動(dòng)作面板中,先設(shè)定按鈕動(dòng)作類型(on)在全局函數(shù)的影片剪輯控制中,選擇on,然后再選擇press,不需要自己寫語句②選好了動(dòng)作,接下去就選擇具體要激發(fā)的事件—鏈接到一個(gè)網(wǎng)站,選擇全局函數(shù)的瀏覽器/網(wǎng)絡(luò),其中的geturl,在括號中的打上雙引號,在輸入要鏈接的網(wǎng)址即可。注:在本地打開swf文件時(shí)出現(xiàn)提示語句:“不能與本地網(wǎng)絡(luò)進(jìn)行通信”,放在具體的空間上就好了。循環(huán)一次的幀動(dòng)作在動(dòng)畫的最后一幀上做動(dòng)作,讓動(dòng)畫播放一次就停下來,選中最后一幀,右鍵-動(dòng)作,打開動(dòng)作面板后,在全局函數(shù)中的時(shí)間軸控制中選擇stop,就表示動(dòng)畫播放到這里就停下來了。好就是使我們的動(dòng)畫只播放一次,不會(huì)循環(huán)播放,這都是根據(jù)具體的需要設(shè)定的。5、針對學(xué)生存在的問題進(jìn)行講解,可應(yīng)用選擇性廣播教學(xué),讓已經(jīng)懂的學(xué)生繼續(xù)進(jìn)行完成,或者做下面的練習(xí),還不明白的學(xué)生進(jìn)行第二次講解。二、基礎(chǔ)知識復(fù)習(xí)對照整理好的基礎(chǔ)知識點(diǎn)進(jìn)行講解,主要是第四部分,知識點(diǎn)和技巧,復(fù)習(xí)太多,學(xué)生一下子又難以全掌握,先復(fù)習(xí)前面五點(diǎn),并挑出一到二個(gè)知識點(diǎn)作為一節(jié)課前5-10分鐘的練習(xí)。下周的考點(diǎn):鋼筆工具的應(yīng)用三、遮照概念的復(fù)習(xí)上周我們第一次接觸了遮照,大部分學(xué)生已經(jīng)會(huì)做了最簡單,最基本的遮照動(dòng)畫,但不一定是真正理解基礎(chǔ)上完成,這次課再來進(jìn)行進(jìn)一步的鞏固以及一些拓展。概念:遮照也就是分為“遮”和“照”兩個(gè)意思,在有文字或圖形等的地方是“照”,即可從這個(gè)窗口(文字或圖形)透出背景的內(nèi)容,其余沒有文字圖片的地方就是“遮”,就把后面背景上的內(nèi)容給遮起來了。記?。赫谡瞻瑑蓪?,遮照層和被遮照層,顯示的就是兩層的重疊部分,而具體內(nèi)容由被遮照層決定,即看到的是什么,那一層就是被遮照層。三、遮照實(shí)例制作1、光束掃射效果制作(實(shí)例)技術(shù)分析:文字是從光束中透過來的,因此光束在遮照層而文字是被遮照層,光束的掃射是一個(gè)旋轉(zhuǎn)動(dòng)畫。主要步驟:①做好一個(gè)圖形元件,內(nèi)容是一段白色的靜態(tài)文字;②做好一個(gè)圖形元件,內(nèi)容為用漸變填充的光束;③做好一個(gè)影片剪輯元件,內(nèi)容為光束的旋轉(zhuǎn)動(dòng)畫;④把各個(gè)元件放到相應(yīng)位置:影片剪輯元件(光束轉(zhuǎn)動(dòng))放在遮照層,圖形元件(靜態(tài)文字)放在被遮照層。2、思考:完成練習(xí)一,比較和實(shí)例三的區(qū)別從兩個(gè)例子的比較中有更好地理解遮照動(dòng)畫分析:第一個(gè)例子看到的是白色的靜態(tài)的文字,所以文字在被遮照層第二個(gè)例子看到的似乎是由白到黑色漸變的文字,思考:我們到底看到的是不是文字?還是通過文字透過來的光束?結(jié)論:看到的是光束,我們說過看到什么是由被遮照層決定的,文字仍是白色的,所以我們看到的不是文字,而是有黑白漸變的光束,只是通過文字這個(gè)窗口顯現(xiàn)出來的。因此光束在被遮照層,即把兩層交換即可。注:要真正理解意思,而不是簡單的兩層互換!思考:完成練習(xí)四、拓展練習(xí)一點(diǎn)通本周拓展練習(xí)的內(nèi)容是“按鈕反應(yīng)”,主要運(yùn)用到按鈕上和幀上的動(dòng)作。分析:在鼠標(biāo)放上去時(shí)按鈕就往上移動(dòng),再放下去就往下,人們在場景中看到的是一個(gè)個(gè)包括有按鈕的影片剪輯。影片剪輯中按鈕有兩個(gè)動(dòng)畫(從下到上和從上到下),在第一幀和中間一幀分別加動(dòng)作stop,表示鼠標(biāo)沒放上前,動(dòng)作不激發(fā)。按鈕上加動(dòng)作on(rollover),表示鼠標(biāo)經(jīng)過,play,就表示經(jīng)過后激發(fā)動(dòng)作,即按鈕從下到上運(yùn)動(dòng)。五、遮照應(yīng)用小結(jié):a)在做遮照時(shí)要分清楚什么是遮照,什么是被遮照的?關(guān)鍵記住顯示的是兩層的重疊部分,而具體顯示的內(nèi)容由被遮照層決定,即看到的是什么,那一層就是被遮照層。b)遮照層和被遮照層兩層都可做動(dòng)畫,我們的動(dòng)畫是在哪一層?c)很多時(shí)候遮照不只有兩層,還有兩個(gè)普通層,一個(gè)在被遮照層下,一般用作背景;還有一層在遮照層上,一般是做一些和遮照同步的動(dòng)畫,有些還可在遮照層的基礎(chǔ)上再作加工,比如說一些放大鏡的樣子等d)分清楚遮照的這些概念以后,就可以用以前學(xué)過的知識做各類元件放在相應(yīng)的層中,就可以做出我們需要的一些遮照效果。
第十二節(jié)遮照應(yīng)用三教學(xué)課時(shí):6課時(shí)教學(xué)目標(biāo):1、基本認(rèn)識點(diǎn)復(fù)習(xí)(鋼筆工具應(yīng)用)2、基本遮照動(dòng)畫鞏固練習(xí)3、多層遮照動(dòng)畫制作教學(xué)過程:一、基本知識點(diǎn)鞏固練習(xí)1、本周考點(diǎn):運(yùn)用鋼筆工具畫正弦曲線提示:可用顯示網(wǎng)格來較精確地定位根據(jù)學(xué)生完成的具體情況進(jìn)行適當(dāng)?shù)闹v解。2、復(fù)習(xí)知識點(diǎn)6到10,主要為元件的顏色改變及對齊工具的使用二、基本遮照動(dòng)畫鞏固練習(xí)1、MTV字幕效果(實(shí)例)比較上下兩個(gè)動(dòng)畫有什么區(qū)別?上面一個(gè)動(dòng)畫就是上節(jié)課我們已經(jīng)會(huì)做的只有兩個(gè)層(遮照層和被遮照層的動(dòng)畫),而下面一個(gè)動(dòng)畫除了白色的FLASH,還有一個(gè)藍(lán)色的FLASH作底。下面我們一起來分析下面一個(gè)遮照動(dòng)畫。技術(shù)分析:白色的FLASH是一點(diǎn)點(diǎn)顯現(xiàn)出來的,就像我們平日在看MTV時(shí)唱過的字顏色改變,(沒唱過的字是藍(lán)色的,唱過的字就是白色的),所以遮照是一個(gè)矩形漸漸變長的一個(gè)縮放動(dòng)畫,在白色還沒顯現(xiàn)之前是一個(gè)藍(lán)色的FLASH,這個(gè)就是我們平時(shí)在做的普通層。要注意一點(diǎn),要把我們的遮照層和被遮照層看作一個(gè)整體。主要步驟:①做好兩個(gè)圖片元件,一個(gè)是白色的FLASH,另一個(gè)是藍(lán)色的FLASH。②做好一個(gè)影片剪輯元件,內(nèi)容是一個(gè)長方形的縮放動(dòng)畫③建好遮照和被遮照層和普通層,注意普通層應(yīng)在被遮照層下面,不然遮照效果不能體現(xiàn)。④把各個(gè)元件放到相應(yīng)位置:影片剪輯元件(長方形的縮放動(dòng)畫)放在遮照層,圖形元件(白色FLASH)放在被遮照層,圖形元件(藍(lán)色FLASH)放在普通層思考:我們把遮照層和被遮照層位置互換效果一樣嗎?為什么?2、光線照射效果制作(實(shí)例)技術(shù)分析:總共分幾層?哪層是遮照層,哪層是被遮照層?動(dòng)畫在哪層?總共分四層,遮照層、被遮照層、一個(gè)普通層用來放背景,在最下面。分析清楚這些后我們再來看,遮照的時(shí)候發(fā)生了哪些變化?我們可以看到藍(lán)色字變成了黃色,還有了白色的底(能更好地顯示光照效果)主要步驟:①先分析好要做幾個(gè)元件,先做好。一共有四個(gè)元件(藍(lán)色陰影字、白底黃色字陰影字、小圓、小圓動(dòng)畫影片剪輯)②建好三層,遮照層、被遮照層、一個(gè)普通層,并分清楚各層的上下順序。③把做好的元件放入到相應(yīng)的層中(藍(lán)色陰影字在底層、黃色陰影字在被遮照層、小圓動(dòng)畫影片剪輯在被遮照層)思考:①練習(xí)一,邊做邊比較和實(shí)例一有什么區(qū)別?要注意的是我們要看到遮照小圓,因此小圓動(dòng)畫影片剪輯在遮照層和最上面一層(普通層才能顯現(xiàn))都有,是為了兩層動(dòng)畫保持一致,且小圓應(yīng)該有透明度的調(diào)整,否則會(huì)把下面的文字擋住。同時(shí)調(diào)整最上面小圓的透明度,可使被遮照層中的對象改變顏色效果,以適合不同的需要。②練習(xí)二,動(dòng)作快的同學(xué)可自行完成,其中要注意的是背景層的黑白方塊轉(zhuǎn)動(dòng)的元件要和被遮照層中的黑白方塊轉(zhuǎn)動(dòng)旋轉(zhuǎn)90度,不要重合,否則正好被擋住,不能看到字的效果了。當(dāng)然,其實(shí)字是看不見的(在遮照層),只是通過方塊黑白看出來的。三、遮照進(jìn)一步應(yīng)用1、放大鏡效果(實(shí)例)技術(shù)分析:我們透過遮照看到的是放大的字,因此放大的字在被遮照層,看到的遮照范圍是個(gè)圓,因此遮照層就是個(gè)圓的移動(dòng)動(dòng)畫。而正常大小的字就放在底層,放大鏡沒經(jīng)過時(shí)顯現(xiàn)??勺龊糜捌糨?,再放到遮照層,也可直接在遮照層作動(dòng)畫,根據(jù)個(gè)人的習(xí)慣。不過,在場景的層中作動(dòng)畫比較直觀點(diǎn),不熟練的同學(xué)建議直接在場景中作動(dòng)畫。主要步驟:①分析好我們動(dòng)畫中一共要有幾個(gè)層后,先建好層,共四層(遮照層,被遮照層,兩個(gè)普通層)②在遮照層中作圓的移動(dòng)動(dòng)畫,在普通層中作放大鏡移動(dòng)動(dòng)畫,注意兩個(gè)動(dòng)畫保持統(tǒng)一③在被遮照層放入文字,并適當(dāng)放大些,在最下面的普通層中放入文字,保持原來大小即可。我們前面所做的遮照動(dòng)畫都是一個(gè)遮照層對應(yīng)一個(gè)被遮照層,但有的時(shí)候我們要的效果不只是一層就可以做到的,這種情況下一個(gè)遮照層就要對應(yīng)幾個(gè)被遮照層,就像以前一個(gè)引導(dǎo)層可以引導(dǎo)多個(gè)被引導(dǎo)層一樣。通過下面這個(gè)例子我們就可以看到用多層遮照能達(dá)到的效果。2、多層遮照---地球轉(zhuǎn)動(dòng)(實(shí)例)技術(shù)分析:初一看好像是地球在轉(zhuǎn)動(dòng),仔細(xì)分析也就是用了我們的遮照知識,只不過現(xiàn)在兩張地圖的移動(dòng)都要透過地球這個(gè)窗口顯現(xiàn)出來,還有兩張地圖是反方向移動(dòng),并且其中一張是水平翻轉(zhuǎn),這樣看起來才比較像是轉(zhuǎn)過去的。主要步驟:①分析好我們動(dòng)畫中一共要有幾個(gè)層后,先建好層,共四層(遮照層,兩個(gè)被遮照層,1個(gè)普通層)②在遮照層和普通層中都放入地球,并且保證重合③在兩個(gè)被遮照層中分別做兩張地圖的反方向移動(dòng),且在做兩張地圖的動(dòng)畫時(shí)要適當(dāng)改變透明度,且要記得水平翻轉(zhuǎn),看起來才逼真一點(diǎn),也符合邏輯。注:在做地圖移動(dòng)時(shí),可使始末兩幀的地圖圖案保持重合,這樣一次轉(zhuǎn)動(dòng)后才不會(huì)出現(xiàn)較大的跳躍。四、其他遮照介紹例子12我們在看到另外比較精彩的遮照效果,大多都是在遮照層或被遮照層上作文章,做動(dòng)畫還是看以前積累的基礎(chǔ),現(xiàn)在都可以用到。用到較多的就是用多層遮照來做線的變
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 墩身安全施工方案
- 永年冷庫施工方案
- 基礎(chǔ)回填土施工方案
- 化工廠施工方案
- 二零二五年度環(huán)??萍紗挝唤獬齽趧?dòng)合同及綠色技術(shù)轉(zhuǎn)移協(xié)議
- 2025年度超市超市商品防損員勞動(dòng)合同范本
- 二零二五年度蘇州市全日制勞動(dòng)合同員工休息與休假規(guī)定合同
- 二零二五年度農(nóng)村土地占用與農(nóng)村文化傳承合同協(xié)議
- 二零二五年度婚姻忠誠保證協(xié)議:男方出軌責(zé)任書
- 二零二五年度個(gè)人車輛抵押汽車貸款合同續(xù)簽合同
- 江蘇卷2024年高考語文第一次模擬考試一(原卷版+解析版)
- 實(shí)驗(yàn)室儀器設(shè)備售后服務(wù)承諾書(7篇)
- 《主管技能訓(xùn)練》課件
- 2024解析:第十六章電壓和電阻-講核心(解析版)
- 單層鋼結(jié)構(gòu)工業(yè)廠房施施工組織設(shè)計(jì)
- 華為經(jīng)營管理-華為激勵(lì)機(jī)制(6版)
- 投資公司組織架構(gòu)和運(yùn)作流程
- 《鋼結(jié)構(gòu)安裝施工》課件
- 上海市分流制地區(qū)雨污混接調(diào)研技術(shù)導(dǎo)則
- 2024年執(zhí)業(yè)藥師資格藥事管理與法規(guī)相關(guān)知識考試題庫與答案
- 2024年廣西區(qū)公務(wù)員考試《行測》真題及答案解析
評論
0/150
提交評論