在眾多絢爛奪目的Flash效果中，最夢(mèng)幻而神奇的效果應(yīng)該算是光特效了。光特效是Flash中的終級(jí)境界——魔域，常見的有輝光、激光、投射線、集光束等等，這些光特效所帶來的是極大的視覺沖擊和動(dòng)感享受。不過，很可惜的是，許多人始終無法掌握光特效的設(shè)計(jì)要素，或是以為只有通過ActionScript或者依賴別的軟件才能完成這些特效。今天，筆者就帶大家探索一下光特效的神奇奧秘！效果如圖1所示。
圖1
源文件下載：點(diǎn)擊下載(74K，rar壓縮)
在Flash中，光亦可分為“點(diǎn)光源”，“線光源”和“面光源”三類。分別如圖2-4所示。其中面光源包括三維體光源。生活中常見的許多光都是由這三類衍生或組合而成。如圖2所示彗星，慧的頭部就是一個(gè)點(diǎn)光源，而慧尾由于運(yùn)動(dòng)軌跡比較長，就形成了線光源。
圖2 ，圖3， 圖4
在Flash畫法中，點(diǎn)光源比較偏向于發(fā)射狀，所以一般用“線性漸變填充”，圖2中所示彗星的慧頭通過四種顏色來勾勒：最靠近光源內(nèi)部的屬于基準(zhǔn)光，通常是白色（#FFFFFF）；第二種是過渡光（#CAF1FB），也就是光源的輔助色，用于光源主色調(diào)與內(nèi)部色的自然過渡；與其相鄰的就是光源主色調(diào)（#3394D1）；*一種顏色是輝光（#3394D1），一般和主色調(diào)相同，但Alpha值比較小，甚至為零，用于表現(xiàn)光芒的柔和效果。“混色器”面板設(shè)置如圖5所示。
圖5
仔細(xì)觀察圖5，不難發(fā)現(xiàn)，“點(diǎn)光源”在設(shè)置左邊三種顏色時(shí)都比較密集，這也是發(fā)射狀光源的*表現(xiàn)形式之一。而“線光源”則是對(duì)“點(diǎn)光源”的一種拉伸和變形效果，一般采用層次鮮明的“線性漸變填充”。
“線光源”的顏色組合是非常奧妙有趣的。圖3中所示閃電就用了三種顏色，從左至右分別是白色、黃色和紅色。雖然其中沒有傳統(tǒng)的藍(lán)色，而且在大自然中也很難見到這樣的景觀，但別忘了：Flash是一種創(chuàng)造工具，每一個(gè)設(shè)計(jì)者都可以是奇跡的締造者！
另外，許多“點(diǎn)光源”經(jīng)過簡單的變形也能演化成“線光源”。圖2所示的彗尾不就是彗星的頭部經(jīng)過縮放而成的嘛。
和“點(diǎn)光源”類似，“面光源”一般采用的也是“線性漸變填充”，且基準(zhǔn)光、過渡光和主光源相隔也非常近。所不同的是，基準(zhǔn)光距離中心寬度更大。因?yàn)槊婀庠炊嘤糜趪姲l(fā)、散射等效果的實(shí)現(xiàn)，光源更加熾熱，表現(xiàn)力也更加強(qiáng)烈。
明白前面所述光源的原理后，光線運(yùn)動(dòng)效果的表現(xiàn)形式就好理解多了。首先是速度。許多人有這樣的誤區(qū)：只有疾如閃電才能表現(xiàn)速度，其實(shí)不然。運(yùn)動(dòng)有緩有急，緩急之中又有加速度等因素之分，只有將它們綜合運(yùn)用才能得到*效果。需要指明的是，速度對(duì)光源的顏色也非常敏感。對(duì)于“線性漸變填充”的光線，它的運(yùn)動(dòng)軌跡宛如碎波。而形變是塑造光線特效的又一利器，它包括兩個(gè)方面：填充色位置和染色體形狀。從圖6中可以看出，最左邊是一個(gè)基本的球形輝光，中間上面那個(gè)通過對(duì)漸變色填充位置的變化，形成了一個(gè)高光小球。并且通過放縮放制造了一個(gè)跟隨光球的投影效果。最右邊的放縮比更加厲害，仿佛一顆劃過夜空的流星。
圖6
還有一種另類的光線形變，我們稱它為錯(cuò)位。在富于表現(xiàn)力的電流效果中，它被經(jīng)常被使用，如圖7所示。閃電就是一個(gè)典范。這種光線是由許多彎彎曲曲的線段夠成，它們的出現(xiàn)總是雜亂無章，沒有固定位置。通過光線錯(cuò)位，可以營造出非常震撼而又急促的氛圍。其它幾種光線表現(xiàn)形式和上述一樣，在某些特定效果的打造中非常實(shí)用。比如遮罩，它幾乎是任何設(shè)計(jì)工具中都不可或缺的功能。遮罩的運(yùn)用可以對(duì)光產(chǎn)生局部影響，這有利于單獨(dú)處理一些效果，使塑造的光芒更加細(xì)膩逼真。
圖7
理論或許是蒼白的，但卻是通過成功之門的鑰匙。下面我們學(xué)習(xí)一個(gè)“魔域探索”的例子，通過設(shè)計(jì)幾種常見光特效來鞏固上述理論知識(shí)，效果如圖1所示。
1．打開Flash，設(shè)置場(chǎng)景大小為600px x 400px，背景色為黑色，幀速率40fps。本例一共需要四個(gè)“影片剪輯”元件，效果如圖8-11所示。
圖8， 圖9，圖10，圖11
2．按快捷鍵Ctrl+F8新建一個(gè)名為LaserLight的元件，將“圖層1”更名為Laser Source。如圖12所示設(shè)置“混色器”面板，其中5個(gè)滑塊的顏色分別為#FFFFFF、#FFFF00、#FFFF26、#CC6600、#E30000，前四個(gè)滑塊的Alpha值都為*，最右邊滑塊的Alpha值為0%。使用“橢圓”工具在場(chǎng)景中繪制一個(gè)圓。
圖12
3．創(chuàng)建一個(gè)名為LaserLight2的元件。按快捷鍵Ctrl+C復(fù)制上一步驟中繪制出的圓，并粘貼到元件LaserLight2的場(chǎng)景中。按快捷鍵Q調(diào)出“變形”工具，將其高度設(shè)置為1/12，變成一束光。按Ctrl+D再復(fù)制出兩束光，通過“變形”工具進(jìn)行旋轉(zhuǎn)，最終效果如圖9所示。
4．在元件LaserLight中新建一層，并改名為LaserLine。按快捷鍵Ctrl+L打開“庫”面板，將“庫”中的元件LaserLight2拖入該層的場(chǎng)景中。最終效果如圖8所示。
5．設(shè)計(jì)彗頭。新建一個(gè)名為CometLight的元件。將“圖層1”更名為CometSource。并在該層的場(chǎng)景中繪制一個(gè)圓，點(diǎn)選該圓，并如圖13所示設(shè)置“混色器”面板，其中3個(gè)滑塊的顏色為#FFFFFF、#0C79FE、#3394D1，第3個(gè)滑塊的Alpha值為0%。點(diǎn)選“顏料桶”工具，點(diǎn)擊改圓的右下角，即將高光打在該圓的右下角。
圖13，圖14
這就是彗星的頭部，接著我們來加一個(gè)彗尾。因?yàn)榭紤]到光需要做環(huán)繞效果，所以這里的彗尾定義成四分之一圓弧。具體做法如下：在CometLight元件中新建圖層CometTail。先畫一個(gè)紅色填充的圓，然后按Ctrl+D鍵復(fù)制該圓，并填充成藍(lán)色。選擇藍(lán)色的圓，按快捷鍵Ctrl+T調(diào)出“變形”面板，設(shè)置圓的寬度為85%?，F(xiàn)在將這個(gè)縮小后的藍(lán)色圓移到紅色圓上，如圖14放置。在刪除藍(lán)色的圓后，就只剩下掏空的紅色圓弧，繼續(xù)刪除不必要的部分，只留下左上角四分之一的圓弧，這就是我們需要的部分。給這段圓弧加上彗星頭部同樣的漸變色。為了使光線效果更加自然和柔和，我們先對(duì)它進(jìn)行邊緣軟化。執(zhí)行“修改”菜單下“形狀”菜單下的“柔化填充邊緣”命令。將“間隔”設(shè)為1px,“步數(shù)”設(shè)為2px，“方向”選擇“展開”。按快捷鍵K選中“顏料桶”工具，填充彗尾后，緊接著用快捷鍵F調(diào)出“填充變換”工具，設(shè)置如圖15所示。這樣我們就完成了彗尾元件的制作，最終效果如圖10所示。
圖15
6．*繪制天幕燈。新建一個(gè)名為SkyLamp的影片剪輯，將圖層1更名為Lamp。并在上面畫一個(gè)矩形和圓，分別填充?！盎焐鳌泵姘宓脑O(shè)置如圖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)景設(shè)計(jì)：
1．新建一個(gè)名為LaserFlash的影片剪輯。將圖層1更名為LightLine1，再建一個(gè)圖層，并命名為LightLine2。在LightLine2的第二幀按F6鍵插入關(guān)鍵幀，將元件LaserLight拖到該剪輯中，并將其變形成為豎型光束。然后在第3、4幀分別按F6。第3幀中將光束稍微變大，在第4幀中，將光束旋轉(zhuǎn)90度改成橫型，并如圖18所示設(shè)置顏色中的色調(diào)。
圖18
然后我們?cè)贚ightLine2上第1幀插入關(guān)鍵幀，將LaserLight再次拖入變形成為橫型光束，寬度盡量大一些，然后設(shè)置其Tint屬性為白色。后面三幀中繼續(xù)插入關(guān)鍵幀，同樣對(duì)LaserLight進(jìn)行不同的形變。*分別在第10幀和第20幀插入關(guān)鍵幀，并在第20幀設(shè)置Alpha值為40。為了體現(xiàn)光線的爆炸效果。
新建名為Sound的聲音層，并導(dǎo)入一個(gè)聲音文件。層設(shè)置如圖19所示。
圖19
2．新建一個(gè)名為CometCircle的影片剪輯，并將元件CometLight拖入放在圖層Comet的*幀，然后點(diǎn)選該層第50幀，按F6鍵插入關(guān)鍵幀，并將元件ComeLight縮小到適當(dāng)尺寸。*將該層建立“運(yùn)動(dòng)補(bǔ)間”動(dòng)畫，設(shè)置如圖20所示。同樣，給這個(gè)環(huán)繞光也添加上聲音。
圖20
*，將該環(huán)繞光做成水平內(nèi)的旋轉(zhuǎn)效果。新建一個(gè)名為CometTransfer的影片剪輯，將剛做好的CometCircle拖入到*幀，然后進(jìn)行簡單的縮放和旋轉(zhuǎn)就可以了。
3．新建一個(gè)名為TopLight的影片剪輯。將LaserLight和LaserLight2分別放置在不同層中的第20幀中，然后均在第30幀插入關(guān)鍵幀，將兩者同等比例縮小至適當(dāng)尺寸，并將Aplha值均設(shè)置為0%。*建立“運(yùn)動(dòng)補(bǔ)間”動(dòng)畫即可。
4．將TopLight拖到SkyLamp中，放在天幕燈的頂端。
5．設(shè)置主場(chǎng)景。新建8個(gè)圖層，并分別在這8個(gè)圖層的第1、10、24、28、43、48、54、74幀建立關(guān)鍵幀。然后將元件LaserFlash分別放置在這8個(gè)圖層上，形成一條豎線（橫坐標(biāo)一樣，縱坐標(biāo)不一樣）。繼續(xù)新建圖層9,將影片剪輯SkyLamp拖入放在*幀，然后按F5在這九個(gè)圖層的第80幀均插入幀。*再新建三個(gè)圖層，在圖層 10的*幀拖入影片剪輯CometTransfer，將它的中部放置在天幕燈的尖端。然后將該幀復(fù)制，粘貼到圖層 11的*幀，并旋轉(zhuǎn)120度，同理，將該幀復(fù)制到圖層 12。接下來在圖層10、11、12的第22幀均插入幀即可。主場(chǎng)景層的設(shè)置如圖21所示。
圖21
到此為止，整個(gè)動(dòng)畫宣告完成。設(shè)計(jì)總結(jié)：
通過對(duì)“魔域探索”這個(gè)例子的學(xué)習(xí)，相信大家對(duì)光特效的制作已經(jīng)有了更深的理解和認(rèn)識(shí)。但大自然中這種效果何止萬千，希望大家在生活中不斷積累，不斷創(chuàng)新。對(duì)Flash中的效果進(jìn)行深一步的剖析，爭取找到新的設(shè)計(jì)理念，激發(fā)新的創(chuàng)作靈感，讓Flash成為閃客手中真正的利刃！
