在眾多絢爛奪目的Flash效果中，最夢(mèng)幻而神奇的效果應該算是光特效了。光特效是Flash中的終級境界——魔域，常見(jiàn)的有輝光、激光、投射線(xiàn)、集光束等等，這些光特效所帶來(lái)的是極大的視覺(jué)沖擊和動(dòng)感享受。不過(guò)，很可惜的是，許多人始終無(wú)法掌握光特效的設計要素，或是以為只有通過(guò)ActionScript或者依賴(lài)別的軟件才能完成這些特效。今天，筆者就帶大家探索一下光特效的神奇奧秘！效果如圖1所示。

圖1

　　源文件下載：點(diǎn)擊下載(74K，rar壓縮)

　　在Flash中，光亦可分為“點(diǎn)光源”，“線(xiàn)光源”和“面光源”三類(lèi)。分別如圖2-4所示。其中面光源包括三維體光源。生活中常見(jiàn)的許多光都是由這三類(lèi)衍生或組合而成。如圖2所示彗星，慧的頭部就是一個(gè)點(diǎn)光源，而慧尾由于運動(dòng)軌跡比較長(cháng)，就形成了線(xiàn)光源。

圖2 ，圖3， 圖4

　　在Flash畫(huà)法中，點(diǎn)光源比較偏向于發(fā)射狀，所以一般用“線(xiàn)性漸變填充”，圖2中所示彗星的慧頭通過(guò)四種顏色來(lái)勾勒：最靠近光源內部的屬于基準光，通常是白色（#FFFFFF）；第二種是過(guò)渡光（#CAF1FB），也就是光源的輔助色，用于光源主色調與內部色的自然過(guò)渡；與其相鄰的就是光源主色調（#3394D1）；*一種顏色是輝光（#3394D1），一般和主色調相同，但Alpha值比較小，甚至為零，用于表現光芒的柔和效果?！盎焐鳌泵姘逶O置如圖5所示。

圖5

　　仔細觀(guān)察圖5，不難發(fā)現，“點(diǎn)光源”在設置左邊三種顏色時(shí)都比較密集，這也是發(fā)射狀光源的*表現形式之一。而“線(xiàn)光源”則是對“點(diǎn)光源”的一種拉伸和變形效果，一般采用層次鮮明的“線(xiàn)性漸變填充”。

　　“線(xiàn)光源”的顏色組合是非常奧妙有趣的。圖3中所示閃電就用了三種顏色，從左至右分別是白色、黃色和紅色。雖然其中沒(méi)有傳統的藍色，而且在大自然中也很難見(jiàn)到這樣的景觀(guān)，但別忘了：Flash是一種創(chuàng )造工具，每一個(gè)設計者都可以是奇跡的締造者！

　　另外，許多“點(diǎn)光源”經(jīng)過(guò)簡(jiǎn)單的變形也能演化成“線(xiàn)光源”。圖2所示的彗尾不就是彗星的頭部經(jīng)過(guò)縮放而成的嘛。

　　和“點(diǎn)光源”類(lèi)似，“面光源”一般采用的也是“線(xiàn)性漸變填充”，且基準光、過(guò)渡光和主光源相隔也非常近。所不同的是，基準光距離中心寬度更大。因為面光源多用于噴發(fā)、散射等效果的實(shí)現，光源更加熾熱，表現力也更加強烈。

　　明白前面所述光源的原理后，光線(xiàn)運動(dòng)效果的表現形式就好理解多了。首先是速度。許多人有這樣的誤區：只有疾如閃電才能表現速度，其實(shí)不然。運動(dòng)有緩有急，緩急之中又有加速度等因素之分，只有將它們綜合運用才能得到*效果。需要指明的是，速度對光源的顏色也非常敏感。對于“線(xiàn)性漸變填充”的光線(xiàn)，它的運動(dòng)軌跡宛如碎波。而形變是塑造光線(xiàn)特效的又一利器，它包括兩個(gè)方面：填充色位置和染色體形狀。從圖6中可以看出，最左邊是一個(gè)基本的球形輝光，中間上面那個(gè)通過(guò)對漸變色填充位置的變化，形成了一個(gè)高光小球。并且通過(guò)放縮放制造了一個(gè)跟隨光球的投影效果。最右邊的放縮比更加厲害，仿佛一顆劃過(guò)夜空的流星。

圖6

　　還有一種另類(lèi)的光線(xiàn)形變，我們稱(chēng)它為錯位。在富于表現力的電流效果中，它被經(jīng)常被使用，如圖7所示。閃電就是一個(gè)典范。這種光線(xiàn)是由許多彎彎曲曲的線(xiàn)段夠成，它們的出現總是雜亂無(wú)章，沒(méi)有固定位置。通過(guò)光線(xiàn)錯位，可以營(yíng)造出非常震撼而又急促的氛圍。其它幾種光線(xiàn)表現形式和上述一樣，在某些特定效果的打造中非常實(shí)用。比如遮罩，它幾乎是任何設計工具中都不可或缺的功能。遮罩的運用可以對光產(chǎn)生局部影響，這有利于單獨處理一些效果，使塑造的光芒更加細膩逼真。

圖7

　　理論或許是蒼白的，但卻是通過(guò)成功之門(mén)的鑰匙。下面我們學(xué)習一個(gè)“魔域探索”的例子，通過(guò)設計幾種常見(jiàn)光特效來(lái)鞏固上述理論知識，效果如圖1所示。

　　1．打開(kāi)Flash，設置場(chǎng)景大小為600px x 400px，背景色為黑色，幀速率40fps。本例一共需要四個(gè)“影片剪輯”元件，效果如圖8-11所示。

圖8， 圖9，圖10，圖11

　　2．按快捷鍵Ctrl+F8新建一個(gè)名為L(cháng)aserLight的元件，將“圖層1”更名為L(cháng)aser Source。如圖12所示設置“混色器”面板，其中5個(gè)滑塊的顏色分別為#FFFFFF、#FFFF00、#FFFF26、#CC6600、#E30000，前四個(gè)滑塊的Alpha值都為*，最右邊滑塊的Alpha值為0%。使用“橢圓”工具在場(chǎng)景中繪制一個(gè)圓。

圖12

　3．創(chuàng )建一個(gè)名為L(cháng)aserLight2的元件。按快捷鍵Ctrl+C復制上一步驟中繪制出的圓，并粘貼到元件LaserLight2的場(chǎng)景中。按快捷鍵Q調出“變形”工具，將其高度設置為1/12，變成一束光。按Ctrl+D再復制出兩束光，通過(guò)“變形”工具進(jìn)行旋轉，最終效果如圖9所示。

　　4．在元件LaserLight中新建一層，并改名為L(cháng)aserLine。按快捷鍵Ctrl+L打開(kāi)“庫”面板，將“庫”中的元件LaserLight2拖入該層的場(chǎng)景中。最終效果如圖8所示。

　　5．設計彗頭。新建一個(gè)名為CometLight的元件。將“圖層1”更名為CometSource。并在該層的場(chǎng)景中繪制一個(gè)圓，點(diǎn)選該圓，并如圖13所示設置“混色器”面板，其中3個(gè)滑塊的顏色為#FFFFFF、#0C79FE、#3394D1，第3個(gè)滑塊的Alpha值為0%。點(diǎn)選“顏料桶”工具，點(diǎn)擊改圓的右下角，即將高光打在該圓的右下角。

圖13，圖14

　　這就是彗星的頭部，接著(zhù)我們來(lái)加一個(gè)彗尾。因為考慮到光需要做環(huán)繞效果，所以這里的彗尾定義成四分之一圓弧。具體做法如下：在CometLight元件中新建圖層CometTail。先畫(huà)一個(gè)紅色填充的圓，然后按Ctrl+D鍵復制該圓，并填充成藍色。選擇藍色的圓，按快捷鍵Ctrl+T調出“變形”面板，設置圓的寬度為85%?，F在將這個(gè)縮小后的藍色圓移到紅色圓上，如圖14放置。在刪除藍色的圓后，就只剩下掏空的紅色圓弧，繼續刪除不必要的部分，只留下左上角四分之一的圓弧，這就是我們需要的部分。給這段圓弧加上彗星頭部同樣的漸變色。為了使光線(xiàn)效果更加自然和柔和，我們先對它進(jìn)行邊緣軟化。執行“修改”菜單下“形狀”菜單下的“柔化填充邊緣”命令。將“間隔”設為1px,“步數”設為2px，“方向”選擇“展開(kāi)”。按快捷鍵K選中“顏料桶”工具，填充彗尾后，緊接著(zhù)用快捷鍵F調出“填充變換”工具，設置如圖15所示。這樣我們就完成了彗尾元件的制作，最終效果如圖10所示。

圖15

　　6．*繪制天幕燈。新建一個(gè)名為SkyLamp的影片剪輯，將圖層1更名為L(cháng)amp。并在上面畫(huà)一個(gè)矩形和圓，分別填充?！盎焐鳌泵姘宓脑O置如圖16和圖17所示。圖16中4個(gè)滑塊的顏色分別是#FFFFFF、#0033CC、#000000、#000000，第2、3個(gè)滑塊的Alpha值分別為80%。圖17中4個(gè)滑塊的顏色分別是#CCCCCC、#0099FF、#0000FF、#000000。最終效果如圖11所示。

圖16，圖17

　　影片場(chǎng)景設計：

　　1．新建一個(gè)名為L(cháng)aserFlash的影片剪輯。將圖層1更名為L(cháng)ightLine1，再建一個(gè)圖層，并命名為L(cháng)ightLine2。在LightLine2的第二幀按F6鍵插入關(guān)鍵幀，將元件LaserLight拖到該剪輯中，并將其變形成為豎型光束。然后在第3、4幀分別按F6。第3幀中將光束稍微變大，在第4幀中，將光束旋轉90度改成橫型，并如圖18所示設置顏色中的色調。

圖18

　　然后我們在LightLine2上第1幀插入關(guān)鍵幀，將LaserLight再次拖入變形成為橫型光束，寬度盡量大一些，然后設置其Tint屬性為白色。后面三幀中繼續插入關(guān)鍵幀，同樣對LaserLight進(jìn)行不同的形變。*分別在第10幀和第20幀插入關(guān)鍵幀，并在第20幀設置Alpha值為40。為了體現光線(xiàn)的爆炸效果。

　　新建名為Sound的聲音層，并導入一個(gè)聲音文件。層設置如圖19所示。

圖19

　　2．新建一個(gè)名為CometCircle的影片剪輯，并將元件CometLight拖入放在圖層Comet的*幀，然后點(diǎn)選該層第50幀，按F6鍵插入關(guān)鍵幀，并將元件ComeLight縮小到適當尺寸。*將該層建立“運動(dòng)補間”動(dòng)畫(huà)，設置如圖20所示。同樣，給這個(gè)環(huán)繞光也添加上聲音。

圖20

　　*，將該環(huán)繞光做成水平內的旋轉效果。新建一個(gè)名為CometTransfer的影片剪輯，將剛做好的CometCircle拖入到*幀，然后進(jìn)行簡(jiǎn)單的縮放和旋轉就可以了。

　　3．新建一個(gè)名為T(mén)opLight的影片剪輯。將LaserLight和LaserLight2分別放置在不同層中的第20幀中，然后均在第30幀插入關(guān)鍵幀，將兩者同等比例縮小至適當尺寸，并將Aplha值均設置為0%。*建立“運動(dòng)補間”動(dòng)畫(huà)即可。

　　4．將TopLight拖到SkyLamp中，放在天幕燈的頂端。

　　5．設置主場(chǎng)景。新建8個(gè)圖層，并分別在這8個(gè)圖層的第1、10、24、28、43、48、54、74幀建立關(guān)鍵幀。然后將元件LaserFlash分別放置在這8個(gè)圖層上，形成一條豎線(xiàn)（橫坐標一樣，縱坐標不一樣）。繼續新建圖層9,將影片剪輯SkyLamp拖入放在*幀，然后按F5在這九個(gè)圖層的第80幀均插入幀。*再新建三個(gè)圖層，在圖層 10的*幀拖入影片剪輯CometTransfer，將它的中部放置在天幕燈的尖端。然后將該幀復制，粘貼到圖層 11的*幀，并旋轉120度，同理，將該幀復制到圖層 12。接下來(lái)在圖層10、11、12的第22幀均插入幀即可。主場(chǎng)景層的設置如圖21所示。

圖21

　　到此為止，整個(gè)動(dòng)畫(huà)宣告完成。設計總結：

　　通過(guò)對“魔域探索”這個(gè)例子的學(xué)習，相信大家對光特效的制作已經(jīng)有了更深的理解和認識。但大自然中這種效果何止萬(wàn)千，希望大家在生活中不斷積累，不斷創(chuàng )新。對Flash中的效果進(jìn)行深一步的剖析，爭取找到新的設計理念，激發(fā)新的創(chuàng )作靈感，讓Flash成為閃客手中真正的利刃！