




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、FLASH DONGHUA CONGLING XUEQIFLASH前言目前,市場上關(guān)于Flash的教材有很多,但是對于一個對Falsh一無所知的初學(xué)者來說還是顯得深了一些,一些朋友可能就有過這樣的感受,書中那些難懂的概念和實(shí)例讓人看得頭疼,總之一句話就是:看不懂!話說的可能有點(diǎn)直了,但我確實(shí)經(jīng)常聽到一些朋友這樣說,就在這種情況下作者編寫了此教程。作者把平時在教學(xué)過程中學(xué)生最容易碰到的問題都逐一講解,語言通俗易懂,比喻形象生動,再不好理解的東西通過打個很形象的比方一切都迎刃而解了,因而它不具有難度,用最簡單的例子讓讀者自己明白一些概念和原理,操作的每一步都配合了較大的畫面,使讀者一目了然。書中的
2、每個例子都不需要任何美術(shù)功底,只要按照步驟照葫蘆畫瓢就可以了。作者把每一個例子的源文件以及相關(guān)圖片素材都放在了贈送的光盤中供讀者學(xué)習(xí)使用。書中并沒有把所有的內(nèi)容都逐一講到(因?yàn)槟菢訒屓丝吹蒙鷧挘?,而是講解最基本、最重要得東西。該書不是給那些Flash高手看的,它唯一的作用就是作為臺階,將那些對Flash有興趣但卻又不知該如何下手的人領(lǐng)進(jìn)入門,如果你學(xué)完此書后能夠說:我學(xué)了不少知識,我已經(jīng)入門了。那么,作者已經(jīng)很知足了!目錄第二章 一、 熟悉Flash界面。二、 動畫的原理看下面幾幅畫面: 圖2-2 圖2-3 圖2-4 圖2-5圖2-2中飛機(jī)位于圖片的最左邊,圖2-3中飛機(jī)位于圖片的中間,圖2
3、-4中飛機(jī)位于圖片的最右邊。當(dāng)我們將這三幅畫面依次按照一定速度播放的時候,給我們的視覺效果就是看上去感覺飛機(jī)在從左向右飛行,如圖2-5所示。動畫就是由一系列近似的畫面按照一定的順序和速度進(jìn)行播放而產(chǎn)生,它是欺騙人視覺效果的一種把戲。三、 幀/關(guān)鍵幀/空白關(guān)鍵幀:由動畫的原理我們知道,動畫就是畫面的連續(xù)播放所產(chǎn)生的,電影是每秒播放24幅畫面,電視則每秒播放25幅畫面,F(xiàn)lash默認(rèn)每秒播放12幅畫面(可以修改)。每一幅畫面我們都稱它為一個幀,記?。阂粋€幀就是一幅畫面(暫不管這個畫面是真實(shí)的還是虛幻的)!如圖2-6所示: 上面的每個小格子就是一個幀,每個格子都分別代表著一幅畫面,播放時按照幀的先后
4、順序由左向右進(jìn)行。你也許會問:“上面幀怎么還不一樣???”對了,正是因?yàn)樗鼈儾灰粯硬庞辛藥?、關(guān)鍵幀、空白關(guān)鍵幀(也叫白色關(guān)鍵幀)這些名詞??瞻钻P(guān)鍵幀:我們先看第一個小格子,它里面有一個白色的小圓圈,它就是空白關(guān)鍵幀,里面什么內(nèi)容都沒有,一片空白。用鼠標(biāo)單擊一下該空白關(guān)鍵幀,結(jié)果我們在下面的場景里看到的是一片空白區(qū)域如圖2-7所示: 關(guān)鍵幀:第二個小格子里面是個實(shí)心的小黑點(diǎn),它就是關(guān)鍵幀,里面有實(shí)際存在的內(nèi)容,用鼠標(biāo)單擊該關(guān)鍵幀(或用鼠標(biāo)按住幀上面紅色滑塊向后拖動到該幀),我們看到了一個黑色的圓,如圖2-8所示: 看來,關(guān)鍵幀和空白關(guān)鍵幀的區(qū)別就在于關(guān)鍵幀有實(shí)際的內(nèi)容而空白關(guān)鍵幀沒有??瞻钻P(guān)鍵幀+
5、內(nèi)容(比如畫個圓)=關(guān)鍵幀??勺冃螢椋嚎瞻钻P(guān)鍵幀=關(guān)鍵幀-里面所有內(nèi)容。讀者不妨把圖2-8中的圓刪除(Ctrl+A,Delet),看它是不是變成了和它前面一樣的空白關(guān)鍵幀?幀:關(guān)鍵幀后面的灰色部分都是普通幀,普通幀里面沒有實(shí)際的內(nèi)容,但是它卻能將離它最近的關(guān)鍵幀的內(nèi)容顯示出來。用鼠標(biāo)點(diǎn)擊第三幀,如圖2-9所示??雌饋硭坪跤袃?nèi)容,實(shí)際上這一幀是沒有內(nèi)容的,3、4、5幀只不過是把前面離它最近的關(guān)鍵幀(第二幀)的內(nèi)容顯示出來了而已,由此可見普通幀盡管沒有實(shí)際內(nèi)容但它卻可以用來延續(xù)一幅畫面的存在時間。說明:圖2-9的第五幀 代表普通幀的結(jié)束,另外還有一種叫過渡幀,暫時不用知道,后面會結(jié)合具體實(shí)例講。
6、這幾個概念在Flash制作中非常重要,使用的頻率也最高,希望讀者一定要弄明白。移除幀與清除幀的區(qū)別:用鼠標(biāo)對著幀點(diǎn)擊鼠標(biāo)右鍵,在彈出的菜單中有“移除幀”和“清除幀”命令。移除幀就是刪除幀,用來將幀連同幀上的內(nèi)容(如果是關(guān)鍵幀的話)一起刪除,而清除幀則是只把幀上的內(nèi)容清空,幀仍然存在。第三章 圖形元件和移動漸變按照正常習(xí)慣,此時應(yīng)該講工具的使用了,但是考慮到讀者剛剛理解完上面關(guān)于幀的一些枯燥的概念,我講順序做了調(diào)整。下面我們就放松一下來做一個小動畫。一、 制作矩形的變化啟動Flash軟件,鼠標(biāo)單擊第一幀,然后點(diǎn)擊左邊工具箱中的矩形工具,邊框選擇沒有顏色如圖2-6所示,填充選擇自己所喜歡的顏色如圖
7、2-7所示。在工作區(qū)按住鼠標(biāo)左鍵拖動繪制矩形,如圖3-8所示。我們用選取工具 單擊一下矩形,執(zhí)行【插入】菜單下的【轉(zhuǎn)換成元件】命令,將彈出一對話框,在名稱中輸入“動作漸變”,選擇【圖形】如圖3-9所示。然后確定。此時畫面應(yīng)為圖3-10所示。鼠標(biāo)放在25幀處,點(diǎn)擊右鍵,在彈出的菜單中選擇“插入關(guān)鍵幀”,如圖3-11。用鼠標(biāo)單擊縮放工具,將矩形調(diào)小,如圖3-12所示。鼠標(biāo)點(diǎn)擊1到25之間的任何一幀(不能是最后一幀,所以25除外),然后選擇下面的“移動”,如圖3-13。到此為止一個簡單的動畫就做成了,按Ctrl+回車進(jìn)行預(yù)覽。源文件的位置:光盤源文件移動漸變演示.fla說明:1)圖3-11中,在25
8、幀處插入關(guān)鍵幀的意思是復(fù)制了前面和它最近的關(guān)鍵幀(此處為第1幀),所以此時第25幀和第1幀完全一樣:是關(guān)鍵幀,里面都右一個矩形,連同矩形的大小位置等都一樣。2)圖3-13中,2到24幀像普通幀一樣看似有內(nèi)容,其實(shí)沒有,它們是從第1幀到25幀的一個過渡,所以叫做過渡幀。3)以前每次講這個例子的時候,學(xué)生總會問:“圖3-10為什么要轉(zhuǎn)換成圖形元件?”這個問題后面會講到,暫時只需要記住當(dāng)轉(zhuǎn)換成圖形元件后,下面要選擇“移動”,就可以了。4)在繪制矩形時我們選擇邊框?yàn)闊o色,這并不是說一定不能要邊框,因?yàn)橐坏┮诉吙蛟趯⒕匦无D(zhuǎn)換成圖形元件的時候就必須把它和它的邊框一起轉(zhuǎn)換,而初學(xué)者一般都容易把邊框給漏掉。
9、所以,如果要了邊框,邊框和填充都必須都要選中后再一起轉(zhuǎn)換為圖形元件,具體做法是選擇箭頭工具用鼠標(biāo)點(diǎn)擊一下填充部分,然后按住Shift鍵不放雙擊邊框即可(按住Shift代表可以選擇多個,雙擊邊框表示把邊框給選中)。讀者可以試試有邊框的情況。5)變化的快慢可以控制,F(xiàn)lash默認(rèn)為每秒播放12幀,所以可以計(jì)算出應(yīng)該在什么地方插入關(guān)鍵幀。如果你做成功的話,相信你對Flash已經(jīng)有了一定的興趣,如果你覺得上述例子太麻煩而沒有做成功的話,也不要緊,因?yàn)槲覀冞€沒有講工具的使用,下面我們舉個更簡單的來加以鞏固。二、制作照片的出現(xiàn)效果1啟動Flash軟件,打開【文件】下拉菜單,選擇【導(dǎo)入】命令,在彈出的對話框
10、中選擇你的一張照片,如圖3-14所示。2用選取工具 單擊圖片,然后按F8,出現(xiàn)了圖3-15所示的對話框。然后單擊確定按鈕。如圖3-16所示。將鼠標(biāo)放在20幀處,點(diǎn)擊鼠標(biāo)右鍵,選擇【插入關(guān)鍵幀】命令,將出現(xiàn)圖3-17。用鼠標(biāo)單擊第1幀,然后單擊 按鈕,圖片周圍出現(xiàn)8個控制點(diǎn),我們用鼠標(biāo)拖動右下角的控制點(diǎn),將圖片縮小。如圖3-18所示。用鼠標(biāo)點(diǎn)第1幀,在下面屬性欄選擇移動,如圖3-19所示。此時就可以Ctrl+回車進(jìn)行預(yù)覽了。我們看到了一張圖片由小變大的效果,下面我們接著做讓這張照片變大之后再漸漸向右上角消失的效果。在40幀處插入關(guān)鍵幀,移動圖片到右上角,如圖3-20所示。用鼠標(biāo)選中圖片,在屬性欄
11、調(diào)整透明度,如圖3-21所示。用鼠標(biāo)點(diǎn)擊20到40之間任何一幀,選擇屬性欄上面的移動,其結(jié)果如圖3-22所示。好了,此時再按Ctrl+回車試試。源文件的位置:光盤源文件我的照片.fla通過以上兩個例子,我們已經(jīng)感覺到Flash功能的強(qiáng)大,只需要給一個起始狀態(tài)和一個結(jié)束狀態(tài),中間的那些狀態(tài)都交給Flash去做。第四章 工具簡介1、箭頭工具箭頭工具主要用來選取對象,以變對該對象進(jìn)行操作如:刪除,移動等。如圖4-1,鼠標(biāo)單擊選擇該對象后,可用Delet刪除,圖4-2用鼠標(biāo)按住不松開,然后拖動到所需要的位置。 另外它還具有切割和變形的功能。當(dāng)我們用工具箱中的工具繪制出圓、矩形、線條等形狀時,用鼠標(biāo)可以
12、將他們切割。按住鼠標(biāo)拖動,將不需要的部分選中,如圖4-3所示。當(dāng)鼠標(biāo)接近我們繪制的圖形時,會出現(xiàn)圖4-4,這時可按住鼠標(biāo)拖動來改變它的外形,如圖4-5所示。 重新繪制一個矩形,當(dāng)按住Ctrl鍵拖看有什么變化,撤消(Ctrl+Z)后再次按住Ctrl鍵拖看又有什么不同,請讀者朋友試一試。2、次選取工具它用來修改由鉛筆或鋼筆所繪制的線條。當(dāng)用次工具選取所繪曲線時上面會出現(xiàn)一些節(jié)點(diǎn),如圖4-6所示,當(dāng)鼠標(biāo)點(diǎn)擊節(jié)點(diǎn)時,節(jié)點(diǎn)上會有控制柄出現(xiàn),如圖4-7,拖動控制柄上的點(diǎn)便可修改線條的形狀。 3、直線工具使用直線工具用來繪制從起點(diǎn)到終點(diǎn)的直線,在按下鼠標(biāo)左鍵進(jìn)行拖動時如果按住了Shift鍵,則可繪制水平、垂
13、直或以45度角度增加的直線。4、套索工具套索工具用來選取不規(guī)則的區(qū)域以便對所選部分進(jìn)行操作,如圖4-8所示。5、鋼筆工具選取鋼筆工具,用鼠標(biāo)左鍵單擊起點(diǎn),然后移動到下一個位置,按住鼠標(biāo)左鍵不放拖出所需的線條,然后再用同樣的辦法繪出到下一點(diǎn)的線條,雙擊鼠標(biāo)代表繪制結(jié)束。如果繪制不滿意,可用次選工具進(jìn)行調(diào)整。如圖4-9所示。 6、文本工具文本工具是用來輸入文字信息。選擇文本工具,再工作區(qū)按住鼠標(biāo)拖出文本框,輸入文字,如圖4-10所示。7、橢圓工具用來繪制橢圓,在繪制過程中按住Shift鍵可繪制正圓,如圖4-11所示。 8、矩形工具用來繪制矩形,同橢圓工具一樣在繪制過程中按住Shift鍵可繪制正方形
14、。9、鉛筆工具它可以繪制任何形狀的曲線,點(diǎn)擊鉛筆工具后,在工具箱下面有個圖標(biāo),單擊后可選擇“平滑”繪出的線條比較平滑。按住Shift鍵可繪制水平方向或垂直方向的直線。10、畫筆工具畫筆工具也叫刷子工具,由此可見它用來“刷”一些具有刷子效果的曲線,如圖4-11。工具箱下面可以調(diào)整刷子的大小和形狀。11、縮放工具顧名思義,縮放工具用來改變對象的大小情況,包括長、寬、旋轉(zhuǎn)、傾斜等。下圖中的小白點(diǎn)代表旋轉(zhuǎn)的中心點(diǎn),用鼠標(biāo)可以改變其位置。 圖4-12改變長 圖4-13改變寬 圖4-14 旋轉(zhuǎn) 圖4-15 傾斜12、填充變形工具該工具用來對填充的方式進(jìn)行調(diào)整,如圖4-16所示。對該圖中的改變填充的控制點(diǎn)進(jìn)
15、行調(diào)整,分別得到了圖4-17、圖4-18、圖4-19。 13、墨水瓶工具給已繪制好的幾何圖形添加邊框或修改已有邊框的顏色、粗細(xì)等屬性。14、顏料桶工具顏料桶工具也叫油漆桶工具,用來對封閉圖形的內(nèi)部進(jìn)行填充或修改。15、點(diǎn)滴器使用滴管工具可以從場景中選擇線條、文本和填充的樣式,然后創(chuàng)建或修改相應(yīng)的對象。從場景中導(dǎo)入一張圖片,執(zhí)行【修改】下的【分解組件】命令將圖片打散。此時用點(diǎn)滴器工具點(diǎn)擊一下該照片,然后用橢圓工具去畫橢圓我們發(fā)現(xiàn)我們導(dǎo)入的圖片作為了橢圓的填充,如圖4-20所示。用填充變形工具進(jìn)行修改,如圖4-21所示。源文件的位置:光盤源文件填充演示.fla說明:導(dǎo)入的圖片只有打散才可以使用點(diǎn)滴
16、器工具。16、橡皮擦使用橡皮擦工具可以擦除當(dāng)前場景中的對象,當(dāng)選擇橡皮擦后,工具箱下面還有擦除模式,各擦除模式效果如圖4-22所示。水龍頭是用來擦除整塊顏色的。17、手形工具手形工具可以將文檔窗口中的場景連同對象一起移動。選擇手形工具,在場景中按住鼠標(biāo)左鍵拖動看有什么變化。18、放大鏡選擇放大鏡工具,用鼠標(biāo)在場景中點(diǎn)擊左鍵,發(fā)現(xiàn)場景以及里面的對象放大了,如果想縮小,按住Alt鍵的同時單擊鼠標(biāo)左鍵。按住鼠標(biāo)左鍵拖動將需要放大的部分匡住,然后松開鼠標(biāo)即可。19、筆觸色按鈕筆觸色按鈕用來改變線條或所繪幾何圖形邊框的顏色。20、填充色按鈕用來改變填充的顏色。第五章 形狀漸變在第三章學(xué)習(xí)了圖形元件,知道
17、了圖形元件需要用動作漸變,那么如果不轉(zhuǎn)換成圖形元件又是什么情況呢?啟動Flash軟件,用矩形工具在場景中繪制一矩形,如圖5-1所示。然后在25幀的地方鼠標(biāo)右鍵插入關(guān)鍵幀,用縮放工具調(diào)整矩形的大小,如圖5-2所示。鼠標(biāo)單擊1到25之間單擊任何一幀,在屬性欄選擇“形狀”(因?yàn)樵摼匦螞]有轉(zhuǎn)換成圖形元件,所以它還是形狀),如圖5-3所示。按Ctrl+回車進(jìn)行預(yù)覽。源文件的位置:光盤源文件形狀漸變演示一.fla結(jié)果看到和將矩形轉(zhuǎn)換成圖形元件一樣的效果,既然如此,那么轉(zhuǎn)不轉(zhuǎn)換成圖形元件到底有什么區(qū)別呢?轉(zhuǎn)換成圖形元件需要用“移動”來創(chuàng)建動畫的過渡,而所繪制的形狀在不轉(zhuǎn)換成圖形元件的情況下,需要用“形狀”來
18、創(chuàng)建動畫的過渡,二者不可換用。如果將圖5-3的“形狀”改為移動,1到25幀之間出現(xiàn)了虛線,這說明問題出現(xiàn)了,如圖5-4所示。圖形元件可以改變其透明度(應(yīng)該是叫不透明度),所繪形狀則不能。圖形元件在場景中不能改變其外形,只能在編輯改圖形元件時才可以,而所繪形狀可以方便地改變其外形。為了更好的理解這一點(diǎn),讀者用鼠標(biāo)將圖5-2中第25幀這一幀里面矩形的形狀調(diào)整一下如圖5-5所示。甚至可以將這一幀的內(nèi)容刪除重新繪制新的形狀,讀者不妨試一試。而這些是圖形元件無法辦到的。源文件的位置:光盤源文件形狀漸變演示二.fla下面我們利用形狀漸變來制作一個彈跳的小球。啟動Flash軟件,選擇橢圓工具,不要邊框,填充
19、方式為徑向填充,繪制正圓,如圖5-6所示。用填充變形工具改變填充的中心點(diǎn),入圖5-7所示。在15幀處插入關(guān)鍵幀,并改變小球的位置,如圖5-8所示。鼠標(biāo)單擊1到25之間任何一幀,在屬性欄選擇“形狀”,將簡調(diào)為“-100”,如圖5-9所示。分別在16幀和17幀處插入關(guān)鍵幀,如圖5-10所示。用變形工具將16幀的小球高度變小,如圖5-11所示。對著第1幀點(diǎn)擊鼠標(biāo)右鍵,選擇“拷貝幀”,如圖5-12所示。在31幀處點(diǎn)擊鼠標(biāo)右鍵選擇“粘貼幀”,如圖5-13所示。鼠標(biāo)單擊17到31之間任何一幀,在屬性欄選擇“形狀”,將簡調(diào)為“100”,如圖5-14所示。按Ctrl+回車進(jìn)行預(yù)覽。說明:(1) 改變17幀小球
20、外形的原因是因?yàn)楫?dāng)小球與地面發(fā)生碰撞時小球會變癟。(2) 調(diào)整“簡”的作用是讓小球加速還是減速。當(dāng)簡為負(fù)值時,小球運(yùn)動速度越來越快;當(dāng)簡為正值時,小球運(yùn)動速度越來越慢。最后一幀拷貝第一幀是因?yàn)樾∏驈椘鸷蟮奈恢门c第一幀小球的位置幾乎相同。源文件的位置:光盤源文件庫演示.fla通過前幾章的學(xué)習(xí)你應(yīng)該知道了圖形元件、形狀、移動漸變以及形狀漸變(就是改變其外形)之間的關(guān)系,并能做出簡單的動畫效果。庫和影片剪輯第一節(jié) 庫我們知道倉庫是用來存放物品的,一旦需要時就要從倉庫去提貨。Flash里面的庫也是如此,它不僅為我們所做的“物品”提供了存放的空間,而且一旦“物品”放進(jìn)庫后,這些“物品”就可以被重復(fù)利用。
21、啟動Flash軟件,在里面繪制一個圓,鼠標(biāo)選中后按F8鍵把它轉(zhuǎn)換成圖形元件,名稱為“圓”,如圖6-1所示。此時,物品(你所繪制的這個圓)就自動存放到了倉庫中(庫)。打開【窗口】下面的【庫】,就可以看到你所繪的圓。如圖6-2所示。圖6-2中的垃圾桶示用來刪除你在庫中存放的“物品”。打開你以前保存的文件,按F11鍵調(diào)出庫窗口,你繪發(fā)現(xiàn)你所轉(zhuǎn)換成圖形元件的矩形、圖片以及沒有轉(zhuǎn)換成元件的圖片都被放進(jìn)了庫中。那么,庫中到底能存放那些“物品”,又是怎樣被重復(fù)利用的呢?庫中可以存放三大元件(圖形元件以及接下來學(xué)的影片剪輯元件和按鈕元件)、位圖(剛導(dǎo)入的圖片)以及導(dǎo)入的聲音。在場景中如果需要再次用到它們,就用
22、鼠標(biāo)直接把它們從庫中拖到場景中即可,如圖6-3所示。當(dāng)用鼠標(biāo)雙擊庫中的元件時可以對它進(jìn)行編輯,比如雙擊圖6-3中的圓元件,修改它的顏色,如圖6-4所示。回到場景后你回發(fā)現(xiàn)里面所有的圓的顏色都變成了你所修改的顏色,這是因?yàn)樗鼈冊趲熘卸际峭粋€元件。源文件的位置:光盤源文件庫演示.fla文件之間還可以共享庫。當(dāng)你在文件一中辛辛苦苦地畫了一架飛機(jī),把它保存為了圖形元件,結(jié)果在你在另一個文件二的制作中也要用到它,是不是要重新去畫呢?不需要,把兩個文件都打開,F(xiàn)11調(diào)出庫,你回發(fā)現(xiàn)它們之間可以公用,將它拖到文件二中就可以了,與此同時該圖形元件(飛機(jī))已經(jīng)復(fù)制了一份放進(jìn)了文件二的庫中。第二節(jié) 影片剪輯啟動
23、Flash軟件,執(zhí)行【插入】菜單下的【新建元件】命令,在打開的對話中輸入名稱為“火焰”,選擇“影片剪輯”如圖6-5。點(diǎn)擊 按鈕。選擇橢圓工具,邊框選擇無色,在調(diào)色板面板中選擇填充為“徑向”(就是從中心向四周填充),如圖6-6所示。用鼠標(biāo)點(diǎn)擊左邊的滑塊(標(biāo)記1)圖6-7所示,然后用鼠標(biāo)點(diǎn)顏色選取按鈕選擇黃色,同樣的方法將右邊的滑塊(標(biāo)記2)設(shè)為紅色。 繪制橢圓,用箭頭工具將外形修改為火焰形狀,用改變填充工具修改填充,如圖6-8。在第5幀處插入關(guān)鍵幀(別忘了,方法是右擊鼠標(biāo)),用箭頭工具改變火焰的形狀,然后鼠標(biāo)放在1到5幀中間,在屬性欄選擇創(chuàng)建動畫方式為“形狀”,直接敲回車進(jìn)行預(yù)覽,看火焰是否能正
24、常擺動。如果正常,就用同樣的方法依次在第15幀和第20幀處創(chuàng)建關(guān)鍵幀,如圖6-9所示。其實(shí),我們以上所做的努力都是在給演員(火焰這個影片剪輯)化裝,化好裝后演員就可以蹬上舞臺(場景)進(jìn)行表演了?;氐綀鼍?,按F11打開庫,將火焰拖到場景中,如圖6-10。按Ctrl+回車測試一下影片,一個動態(tài)的火焰就出現(xiàn)在我們眼前了。源文件的位置:光盤源文件火焰.fla讀者可能感覺很奇怪:場景里面只有一個幀,火焰怎么會動呢?這正是影片剪輯的魅力所在。我們在平時看到的Flash中,有時會看到一朵白云在天空不停第在哪兒循環(huán)飄來飄去,它就是影片剪輯,凡是局部在循環(huán)運(yùn)動的我們都可以把它做成影片剪輯。一個影片剪輯就是一個小
25、電影。我們先暫停一下,來講一下“層”的含義,這是下面將要用到的。層是透明的,為了更好的理解它的含義我們可以把它想象成玻璃,如果在第一塊玻璃上寫上數(shù)字“1”,第二塊玻璃上面寫上數(shù)字“2”,第三塊玻璃上面寫上數(shù)字“3”,當(dāng)我們把這三塊玻璃疊放在一起時,我們不是單獨(dú)看到了哪一層的數(shù)字而是“123”全部顯示出來,如圖6-11所示。因?yàn)椴A峭该鞯模砸簿筒淮嬖谏厦鏁谧∠旅娴膯栴}。三塊玻璃就是三個層,透明而互不干擾,上面還可以繼續(xù)添加層。雙擊圖層一可以對它進(jìn)行命名,此處取名為“火焰”如圖6-12,回車即可。 圖6-12 圖6-13點(diǎn)擊新建圖層按鈕就增加了一個新圖層,取名為“蠟燭體”如圖6-13所示。
26、然后我們就在這一層上面繪制蠟燭體。選擇箭頭工具,修改屬性欄上的背景色為深綠色。用矩形工具繪制一白色矩形,選擇墨水瓶工具,調(diào)整屬性欄上面線條的顏色、粗細(xì)和類別,然后然后點(diǎn)擊白色矩形,這樣就給白色矩形添加了一個白色粗糙的邊框,如圖6-14。然后再新建一層,取名為“蠟燭芯”。繪制一黑色小矩形,用墨水瓶添加黑色粗糙的邊框,然后將這個矩形和邊框一起轉(zhuǎn)換成圖形元件并調(diào)整其透明度,如圖6-15所示。此時,我們發(fā)現(xiàn)蠟燭芯把蠟燭體擋住了,看上去不太真實(shí),所以我們需要將蠟燭芯向下移一層。用鼠標(biāo)按住圖層進(jìn)行拖動就可以方便的改變圖層之間的疊放順序,如圖6-16所示。好了,到此為止就做好了, 按Ctrl+回車看一下。如
27、果覺得蠟燭火焰做的不理想的話,可重新編輯它,方法是直接雙擊蠟燭火焰或按F11在庫里面雙擊“火焰”影片剪輯。如果還想對它進(jìn)行美化的話,可以給它添加蠟燭油,如圖6-17所示。源文件的位置:光盤源文件蠟燭的制作.fla通過上面這個例子的學(xué)習(xí),你應(yīng)該對影片剪輯有所了解,并理解了層的含義。呵呵!是不是有點(diǎn)成就感了?下面我再講個打字效果的例子以加深對影片剪輯的理解。在做之前我們先分析一下:首先光標(biāo)在界面上不停的閃動,它是一個細(xì)小線段出現(xiàn)和消失的不斷循環(huán),由此想到可以把它做成一個影片剪輯;其次,開始光標(biāo)的不停閃動在等待著文字的出現(xiàn),一旦文字出現(xiàn),光標(biāo)應(yīng)該立即移到剛出現(xiàn)文字的前面(右側(cè)),繼續(xù)等待下一個文字的
28、出現(xiàn),當(dāng)再有文字出現(xiàn)時,光標(biāo)又立即移動到這個文字的前面,所以,任何時候光標(biāo)總是出現(xiàn)在文字前面。由此我們想到用兩個層來控制光標(biāo)和文字。啟動Flash軟件,新建兩層,分別命名為文字和光標(biāo),如圖6-18所示。打開【插入】菜單,執(zhí)行【新建元件】命令,名稱為“光標(biāo)”,選擇影片剪輯。用直線工具繪制一條垂直方向的黑色小線段作為光標(biāo),如圖6-19所示。在第3幀的地方鼠標(biāo)右鍵選擇“插入白色關(guān)鍵幀”,這樣第1幀和第2幀都可以看光標(biāo),因?yàn)榈?幀變成了普通幀,它延續(xù)了第1幀的時間。在第四幀處插入幀,就使得前兩幀光標(biāo)可見后兩幀光標(biāo)消失,如圖6-20?;氐綀鼍埃压鈽?biāo)從庫中拖到場景中,如圖6-21所示。按Ctrl+回車鍵
29、進(jìn)行預(yù)覽,是不是已經(jīng)有個光標(biāo)在畫面上閃動?在光標(biāo)層和文字層的第5幀分別入關(guān)鍵幀,在文字層第五幀輸入文字“你”,用箭頭工具選中第5幀的光標(biāo),用方向鍵移動到文字前面,如圖6-22所示。在光標(biāo)層和文字層的第10幀分別入關(guān)鍵幀,在文字層第10幀輸入文字“現(xiàn)”,用箭頭工具選中第10幀的光標(biāo),用方向鍵移動到文字前面,如圖6-23所示。同樣的辦法多寫幾個字,如圖6-24所示,這樣以來光標(biāo)總在文字的前面閃動。按Ctrl +回車預(yù)覽一下。源文件的位置:光盤源文件打字效果 .fla【插入】下面的【新建元件】和【轉(zhuǎn)換成元件】實(shí)質(zhì)上一樣,只是操作的先后順序不同,最終結(jié)果是一樣的,而且都放在庫中。通過這個例子,相信你對
30、影片剪輯有了更進(jìn)一步的了解。第七章 按鈕大家平時上網(wǎng)看Flash的時候,往往遇到上面寫有“Play”,當(dāng)我們用鼠標(biāo)點(diǎn)擊一下就可以觀看影片了,看完影片時會出現(xiàn)一個“Replay”,點(diǎn)擊后可以再次觀看影片,而且鼠標(biāo)放上去的時候甚至?xí)霈F(xiàn)不同的狀態(tài),比如:變色、移動一下、有聲音等現(xiàn)象發(fā)生,這里的“Play”和“Replay”就是所謂的按鈕。通過以前的例子,你可能已經(jīng)感覺到在預(yù)覽時它將會自動循環(huán)播放而無法控制,按鈕主要就是用來對所做影片進(jìn)行控制。第一節(jié) 制作Play和Replay按鈕啟動Flash軟件,執(zhí)行【插入】菜單下的【新建元件】命令,命名為“Play”,選擇“按鈕”,如圖7-1所示。 點(diǎn)擊 按鈕
31、,如圖7-2所示。圖7-2已經(jīng)顯示了按鈕的幾種狀態(tài),UP是當(dāng)鼠標(biāo)沒有接觸按鈕時的狀態(tài),鼠標(biāo)經(jīng)過是當(dāng)鼠標(biāo)放上去時所呈現(xiàn)的狀態(tài),Down就是當(dāng)鼠標(biāo)按下時所呈現(xiàn)的狀態(tài),反應(yīng)區(qū)是給按鈕設(shè)置一個反應(yīng)區(qū)域或者說給它框定一個范圍,當(dāng)鼠標(biāo)放在這個范圍內(nèi)的任何地方按鈕都會做出反應(yīng)。用文本工具在第1幀(Up幀)寫入“Play”,將顏色調(diào)整為黑色,如圖7-3所示。在第2幀(鼠標(biāo)經(jīng)過幀)插入關(guān)鍵幀,修改“Play”的顏色為紅色并將它向左和向上移動一點(diǎn)(最好用方向鍵控制),然后按一下如圖7-4所示。在第3幀(Down幀)插入關(guān)鍵幀,再將“Play”向右和向下移動一點(diǎn),如圖7-5所示。在第4幀(反應(yīng)區(qū))再插入關(guān)鍵幀,用矩
32、形工具繪一矩形作為反應(yīng)區(qū)域,用該矩形將“Play”覆蓋,如圖7-5所示?;氐綀鼍埃藭r我們制作的“Play”按鈕已經(jīng)放進(jìn)了庫中,按F11打開庫,把它拖到場景中,如圖7-6所示。到此為止這個“Play”按鈕就做好了,按Ctrl+回車進(jìn)行預(yù)覽,把鼠標(biāo)放上去點(diǎn)擊一下看看。現(xiàn)在我們創(chuàng)建一個小動畫來讓“Play”按鈕發(fā)揮作用。在第2幀處插入白色關(guān)鍵幀(空白關(guān)鍵幀),執(zhí)行【文件】菜單下的【導(dǎo)入】命令,在打開的對話框中選擇一張圖片,如圖7-7所示。將導(dǎo)入的圖片轉(zhuǎn)換成圖形元件,在第20幀處插入關(guān)鍵幀,點(diǎn)縮放工具,選擇工具箱下面的等比縮放按鈕 ,將圖片調(diào)小,如圖7-8所示。用箭頭工具點(diǎn)擊2到20幀之間的任何一幀
33、,在屬性欄選擇“移動”和順時針旋轉(zhuǎn)1次,如圖7-9所示。不妨先預(yù)覽一下,我們發(fā)現(xiàn)整個過程的動畫是做好了,但是此時影片仍然處于不可控制狀態(tài),現(xiàn)在我們就來控制影片。當(dāng)打開Flash時,第一幀應(yīng)該停止下來等待用戶去點(diǎn)擊“Play”按鈕,所以要給第一幀添加一個stop動作。打開【窗口】菜單,選擇【動作】命令,就打開了幀動作控制面板,如圖7-10所示。用鼠標(biāo)單擊“幀動作”將幀動作面板展開,單擊“屬性”將屬性面板折疊,如圖7-11所示。用鼠標(biāo)單擊第一幀,單擊“Action”,然后單擊“MoveControl”,最后雙擊“Stop”,如圖7-12所示。此時再預(yù)覽一下,我們發(fā)現(xiàn)第一幀已經(jīng)停止下來。接下來我們再
34、給按鈕添加動作,鼠標(biāo)單擊一下按鈕,在動作面板中雙擊“on”,接著雙擊“goto”,在右邊的幀處輸入數(shù)字“2”,如圖7-13所示,這樣我們就給“Play”按鈕添加了動作。這個過程的意思是:當(dāng)我們點(diǎn)擊鼠標(biāo)按鈕釋放后,畫面將轉(zhuǎn)到第2幀,并從第2幀開始播放。這樣,影片就得到了我們的控制。預(yù)覽一下,點(diǎn)擊一下“Play”按鈕試試。源文件的位置:光盤源文件Play按鈕演示 .fla同樣的辦法,我們再來做一個“Replay”按鈕(參照Play按鈕的制作),新建一圖層,命名為“Replay”,在20幀處插入一空白關(guān)鍵幀,把庫打開,將“Replay”按鈕拖到場景中,如圖7-14所示。打開動作面板,鼠標(biāo)點(diǎn)擊第20幀
35、(圖層1或Replay層都可以),添加“stop”動作,如圖7-15所示。鼠標(biāo)選中“Replay”按鈕,給它添加on和goto動作,右邊幀處輸入數(shù)字“2”,如圖7-16所示。再預(yù)覽一下看看“Replay”按鈕是否也發(fā)揮了作用。源文件的位置:光盤源文件Replay按鈕演示 .fla說明:1) 大家經(jīng)常不知道什么時候給幀添加動作,什么時候給按鈕添加動作,因?yàn)槲覀円尩?幀停止下來,所以這時要給這一幀添加動作,我們要用鼠標(biāo)點(diǎn)擊按鈕讓它開始播放,所以這時就要給按鈕添加動作。2) 大家還容易犯的一點(diǎn)錯誤一點(diǎn)錯誤就是不能正確地添加動作,心里想著給按鈕添加結(jié)果卻添加到了幀上。正確地做法是:當(dāng)確定給幀添加動作
36、時,就用鼠標(biāo)點(diǎn)擊相應(yīng)的幀,然后選擇動作面板中的動作,當(dāng)確定給按鈕添加動作時,用鼠標(biāo)點(diǎn)擊一下該按鈕,然后選擇動作面板中的動作。3) 當(dāng)幀被添加動作后,幀的上面會有一個字母“a”一樣的標(biāo)志 。4) 養(yǎng)成給按鈕添加反應(yīng)區(qū)域的習(xí)慣。對于用文本制作按鈕來說,反應(yīng)區(qū)域就必不可少,否則,只有當(dāng)鼠標(biāo)接近文字有顏色的地方按鈕才會有反應(yīng)。!第二節(jié) 制作抓圖游戲上一節(jié)后,我們再來做個小游戲,對按鈕進(jìn)行練習(xí)。啟動Flash軟件,導(dǎo)入一張圖片并將它轉(zhuǎn)換成按鈕,此按鈕不需要編輯,如圖7-17所示。在第2幀處分別插入關(guān)鍵幀并調(diào)整圖片按鈕到如圖7-18所示的位置。在第3幀處分別插入關(guān)鍵幀并調(diào)整圖片按鈕到如圖7-19所示的位置
37、。我們想做的效果是無論鼠標(biāo)如何移動都碰不到這個娃娃,我們思想是先讓第一幀停止下來,當(dāng)我們的鼠標(biāo)一旦接觸到娃娃按鈕的時候畫面立即轉(zhuǎn)到第2幀并停止下來,由于第2幀圖片的位置和第1幀圖片的位置不同,所以給我們的視覺效果就是娃娃圖片跑到右邊去了。當(dāng)鼠標(biāo)接觸到第2幀上的娃娃按鈕時,畫面轉(zhuǎn)到并停止在第3幀,當(dāng)鼠標(biāo)再次接觸到第3幀上的娃娃按鈕,畫面轉(zhuǎn)到并停止在第1幀。給第1幀添加“stop”動作,給第1幀上的娃娃按鈕添加“on”動作,右邊事件中將“釋放” 取消,選擇“指針經(jīng)過”,如圖7-20所示。再給第1幀的娃娃按鈕添加“goto”動作,右邊選擇“轉(zhuǎn)到并停止”,幀處輸入數(shù)字“2”,如圖7-21所示。給第2幀
38、添加“stop”動作,給第2幀上的娃娃按鈕添加“on”動作,右邊事件中將“釋放” 取消,選擇“指針經(jīng)過”,如圖7-22所示。再給第2幀的娃娃按鈕添加“goto”動作,右邊選擇“轉(zhuǎn)到并停止”,幀處輸入數(shù)字“3”,如圖7-23所示。給第3幀添加“stop”動作,給第3幀上的娃娃按鈕添加“on”動作,右邊事件中將“釋放” 取消,選擇“指針經(jīng)過”,如圖7-24所示。再給第3幀的娃娃按鈕添加“goto”動作,此時右邊是選擇“轉(zhuǎn)到并停止”還是選擇“轉(zhuǎn)到并播放”已經(jīng)無所謂了,因?yàn)槲覀冏铋_始就讓第1幀“stop”了,幀處輸入數(shù)字“1”,如圖7-25所示。好了,預(yù)覽以下,看看你能不能把鼠標(biāo)放到娃娃上面。說明:讀
39、者可能會想到如果讓每個幀上的按鈕不是選擇“轉(zhuǎn)到并停止”而是“轉(zhuǎn)到并播放”然后給每個幀添加stop動作是否可以呢?答案示肯定的,讀者不妨試試。源文件的位置:光盤源文件抓圖游戲.fla通過這一章的學(xué)習(xí)相信你對按鈕有了一個深刻的認(rèn)識。第八章 引導(dǎo)線在前幾章的學(xué)習(xí)中我們所做的動畫中元件在相鄰兩個關(guān)鍵幀之間是沿著直線運(yùn)動,然而我們在一些Flash中經(jīng)??吹揭恢恍▲B在天空任意翱翔,還有一朵花瓣或一片樹葉隨風(fēng)飄落,它們的運(yùn)行軌跡并非直線而是曲線。事實(shí)上,不管是小鳥的飛行還是花瓣的飄落它們都是按照我們事先做好了的曲線在運(yùn)動,事先做好了的這種能夠引導(dǎo)它們運(yùn)動的曲線我們把它稱為引導(dǎo)線。第一節(jié) 引導(dǎo)基礎(chǔ)知識啟動Fl
40、ash軟件,繪制一個不要邊框的圓,將它轉(zhuǎn)換成圖形元件,如圖8-1所示。在25幀處插入關(guān)鍵幀,將圖形元件移動到右邊并創(chuàng)建動畫,如圖8-2所示。這就是我們最初學(xué)習(xí)的圖形元件和移動漸變,其預(yù)覽效果是這個圓從左邊直線移動到了右邊。下面我們來制作引導(dǎo)線讓這個圓從左邊曲線移動到右邊。點(diǎn)擊“添加引導(dǎo)層” 按鈕,如圖8-3所示。接著我們在新建的引導(dǎo)層上面用鉛筆工具繪制引導(dǎo)線,并調(diào)整圖層1上兩關(guān)鍵幀中圓的位置,讓圖形元件的中心點(diǎn)分別和引導(dǎo)線的起點(diǎn)和終點(diǎn)對齊,如圖8-4所示?,F(xiàn)在預(yù)覽一下,我們發(fā)現(xiàn)此時圓已經(jīng)不在沿直線運(yùn)動,而是沿著我們繪制的曲線在運(yùn)動。源文件的位置:光盤源文件引導(dǎo)線 .fla明白了引導(dǎo)線的原理,我
41、們現(xiàn)在就來制作一片樹葉飄落的效果。啟動Flash軟件,用鋼筆工具在場景里繪制一片樹葉并將它轉(zhuǎn)換成圖形元件如圖8-5所示。在第50幀處插入關(guān)鍵幀,將樹葉放到落地時的位置,創(chuàng)建動畫并使其在下落時順時針旋轉(zhuǎn)一次,如圖8-6所示。給圖層1添加引導(dǎo)層,用鉛筆工具繪制出引導(dǎo)線并讓樹葉在起點(diǎn)和終點(diǎn)時的中心分別和引導(dǎo)線的起點(diǎn)和終點(diǎn)對齊,如圖8-7所示。預(yù)覽一下,一片樹葉就飄落下來了。源文件的位置:光盤源文件樹葉飄落.fla第二節(jié) 用筆描寫字的輪廓通過上一節(jié)的學(xué)習(xí),我們知道了圖形元件可以沿著引導(dǎo)線從一端運(yùn)動到另一端。如果我們需要圖形元件(比如飛機(jī))做環(huán)形運(yùn)動,那用什么做引導(dǎo)線呢,我們想到了橢圓工具。啟動Flas
42、h軟件,繪制一個如圖8-8所示的圖形并轉(zhuǎn)換成圖形元件,在25幀處插入關(guān)鍵幀,然后創(chuàng)建動畫,如圖8-8所示。給圖層1添加引導(dǎo)層,在引導(dǎo)層上繪制橢圓,如圖8-9所示。我們現(xiàn)在遇到了一個問題:橢圓示封閉的區(qū)域,圖形元件的起點(diǎn)和終點(diǎn)和誰對齊呢?聰明的讀者可能想到了用橡皮擦擦出一個缺口的辦法,這正是我們的答案!用橡皮擦將橢圓擦出一個缺口,讓圖層1兩關(guān)鍵幀上圖形元件的中心分別和橢圓的兩頭對齊,如圖8-10所示。預(yù)覽一下,看到飛機(jī)已經(jīng)圍繞橢圓在運(yùn)動了,只是飛機(jī)頭的方向好象沒有改變,不要緊,鼠標(biāo)點(diǎn)擊一下圖層1上1到25之間任何一幀,在屬性欄選擇“使路徑適應(yīng)”問題就解決了,如圖8-11所示。此時,再預(yù)覽一下看看
43、。源文件的位置:光盤源文件環(huán)形引導(dǎo).fla這個例子告訴我們引導(dǎo)線不一定是鉛筆畫出來的,只要是線條都可以。有了這個例子做基礎(chǔ),下面我們來做一個用筆繪制一個字的輪廓效果。啟動Flash軟件,將圖層1改名為“背景F”用文本工具寫一個大寫字母“F”,將文本屬性的字體設(shè)置為ArialBlack,字體大小為150(右邊的滑塊最多只能調(diào)到96,此時可用鍵盤輸入)如圖8-12所示。接下來我們來獲取F的邊緣。選中F執(zhí)行【修改】菜單下的【分解組件】將F打散,此時F處于選中狀態(tài),如圖8-13所示。用箭頭工具點(diǎn)擊F以外的地方以取消選擇,如圖8-14所示。將F打散后它已經(jīng)不再是文本而是變成了形狀,此時我們就可以用墨水瓶
44、工具給它添加邊框了。選擇墨水瓶工具,在屬性欄設(shè)置好屬性后點(diǎn)擊一下F,我們看到已經(jīng)給F添加上了一個邊框,如圖8-15所示。用箭頭工具選中F將它刪除,這樣我們就獲得了F的輪廓,如圖8-16所示。將用橡皮擦將F擦出一個缺口,如圖8-17所示。在2到25幀的每一幀都插入關(guān)鍵幀(按F6可以快速插入),如圖8-18所示。新建一圖層命名為“畫筆”,用工具箱中的工具在第一幀繪制一筆狀物作為畫筆并轉(zhuǎn)換成圖形元件,如圖8-19所示。點(diǎn)擊一下“編輯元件”按鈕可以進(jìn)行選擇要編輯的元件,現(xiàn)在這里只有畫筆這個元件,我們對它進(jìn)行編輯,把畫筆的筆尖對著該元件的中心點(diǎn),如圖8-20所示?;氐綀鼍?,在25幀處插入關(guān)鍵幀并創(chuàng)建動畫
45、,如圖8-21所示。我們要想辦法筆能夠圍繞F描一圈,這時我們想到給畫筆添加一個引導(dǎo)層,讓F的輪廓這個引導(dǎo)線去引導(dǎo)它。添加引導(dǎo)層,鼠標(biāo)放在背景F層的第一幀點(diǎn)擊鼠標(biāo)右鍵,在彈出的菜單中選擇“拷貝幀”,然后在引導(dǎo)層的第一幀點(diǎn)擊鼠標(biāo)右鍵,在彈出菜單中選擇“粘貼幀”,如圖8-22所示。這時引導(dǎo)層第一幀的F和背景F層第一幀的F就完全重疊在一起,為在在操作時不會讓背景F層受到影響,我們把我們把背景F層隱藏并鎖住,如圖8-23,用鼠標(biāo)單擊圖中的標(biāo)志處即可實(shí)現(xiàn)圖層的隱藏顯示、鎖開。此時我們看到的F就是引導(dǎo)線,因?yàn)楸尘癋層已經(jīng)隱藏了?,F(xiàn)在調(diào)整畫筆的位置讓它在畫筆層的第1幀和第25幀的中心點(diǎn)(筆尖),分別和引導(dǎo)線F
46、的兩端點(diǎn)對齊,如圖8-24所示。預(yù)覽一下,看畫筆能否圍繞F描一圈。引導(dǎo)效果一旦做好就將引導(dǎo)層鎖住并隱藏,此時將打開背景F層的鎖打開并讓它顯示,如圖8-25。鼠標(biāo)放在背景F層的第1幀,由于筆剛開始寫時畫面上還沒有內(nèi)容,所以用橡皮擦將F全部擦除,如圖8-26所示。然后鼠標(biāo)放到背景F層的第2幀,將畫筆后面部分擦處,如圖8-27所示。再將鼠標(biāo)放在第3幀,繼續(xù)擦除,如圖8-28所示。按照同樣的方法,對剩下的每一幀分別進(jìn)行操作直到最后一幀,如圖8-29所示。到此為止就做好了,預(yù)覽一下看看。源文件的位置:光盤源文件環(huán)形引導(dǎo).fla我們來分析一下這個過程。一共有三個層,畫筆層是讓畫筆運(yùn)動,引導(dǎo)層是讓引導(dǎo)線去引
47、導(dǎo)畫筆如何去運(yùn)動,這兩層最終產(chǎn)生的效果是讓畫筆能夠圍繞F描一圈。我們再來看背景F層,它上面的25幀全部都是關(guān)鍵幀,也就是說這25幀上面共有25個F,除最后一幀外的每一幀我們都用橡皮擦擦過,我們總是讓每一幀未擦除的部分和畫筆的運(yùn)動保持同步,這樣畫筆走到哪里哪里就有線條出現(xiàn),給我們視覺上的效果就是感覺線條是用筆畫出來的,其實(shí),只不是畫筆和線條保持了同步而已。由此可以驗(yàn)證我前面的那句話:動畫是欺騙人視覺效果的一種把戲。另外,我們將背景F層第一幀的F擦出一個缺口的原因有兩個:一是為了引導(dǎo)層,因?yàn)橐龑?dǎo)線F是從這里拷貝過去的;二是為了后來擦除的方便,因?yàn)楹髞淼?4幀插入的都是關(guān)鍵幀,如果沒有這個缺口,那么
48、我們在以后擦除每個F時就不能保證每幀寫出F部分的起點(diǎn)是對齊的,這是一個小技巧。思考一下,在這種情況下怎樣使得F在寫完之后看不見缺口?說明:引導(dǎo)線可以是鉛筆或鋼筆繪制也可以是圓或矩形工具繪制的線條。1) 引導(dǎo)線是不可見的。2) 在添加引導(dǎo)層時先把被引導(dǎo)的層上的動畫做好。3) 被引導(dǎo)的對象只能是元件(圖形元件、按鈕元件、影片剪輯元件)。4) 引導(dǎo)線引導(dǎo)的是元件的中心,這就是為什么要編輯畫筆,否則就變成筆桿在寫字了。5) 引導(dǎo)效果一旦做好就把它鎖住以防遭到破壞。第十章 遮罩第一節(jié) 遮罩的原理遮罩(遮蔽)和前一章所講的引導(dǎo)類似,通過兩個層的相互作用而產(chǎn)生一種特殊的效果。我們通過下面的實(shí)例來說明這一點(diǎn)。
49、啟動Flash軟件,在屬性欄將背景色設(shè)置成深綠色,如圖10-1所示。將圖層1命名為“文字”,用文本工具輸入文字并調(diào)整顏色為黑色,如圖10-2所示。新建一圖層命名為“圓”,繪制一沒有邊框的圓,顏色為白色,將圓放在和文字同樣的高度,此時圓將文字層上的文字給擋住了,如圖10-3所示。對這圓層點(diǎn)擊鼠標(biāo)右鍵,彈出右鍵菜單,如圖10-4所示。選擇“遮蔽”將出現(xiàn)10-5所示的畫面。此時我們只看到了兩個字,而且還不完整,我們來分析一下為什么會出現(xiàn)這種現(xiàn)象。你可以這樣來想象,文字的上方蒙了一張帶有孔的紙,這個空就是白色的圓,如果沒有這個孔的話,你將什么都看不見,因?yàn)槲淖秩勘患埶鶕踝×?,正是因?yàn)橛辛诉@個孔才讓你
50、看到了下面的黑色文字,所以你只能看到一部分。好好理解這段話,非常關(guān)鍵!源文件的位置:光盤源文件遮罩演示一.fla接下來,我們將文字層和圓層上下位置互換,看又會出現(xiàn)什么情況。將鼠標(biāo)對著圓這一層點(diǎn)擊鼠標(biāo)右鍵在彈出菜單中將“遮罩”取消,然后將文字層拖到圓的上方,如圖10-6所示。此時鼠標(biāo)對著文字層單擊鼠標(biāo)右鍵,在彈出菜單中選擇“遮罩”,出現(xiàn)如圖10-7所示的畫面。源文件的位置:光盤源文件遮罩演示二.fla我們看到的效果和前一次(圖10-5)的效果非常相似,不同的是文字顏色由黑色變成了現(xiàn)在的白色。這又是怎么回事呢?還是用剛才的那種思想來解釋,你想象著下面放著一個白色的圓,上面蒙著一張帶有一些孔的紙,這
51、些孔就是文字(指文字上有顏色的部分),透過這些文字孔我們看到了下面圓上的部分,由于孔是文字的形狀,所以我們看到的圓的部分組成的仍然是文字,而圓的顏色是白色,因此看到的效果就是白色的文字。源文件的位置:光盤源文件遮罩演示二.fla其實(shí),我們還可以通過讓圓移動來實(shí)現(xiàn)手電光照射效果。將遮罩效果取消,將圓層上的鎖打開(這是做遮罩效果時自動鎖住的),在25幀處插入關(guān)鍵幀,將圓的位置移到右邊,創(chuàng)建動畫(別忘了把鼠標(biāo)放在第1幀到第25幀之間而且選擇的是“形狀”而不是“移動”),如圖10-8所示。預(yù)覽一下,我們就看到了一束手電光從文字的左邊移動到了右邊。源文件的位置:光盤源文件遮罩演示三.fla如果你想做的更
52、像的話,在繪制圓的時候?qū)⑻畛浞绞皆O(shè)置為 “徑向填充”并修改右邊調(diào)色板中的屬性,可以實(shí)現(xiàn)燈光周圍模糊的效果,如圖10-9所示。這里作者不在講述,將源文件提供出來供讀者參考,源文件的位置:光盤源文件遮罩演示四.fla第二節(jié) 制作光的掃描效果啟動Flash軟件,在屬性欄設(shè)置背景色為深綠色,將圖層1命名為“背景”,選擇橢圓工具,設(shè)置邊框顏色為紅色,填充色為無色,繪制一橢圓,如圖10-10所示。用箭頭工具選中該橢圓,執(zhí)行【修改】菜單下面【外形】下的【轉(zhuǎn)換行成填充】命令,這樣就把線條變成了填充,如圖10-11所示。接著再執(zhí)行【修改】菜單下面【外形】下的【擴(kuò)展填充】命令,在打開的窗口中距離輸入15,方向選擇
53、“擴(kuò)散”,如圖10-12所示。點(diǎn)擊 按鈕后的界面如圖10-13所示。用縮放工具調(diào)整橢圓的位置,如圖10-14所示。選擇箭頭工具,在橢圓被選中的情況下,按住Ctrl或Alt鍵的同時用鼠標(biāo)拖動橢圓到另一個地方,先松開鼠標(biāo)再松開鍵盤,這樣就把橢圓復(fù)制了一份,如圖10-15所示。緊接著執(zhí)行【修改】菜單下面【轉(zhuǎn)換】下的【水平翻轉(zhuǎn)】命令,將復(fù)制的橢圓做了水平翻轉(zhuǎn),如圖10-16所示。調(diào)整橢圓的位置到如圖10-17所示的位置后取消選擇(用鼠標(biāo)單擊場景中的空白區(qū)域),這樣兩個橢圓就融合在了一起,如圖10-17所示。選擇畫筆工具,設(shè)置填充色為紅色,調(diào)整畫筆的大小和形狀,在兩橢圓中間畫一個“T”(按住Shift畫
54、的比較直),如圖10-18所示。新建一圖層命名為“光”,如圖10-19所示。選擇矩形工具,將邊框設(shè)置為無色,然后在調(diào)色板中選擇填充方式為線性,如圖10-20所示。鼠標(biāo)放在兩個滑塊之間, 當(dāng)鼠標(biāo)出現(xiàn)如圖10-21所示的狀態(tài)時點(diǎn)擊一下鼠標(biāo)左鍵,這樣就增加了一個滑塊,如圖10-22所示。圖10-20 圖10-21圖10-22 圖10-23用鼠標(biāo)點(diǎn)擊一下左邊滑塊,選擇滑塊顏色為白色并將顏色的不透明度調(diào)為0,如圖10-23所示。選擇中間滑塊,將顏色調(diào)整為白色,如圖10-24所示。選擇右邊滑塊,此時滑塊顏色已經(jīng)是白色了,所以只需將不透明度調(diào)為0即可,如圖10-25所示。在光層的第1幀繪制一長矩形,如圖10
55、-26所示。將繪制的矩形轉(zhuǎn)換成圖形元件并調(diào)整其位置,如圖10-27所示。在背景層第20幀處點(diǎn)鼠標(biāo)右鍵選擇“插入幀”,然后在光層的第20幀處插入關(guān)鍵幀,將光這個圖形元件移動到右上邊,創(chuàng)建動畫如圖10-28所示。再新建一層命名為“遮罩”,將背景層的第1幀拷貝到遮罩層的第1幀,具體操作方法再講一遍:就是用鼠標(biāo)對著背景層第1幀點(diǎn)擊鼠標(biāo)右鍵選擇“拷貝幀”,然后鼠標(biāo)對著遮罩層第一幀點(diǎn)擊鼠標(biāo)右鍵選擇“粘貼幀”即可,此時已經(jīng)自動延續(xù)到第20幀。如圖10-29所示。用鼠標(biāo)對著遮罩層點(diǎn)擊右鍵,在彈出菜單中選擇“遮蔽”后,如圖10-30所示。預(yù)覽一下看看效果。源文件的位置:光盤源文件光的掃描.fla我們來回顧一下整
56、個過程看為什么會出現(xiàn)這樣的效果。一共有三個圖層。背景層的第1幀是我們繪制的圖形作為背景,在20幀處插入幀的作用是讓第一個幀的畫面延續(xù)到20幀處,所以此時沒有必要插入關(guān)鍵幀。光層就是圖形元件光從一邊移動到了另外一邊。由于遮罩層當(dāng)時是拷貝的背景層上面的幀,所以遮罩層和背景層完全相同,也是我們繪制的圖形,這樣以來,光就被夾在了兩個圖形之間。遮罩層和光層這兩個層產(chǎn)生的最終效果是我們看到一道光,它并不是整個圖形元件光,而只是它的一部分,回想一下遮罩的原理就不難明白這一點(diǎn)。試想,如果沒有背景層作為背景,那么我們看到的只不過是一道光而已,正是因?yàn)橛辛吮尘皩硬懦霈F(xiàn)了圖10-30所示的效果。說明:1) 用來做遮
57、罩的可以是我們繪制的形狀(如第一節(jié)中的圓,第二節(jié)中畫筆繪制的T)也可以是圖形元件(如第二節(jié)中的光),還可以是影片剪輯(后面章節(jié)中的水波效果)。2) 不加處理的線條不能做遮罩,所以第二節(jié)繪制的橢圓必須轉(zhuǎn)換行成填充使線條變?yōu)樘畛洹?)遮罩的效果和被遮罩物的顏色有關(guān)而和遮罩物的顏色無關(guān)。第十一章 Action其實(shí),Action在按鈕那一節(jié)我們已經(jīng)接觸到了,給按鈕添加on、goto,stop等都是Action。其實(shí),它的功能遠(yuǎn)不止這些,下面我們?nèi)匀挥脤?shí)例來了解一下它。第一節(jié) 假鼠標(biāo)的制作我們來制作一個比較大的假鼠標(biāo),讓它能像真實(shí)鼠標(biāo)一樣隨著我們的鼠標(biāo)移動。這分為兩個過程:首先要讓我們真實(shí)的鼠標(biāo)隱藏起來,然后要讓我們繪制的假鼠標(biāo)能夠跟著我們真實(shí)的鼠標(biāo)移動。啟動Flash軟件,用直線工具繪制一鼠標(biāo)并將其填充為白色,并整體轉(zhuǎn)換成影片剪輯,如圖11-1所示。鼠標(biāo)雙擊影片剪輯對它進(jìn)行編輯,調(diào)整假鼠標(biāo)的位置讓它的尖端和
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年度個人住房按揭貸款擔(dān)保協(xié)議合同版
- 2025年度公司銷售業(yè)務(wù)員協(xié)議書:智能穿戴設(shè)備銷售代理協(xié)議
- 2025年度就業(yè)協(xié)議違約金賠償與就業(yè)心理調(diào)適協(xié)議
- 2025年度綠色環(huán)保材料研發(fā)股東合作協(xié)議書
- 2025年度停車場停車費(fèi)電子支付服務(wù)合同
- 2025年度建設(shè)銀行個人住房貸款合同電子版
- 2025年度不銹鋼欄桿項(xiàng)目風(fēng)險評估與管理合同
- 農(nóng)資裝卸搬運(yùn)服務(wù)協(xié)議
- 2025年度農(nóng)村土地經(jīng)營權(quán)轉(zhuǎn)讓與農(nóng)業(yè)扶貧項(xiàng)目合作合同
- 二零二五年度土地承包種植與鄉(xiāng)村旅游結(jié)合合同
- 淺層高效氣浮池技術(shù)說明
- 小學(xué)大觀念教學(xué):設(shè)計(jì)與實(shí)施
- 《安全原理》習(xí)題庫及參考答案
- 分離工程授課教案
- 《HSK標(biāo)準(zhǔn)教程3》第10課
- 人民醫(yī)院能源托管服務(wù)項(xiàng)目可研技術(shù)方案書
- 系統(tǒng)上線驗(yàn)收合格證書
- ABO血型鑒定及交叉配血
- 消防水箱安裝施工方案
- 【重慶長安汽車公司績效管理現(xiàn)狀、問題及優(yōu)化對策(7600字論文)】
評論
0/150
提交評論