天才教育網(wǎng)合作機(jī)構(gòu) > 設(shè)計軟件培訓(xùn)機(jī)構(gòu) > Flash培訓(xùn)機(jī)構(gòu) >

東莞設(shè)計培訓(xùn)網(wǎng)

歡迎您!
朋友圈

400-850-8622

全國統(tǒng)一學(xué)習(xí)專線 9:00-21:00

位置:設(shè)計軟件培訓(xùn)資訊 > Flash培訓(xùn)資訊 > Flash光*綜合分析

Flash光*綜合分析

日期:2005-12-23 00:00:00     瀏覽:500    來源:東莞設(shè)計培訓(xùn)網(wǎng)

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

圖1

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

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

    

圖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)光芒的柔和效果?!盎焐鳌泵姘逶O(shè)置如圖5所示。

圖5

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

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

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

圖6

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

圖7

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

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

   

圖8, 圖9,圖10,圖11

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

圖12

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

  4.在元件LaserLight中新建一層,并改名為LaserLine。按快捷鍵Ctrl+L打開“庫”面板,將“庫”中的元件LaserLight2拖入該層的場景中。最終效果如圖8所示。

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

  

圖13,圖14

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

圖15

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

  

圖16,圖17

  影片場景設(shè)計:

  1.新建一個名為LaserFlash的影片剪輯。將圖層1更名為LightLine1,再建一個圖層,并命名為LightLine2。在LightLine2的第二幀按F6鍵插入關(guān)鍵幀,將元件LaserLight拖到該剪輯中,并將其變形成為豎型光束。然后在第3、4幀分別按F6。第3幀中將光束稍微變大,在第4幀中,將光束旋轉(zhuǎn)90度改成橫型,并如圖18所示設(shè)置顏色中的色調(diào)。

圖18

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

  新建名為Sound的聲音層,并導(dǎo)入一個聲音文件。層設(shè)置如圖19所示。

圖19

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

圖20

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

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

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

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

圖21

  到此為止,整個動畫宣告完成。設(shè)計總結(jié):

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

如果本頁不是您要找的課程,您也可以百度查找一下: