Flash 好看的星光四射動(dòng)畫(huà)特效

本例思路:導(dǎo)入蓮花素材,然后為其制作閃爍動(dòng)畫(huà)效果。繪制遮罩圖形,然后利用圖形之間的疊加原理制作出星光四射動(dòng)畫(huà)特效。
Part 1
制作蓮花閃爍動(dòng)畫(huà)(1)新建一個(gè)大小為550×400像素,背景色為黑色,幀頻為25fps的空白文檔。將默認(rèn)的“圖層1”更名為“背景”,然后使用“矩形工具”繪制一個(gè)沒(méi)有邊框的矩形,打開(kāi)“顏色”面板,設(shè)置類(lèi)型為“放射狀”,再設(shè)置第1個(gè)色標(biāo)顏色為(R:1,G:47,B:152),第2個(gè)色標(biāo)顏色為(R:2,G:2,B:100),第3個(gè)色標(biāo)顏色為(R:0,G:0,B:0),填充效果如圖4-1所示。

圖4-1制作背景(2)新建一個(gè)“蓮花”圖層,然后按Ctrl+R組合鍵導(dǎo)入本書(shū)配套光盤(pán)中的“Chapter04/素材/蓮花.png”文件,如圖4-2所示。

圖4-2導(dǎo)入素材(3)選中“蓮花”圖層中的蓮花,然后按F8鍵將其轉(zhuǎn)換為影片剪輯(名稱(chēng)為“蓮花”),如圖4-3所示。

圖4-3創(chuàng)建影片剪輯(4)選中影片剪輯“蓮花”,然后為其添加“發(fā)光”濾鏡,具體參數(shù)設(shè)置如圖4-4所示。品質(zhì)為“高”,并設(shè)置其發(fā)光顏色為:R:0,G:255,B:255),Alpha為100%,如圖4-4所示。

圖4-4添加“發(fā)光”濾鏡#p#Webjx核心提示:本例將巧用遮罩層圖形與被遮罩層圖形之間的疊加原理來(lái)制作星光四射動(dòng)畫(huà)特效。 (5)雙擊影片剪輯“蓮花”的編輯區(qū)域,再按F8鍵將其轉(zhuǎn)換為影片剪輯,然后在第40和75幀插入關(guān)鍵幀,選中第40幀,并在屬性面板中做如圖4-5所示的設(shè)置,最后創(chuàng)建出傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。

圖4-5添加蓮花閃爍效果
Part 2
制作星光四射動(dòng)畫(huà)特效(1)在“蓮花”圖層的上一層新建一個(gè)“星光四射”圖層,然后按Ctrl+F8組合鍵創(chuàng)建一個(gè)新影片剪輯,如圖4-6所示。

圖4-6新建元件(2)使用“矩形工具”繪制一個(gè)沒(méi)有邊框的矩形,然后設(shè)置填充顏色為(R:0,G:255,B:255),并用設(shè)置好的顏色填充矩形,再用“選擇工具”調(diào)整好其形狀,如圖4-7所示。

圖4-7調(diào)整矩形形狀(3)使用“任意變形工具”選中圖形,然后將變換中心點(diǎn)拖曳到舞臺(tái)的中心點(diǎn)上,如圖4-8所示。

圖4-8調(diào)整圖形中心位置(4)使用“選擇工具”選中調(diào)整好的圖形,然后按Ctrl+T組合鍵打開(kāi)“變形”面板,設(shè)置旋轉(zhuǎn)角度值為30°,然后單擊“重制選區(qū)和變形”按鈕 復(fù)制出11份圖形,如圖4-9所示。

圖4-9旋轉(zhuǎn)復(fù)制圖形(5)新建一個(gè)“圖層2”,將“圖層1”中的圖形復(fù)制到“圖層2”中,然后選擇“圖層2”中的圖形,執(zhí)行“修改/變形/水平翻轉(zhuǎn)”菜單命令,再將原圖形調(diào)整成白色,最后將“圖層2”拖曳到“圖層1”的下一層,如圖4-10所示。

圖4-10水平翻轉(zhuǎn)圖形#p#Webjx核心提示:本例將巧用遮罩層圖形與被遮罩層圖形之間的疊加原理來(lái)制作星光四射動(dòng)畫(huà)特效。 (6)選中“圖層2”的第1幀,按F8鍵將其轉(zhuǎn)換為圖形元件(名稱(chēng)為“轉(zhuǎn)圖圖形”),再選中“圖層1”和“圖層2”的第195幀,按F5鍵插入幀,再選中“圖層1”第195幀,然后按F6鍵將其轉(zhuǎn)換為關(guān)鍵幀,最后將“圖層2”轉(zhuǎn)換為“圖層1”的遮罩圖層,如圖4-11所示。

圖4-11添加關(guān)鍵幀(7)選中“圖層2”的第1幀,再單擊右鍵,并在彈出的菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令,然后在屬性面板中設(shè)置旋轉(zhuǎn)為“逆時(shí)針”,如圖4-12所示。

圖4-12創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)(8)返回到“場(chǎng)景1”,選中“星光四射”圖層中的“星光四射”影片剪輯,然后在屬性面板中為其添加“發(fā)光”濾鏡,具體參數(shù)設(shè)置如圖如圖4-13所示。

圖4-13添加“發(fā)光”濾鏡 技巧提示:
如圖4-13所示是星光的原理圖。從左圖中可以看出白色圖形與青色圖形交叉部分是一個(gè)菱形,將白色圖形轉(zhuǎn)換為遮罩層后,顯示出來(lái)的就只剩下青色菱形,從而達(dá)到右圖的菱形效果。

圖4-14星光原理圖(9)新建一個(gè)“星光四射小”圖層,然后將“星光四射”圖層中的影片剪輯復(fù)制到該圖層中,再使用“任意變形工具”將其縮小到如圖4-15所示的大小。

圖4-15 復(fù)制元件(10)在“星光四射小”圖層小的上一層新建一個(gè)“藍(lán)色星光四射”圖層,然后將“星光四射小”圖層中的“星光四射”元件復(fù)制到“藍(lán)色星光四射”圖層中,再選中該圖層中的“星光四射”元件,并在屬性面板中設(shè)置其色調(diào)為(R:255,G:204,B:0),最后使用“任意變形工具”將其旋轉(zhuǎn)到如圖4-116所示的角度。

圖4-116調(diào)整顏色并選擇圖形(11)選中“藍(lán)色星光四射”圖層中的影片剪輯,然后在屬性面板中為其添加“模糊”濾鏡,具體參數(shù)設(shè)置如圖4-17所示。

圖4-17添加“模糊”濾鏡(12)按Ctrl+Enter組合鍵發(fā)布動(dòng)畫(huà)。
>>出自《Flash CS4動(dòng)畫(huà)設(shè)計(jì)與制作208例》(轉(zhuǎn)載請(qǐng)保留出處)
相關(guān)文章
flash如何做雨滴下落的動(dòng)畫(huà)效果? Flash8做一個(gè)下雨效果的技巧
flash如何做雨滴下落的動(dòng)畫(huà)效果?想要做一個(gè)逼真的雨滴落下的效果,該怎么做雨滴落下水花擴(kuò)散的效果呢?下面我們就來(lái)看看Flash8做一個(gè)下雨效果的技巧2022-08-18flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫(huà)效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫(huà)效果怎么做?經(jīng)常使用flash制作動(dòng)畫(huà)效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來(lái)看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細(xì)請(qǐng)看下文介紹2022-07-23flash怎么把形狀變成文字? flash星星變文字動(dòng)畫(huà)的實(shí)現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來(lái)看看flash星星變文字動(dòng)畫(huà)的實(shí)現(xiàn)方法,詳細(xì)請(qǐng)看下文介紹2022-06-06flash怎么制作補(bǔ)間動(dòng)畫(huà)? flash變形動(dòng)畫(huà)的實(shí)現(xiàn)方法
flash怎么制作補(bǔ)間動(dòng)畫(huà)?flash中想要制作形狀變化的動(dòng)畫(huà)效果,該怎么制作補(bǔ)間動(dòng)畫(huà)呢?下面我們就來(lái)就來(lái)看看flash變形動(dòng)畫(huà)的實(shí)現(xiàn)方法2022-02-06FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動(dòng)畫(huà)的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風(fēng)吹荷花的動(dòng)畫(huà)熊愛(ài)國(guó),該怎么制作這個(gè)效果呢?下面我們就來(lái)看看flash制作風(fēng)吹荷花動(dòng)畫(huà)的技巧2022-02-06flash怎么制作荷花在荷花池里搖擺的動(dòng)畫(huà)? FLASH做擺動(dòng)荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動(dòng)畫(huà)??flash中想要制作荷花搖擺的動(dòng)畫(huà),該怎么制作荷花搖曳的動(dòng)畫(huà)呢?下面我們就來(lái)看看FLASH做擺動(dòng)荷花的技巧2022-02-06flash怎么做徑向彩虹文字動(dòng)畫(huà)? 文字添加彩虹動(dòng)畫(huà)效果的技巧
flash怎么做徑向彩虹文字動(dòng)畫(huà)?flash椎間盤(pán)買(mǎi)個(gè)輸入的文字,想要添加動(dòng)畫(huà)效果,該怎么添加徑向彩虹文字效果呢?下面我們就來(lái)看看flash文字添加彩虹動(dòng)畫(huà)效果的技巧,詳細(xì)請(qǐng)2021-11-09flash怎么做眨眼動(dòng)畫(huà)效果? flash動(dòng)漫人物眨眼動(dòng)畫(huà)的做法
flash怎么做眨眼動(dòng)畫(huà)效果?flash中想要制作一個(gè)動(dòng)漫人物的眼睛眨眼動(dòng)畫(huà),該怎么制作呢?下面我們就來(lái)看看flash動(dòng)漫人物眨眼動(dòng)畫(huà)的做法2021-11-08flash怎么制作火焰文字效果? flash做火焰字體動(dòng)畫(huà)的技巧
flash怎么制作火焰文字效果?flash中想要制作一個(gè)熊熊燃燒的活顏文字,該怎么制作這個(gè)文字效果呢?下面我們就來(lái)看看flash做火焰字體動(dòng)畫(huà)的技巧2021-11-01flash怎么做文字動(dòng)畫(huà)logo? 閃動(dòng)的片頭動(dòng)畫(huà)flash的實(shí)現(xiàn)方法
flash怎么做文字動(dòng)畫(huà)logo?flash中想要制作一個(gè)文字logo的動(dòng)畫(huà),讓文字閃爍,該怎么制作這個(gè)效果呢?下面我們就來(lái)看看flash制作文字動(dòng)畫(huà)的技巧2021-10-29