flash課件模板制作系列教程之按鈕導(dǎo)航(下)本站提供Flash課件代做、定制和修改業(yè)務(wù),聯(lián)系QQ:1736577251
人都是喜歡美好的事物,喜歡欣賞美麗的東西,我不要求大家為了制作課件去學(xué)習(xí)美術(shù)知識,只希望大家能在軟件應(yīng)用嫻熟的基礎(chǔ)上,盡量的花些心思去考慮,怎么樣做才能讓人看了賞心悅目,什么樣的色調(diào)能夠讓人看著舒服,課件內(nèi)容適合用什么樣的界面背景和背景音樂等問題。比如:古文課件可以做的古色古香或金戈鐵馬,散文可以做的舒緩柔情讓人沉浸其中,當然,這樣或許會消耗我們很多的時間來做謀劃和搜集素材,但是,效果卻是簡單的課件所無法比擬的。 其實我們平時在上網(wǎng)的時候,看到不錯的素材就考慮一下,以后我在制作課件的時候是不是可能用到?可以的話就拷貝下來備用,久而久之,你的眼光跟著提高的同時,也搜集了不少實用的素材。這對你以后課件的制作會有很大的幫助。 跑題了,最后再說一句:“細節(jié)決定成敗”。好了,下面開始制作. 【第十一步】:我們把“導(dǎo)航層”解鎖,其它兩個圖層鎖定,然后把九個導(dǎo)航按鈕全部選中,按F8將他們轉(zhuǎn)換成一個影片剪輯。就命名為“導(dǎo)航效果”吧。在FLASH里面,元件是可以無限嵌套的,就是影片剪輯里可以包含任意元件,任意元件里還能再包含任意元件..... 好了,現(xiàn)在這九個按鈕就是一個完整的影片剪輯,我們雙擊任意一個,就進入到這個影片剪輯的編輯界面了。 進去后,全選九個按鈕,在任意一個上面點擊右鍵,選擇“分散到圖層”,這樣,每個按鈕在時間軸上就占據(jù)了一個單獨的圖層,方便我們做動畫效果。看下圖: 分散后,時間軸上顯示如圖: 圖層1是個空白圖層,沒什么用了,就刪除掉吧。下面的九個圖層,從下到上依次“第一章、第二章......總結(jié)練習(xí)”按鈕,圖層的名稱就是按鈕元件的名稱,因為除了“第一章”這個按鈕我命名為“第一”,其余的我都沒起名字,所以這里顯示的就是元件1等。 【第十二步】:全選時間軸上的第八幀,方法是在第一個圖層得第八幀處按住鼠標不放,向下拖動。點擊右鍵,插入關(guān)鍵幀,我們要來做動畫效果了??磮D: 然后在第一幀和第八幀之間隨意選一幀,向下拖動,把所有圖層得這一幀全部選中,然后點擊右鍵,“創(chuàng)建補間動畫”,如圖: 好了,現(xiàn)在打開“屬性”面板,是不是看到下面這樣,“補間”選項就自動選擇“動畫”了。 記住,只有幀上得內(nèi)容是一個單獨的影片剪輯、按鈕和圖形三種元件得任意一種時,才可以在兩個關(guān)鍵幀之間右鍵選擇“創(chuàng)建補間動畫”,如果是形狀動畫千萬不能這樣做,切記。在這里,我們順便把“緩動”選項修改成100。 【第十三步】:我們依次點擊所有圖層的第一幀,然后用鍵盤上的方向鍵向上把按鈕移動到下圖位置,(按住鍵盤上的shift鍵不放然后按鍵盤上得方向鍵,每次可以移動十個像素),現(xiàn)在,動畫效果就出來了,但是還不是我們向要得,我們需要做按鈕從透明到完全顯示出來,并且按鈕效果是當?shù)谝粋€按鈕運動三幀后,第二個按鈕開始,依次類推,直至所有按鈕全部顯示。 現(xiàn)在框選所有圖層的第一幀按鈕,打開“屬性面板”,將按鈕得透明度(alpha)值調(diào)整為0。 我們現(xiàn)在來修改每個圖層的動畫顯示時間,選中“元件1”層上的所有幀,向后拖動三幀,“元件2”層的所有幀向后拖動6幀,依次類推,拖動完畢后,在“元件8”下面的所有圖層插入幀,幀得長度和“元件8”層的一樣。如圖: 到這里,我們的導(dǎo)航效果就制作完成了,前面提到,影片剪輯是一只循環(huán)播放的,在課件里我可不想讓它一遍一遍得在那放個沒完,所以,我們要加一個“stop”的命令。讓它播放依次就停止。點擊“元件8”圖層得最后一個關(guān)鍵幀,打開“動作”面板,輸入:“stop();”。徹底完工,趕快測試一下看看效果吧。測試影片得快捷鍵:ctrl+enter。 我們來給導(dǎo)航按鈕添加相應(yīng)的指令,讓他們乖乖的聽從我們的指揮,這一節(jié)涉及到FLASH的路徑問題,并將做重點講解,希望大家一定要認真的思考,因為以后我們在制作課件的過程中,如果想省些力氣并想游刃有余的來控制各個元件的話,就一定要深刻領(lǐng)會路徑的含義。 【第十四步】:在舞臺上新建一個圖層,命名為“內(nèi)容層”,這一層,將放置所有的課件內(nèi)容,通過我?guī)啄陙淼恼n件制作經(jīng)驗,認為這種方法是最省時省力的,我的思路是,課件的每一個模塊轉(zhuǎn)換成影片剪輯,這個模塊所用到的素材和元件全部嵌套在這個影片剪輯里。每個模塊在這一個圖層上占用一個幀,這樣,就可以通過控制相應(yīng)得導(dǎo)航按鈕跳轉(zhuǎn)到相應(yīng)得幀去就可以了。 在“內(nèi)容層”的第二幀以后的任意地方,插入九個空白關(guān)鍵幀,每個空白關(guān)鍵幀最好間隔幾幀,因為下面我們要給幀來添加“幀標簽”,以方便以后我們的修改工作。 【第十五步】:如下圖所示,點擊第四幀處得那個空白關(guān)鍵幀,打開“屬性”面板,我們來給它添加幀標簽,這樣,即使后面我們要把它移動到另外一個位置,也不再需要改動我們的導(dǎo)航按鈕代碼。因為在FLASH里面,可以通過GOTO命令直接跳轉(zhuǎn)到相應(yīng)的幀標簽所在的幀。好了,我們分別為剩下的八個空白關(guān)鍵幀添加上幀標簽。我這里的標簽就是“yizhang、erzhang、sanzhang.....”了。 【第十六步】:好了,現(xiàn)在我們來給導(dǎo)航按鈕添加相應(yīng)的代碼。我們點擊“導(dǎo)航”層的第一個關(guān)鍵幀,這樣就選中了我們之前做好的包含所有導(dǎo)航按鈕的那個影片剪輯,但是,我們看不到導(dǎo)航按鈕,看下圖: 這時,我們可以通過點擊上圖框選中得那個圓來進入到影片剪輯內(nèi)部進行編輯。好了,雙擊進去后,我們點擊時間軸上的最后一個關(guān)鍵幀,這樣,所有的按鈕都顯示出來了,我們依次選中它們添加按鈕代碼,先點擊“第一章”這個按鈕,然后打開動作面板,添加以下代碼: on (release) { _root.gotoAndStop("yizhang"); }//當鼠標指針松開時,舞臺上的時間軸前進到幀標簽為“yizhang”的幀處并停止播放 on (rollOver) { _root.yi_mc.gotoAndPlay(2); }//當鼠標指針移動到按鈕上時,舞臺上的“yi_mc”這個影片剪輯跳轉(zhuǎn)到第二幀播放 on (rollOut) { _root.yi_mc.gotoAndPlay(10); }//當鼠標指針移出按鈕時,舞臺上的“yi_mc”這個影片剪輯跳轉(zhuǎn)到第十幀播放 這里說明以下“//”是FLASH的注釋代碼,在添加導(dǎo)出影片的時候,“//”后面得文字將會被忽略,它得作用主要是為代碼添加相應(yīng)的文字說明。 上面代碼“_root.yi_mc.gotoAndPlay(2);”和“_root.yi_mc.gotoAndPlay(10);”里的“yi_mc”是我們之前制作好的導(dǎo)航按鈕的背景效果MC,之前我們就已經(jīng)給他們命好名了。后面得2和10兩個數(shù)字是“yi_mc”的時間軸要跳轉(zhuǎn)到的幀??聪聢D: 我們之前在第一幀和第九幀分別添加了“stop”命令,這兩句代碼就是為了讓這個MC執(zhí)行相應(yīng)的命令。當然,如果你做得幀和我不一樣,那就要改動后面得數(shù)字了。 上面代碼中的“_root”,指的就是舞臺。也就是導(dǎo)航效果MC的上一級,也叫父級,它是FLASH的兩種路徑之一,稱為絕對路徑。 Flash的路徑有兩種:絕對路徑和相對路徑,絕對路徑的代碼很簡單,就是“_root”,無論你嵌套多少個影片剪輯,都可以通過絕對路徑來控制舞臺上的任意一個MC或時間線。 “相對路徑”就稍微復(fù)雜些,它得代碼是“_parent”,它能控制父級MC里得任意mc和時間線,同時也可以控制爺級、祖爺級、老祖宗級等等(這幾個是我自己起的名字,嘿嘿),比如,有個按鈕在舞臺上的yi這個MC里的er這個mc里,那么,它要控制舞臺上得時間軸,代碼就需要這樣寫:_parent._parent.play();,第一個_parent指的是按鈕所在MC的父級yi這個MC,第二個_parent指的是yi這個MC的父級,也就是舞臺??梢岳斫鈫?? 不理解的話,我打個比方來說。相對路徑,這樣來理解,有一天,我從家里出發(fā)去上班,在賣燒餅的地方停了一下,買了倆燒餅,又在賣哇哈哈牛奶的地方停了一下,買了瓶爽歪歪,吃著走著到了公司,走到辦公室門口,一摸兜,發(fā)現(xiàn)鑰匙不見了。這時,我們會怎么去找呢? 對了,趕緊原路返回,在賣爽歪歪的地方找找,沒有,再去賣燒餅的地方找找,也沒有,再回家,發(fā)現(xiàn)昨天晚上回家時褲子被小強咬了一個碗口大的窟窿,而鑰匙就在褲子上掛著。 在整個例子里,我們可以把我早上得遭遇當成一個完整的FLASH影片,而鑰匙、家、燒餅鋪、爽歪歪鋪、公司,當成一個個得影片剪輯,因為我們不確定鑰匙是忘家里了還是掉路上了,所以要返回一個一個的尋找。(相對路徑)而如果確定在家里的話,就可以往家里打電話,讓小強直接給我送來。(絕對路徑) 這樣理解嗎?如果還不理解,那只有使出我最后得殺手锏了。 舍棄相對路徑不用,只用絕對路徑...... 比如在1里面的2里面的3里面的4里面的5這個按鈕,想控制3里面的6這個影片剪輯,用絕對路徑代碼要怎么寫?自己思考一下吧。 最后,我想大家應(yīng)該注意到了,“.”出現(xiàn)的很頻繁,它做什么用得?這個,如果硬要用中文翻譯的話,你就理解成“的”吧。 FLASH的路徑就講到這里,下面,我們接著為按鈕添加代碼,“第二章”的代碼如下: on (release) { _root.gotoAndStop("erzhang"); } on (rollOver) { _root.er_mc.gotoAndPlay(2); } on (rollOut) { _root.er_mc.gotoAndPlay(10); } 因為只改動了一個幀標簽和MC的實例名稱,其它的都不需要再改動,所以可以直接復(fù)制“第一章”的代碼過去,然后修改一下幀標簽和實例名稱就可以了。 依次類推,把所有得按鈕代碼都加進去。好了,到這里就完成了,我們可以在內(nèi)容層的幾個關(guān)鍵幀上隨意添加一些內(nèi)容測試一下看看效果。 這一環(huán)節(jié),我們來學(xué)習(xí)FLASH的一種特效——遮罩,它的功能是可以讓FLASH只顯示我們指定的部分,其余部分完全看不到。這是個很強悍的效果,如果運用得當?shù)迷?,能做出很多炫目的特效。好了,開始。 【第十七步】:打開我們之前制作的源文件,但愿你都順利的保存了,否則只有重頭來做。在“導(dǎo)航效果”層上面新建一個圖層,命名為:“遮罩”。 解除“界面”圖層的鎖定,選中那個黑色的邊框線,復(fù)制,然后點擊“遮罩”層的第一個關(guān)鍵幀,ctrl+shift+v 黏貼到當前位置。還把“界面”層鎖定,選中遮罩層的邊框線,因為它是個黑色和白色線框的組合,我們現(xiàn)在只需要一個就行了,所以要打散一下,ctrl+b打散后,刪除掉一個,留下得一個再執(zhí)行一次打散命令,這樣它就可以直接在舞臺上編輯了。 看下圖,打散成這樣后,我們就可以再矩形框里進行填充了。 【第十七步】:點擊工具欄里的“填充工具”,顏色隨意,在矩形框里面點擊一下,然后我們再雙擊矩形的邊線,刪除掉,我們只要填充就可以了。好了,現(xiàn)在你應(yīng)該看到一個矩形,把導(dǎo)航按鈕全部覆蓋住了。如下圖: 到這里,我們的遮罩就制作好了,下面是關(guān)鍵的步驟了。我們在“遮罩”層上點擊右鍵,然后選擇“遮罩層”,如下圖所示: 點擊后你會發(fā)現(xiàn),“遮罩”層和下面得“導(dǎo)航效果”層前面得圖標變了,這兩個圖標得含義表明了他們之間得關(guān)系,上面的是遮罩,下面的是被遮罩。打個比方來說,小強站在一間屋子前面,門打開后,他只能看到門后面的東西,其它地方的看不到,在這里,遮罩就像這扇門,被遮罩的圖層就像屋子里得所有東西。這樣應(yīng)該很容易理解了吧? 好了,現(xiàn)在測試一下影片,再把鼠標移到導(dǎo)航按鈕上去,看看效果是不是好多了。 遮罩的原理只要理解了,其實可以變幻出很多特殊效果出來,同時,遮罩層也可以做成動畫,例如做成一個百葉窗打開的效果,做成無數(shù)碎點組合而成的效果等等,但是有一點要記住,遮罩層一定要是矢量圖形,否則遮罩不起效果。復(fù)雜些的遮罩效果制作在制作課件內(nèi)容的時候會講到,今天,只要求大家理解遮罩的原理,并能做出簡單的遮罩效果就行了。 今天得內(nèi)容不多,主要是因為遮罩這項功能實在太重要了,大家一定要熟悉熟悉再熟悉,多做出來幾個不一樣的,直到熟練運用為止。 最后,我們順便也把關(guān)閉按鈕的代碼添加上吧,解除“界面”層的鎖定,選中關(guān)閉按鈕,打開“動作”面板,輸入以下代碼進去: on (release) { fscommand ("quit"); //當鼠標指針松開,關(guān)閉課件 } 這里按鈕經(jīng)過、按下的效果我就不再制作了,前面已經(jīng)對按鈕的編輯做了詳細的講解。大家如果想讓按鈕更炫目一些,可以自行修改編輯,另外有一點說明,除了文字類得需要添加“點擊”區(qū)域,其它的比如圓形,方形之類的就不需要了,除非你有一些特殊要求,因為文字除了筆畫之外有很多空白的地方,做成按鈕后如果不添加“點擊”區(qū)域的話,那么這個按鈕只有當鼠標移動到筆畫上時才可以點,這樣很不方便,而完全實心的就沒這個問題了。 |
|