本flash CS4實(shí)例將巧用遮罩層圖形與被遮罩層圖形之間的疊加原理來制作星光四射動畫特效,。我們先來預(yù)覽效果: 效果 本例思路:導(dǎo)入蓮花素材,,然后為其制作閃爍動畫效果。繪制遮罩圖形,,然后利用圖形之間的疊加原理制作出星光四射動畫特效,。 一、制作蓮花閃爍動畫 1,、新建一個大小為550×400像素,,背景色為黑色,幀頻為25fps的空白文檔,。將默認(rèn)的“圖層1”更名為“背景”,,然后使用“矩形工具”繪制一個沒有邊框的矩形,打開“顏色”面板,,設(shè)置類型為“放射狀”,,再設(shè)置第1個色標(biāo)顏色為(R:1,,G:47,B:152),,第2個色標(biāo)顏色為(R:2,,G:2,B:100),,第3個色標(biāo)顏色為(R:0,,G:0,B:0),,填充效果如圖1所示,。
2、新建一個“蓮花”圖層,,然后按Ctrl+R組合鍵導(dǎo)入本書配套光盤中的“Chapter04/素材/蓮花.png”文件,,如圖2所示。
3,、選中“蓮花”圖層中的蓮花,,然后按F8鍵將其轉(zhuǎn)換為影片剪輯(名稱為“蓮花”),如圖3所示,。
4、選中影片剪輯“蓮花”,,然后為其添加“發(fā)光”濾鏡,,具體參數(shù)設(shè)置如圖4所示。品質(zhì)為“高”,,并設(shè)置其發(fā)光顏色為:R:0,,G:255,B:255),,Alpha為100%,,如圖4所示。
5,、雙擊影片剪輯“蓮花”的編輯區(qū)域,,再按F8鍵將其轉(zhuǎn)換為影片剪輯,然后在第40和75幀插入關(guān)鍵幀,,選中第40幀,,并在屬性面板中做如圖5所示的設(shè)置,最后創(chuàng)建出傳統(tǒng)補(bǔ)間動畫,。 二,、制作星光四射動畫特效 1、在“蓮花”圖層的上一層新建一個“星光四射”圖層,,然后按Ctrl+F8組合鍵創(chuàng)建一個新影片剪輯,,如圖6所示,。
2、使用“矩形工具”繪制一個沒有邊框的矩形,,然后設(shè)置填充顏色為(R:0,,G:255,B:255),,并用設(shè)置好的顏色填充矩形,,再用“選擇工具”調(diào)整好其形狀,如圖7所示,。
3,、使用“任意變形工具”選中圖形,然后將變換中心點(diǎn)拖曳到舞臺的中心點(diǎn)上,,如圖8所示,。
4、使用“選擇工具”選中調(diào)整好的圖形,,然后按Ctrl+T組合鍵打開“變形”面板,,設(shè)置旋轉(zhuǎn)角度值為30°,然后單擊“重制選區(qū)和變形”按鈕 復(fù)制出11份圖形,,如圖9所示,。
5、新建一個“圖層2”,,將“圖層1”中的圖形復(fù)制到“圖層2”中,,然后選擇“圖層2”中的圖形,執(zhí)行“修改/變形/水平翻轉(zhuǎn)”菜單命令,,再將原圖形調(diào)整成白色,,最后將“圖層2”拖曳到“圖層1”的下一層,如圖10所示,。
6,、選中“圖層2”的第1幀,按F8鍵將其轉(zhuǎn)換為圖形元件(名稱為“轉(zhuǎn)圖圖形”),,再選中“圖層1”和“圖層2”的第195幀,,按F5鍵插入幀,再選中“圖層1”第195幀,,然后按F6鍵將其轉(zhuǎn)換為關(guān)鍵幀,,最后將“圖層2”轉(zhuǎn)換為“圖層1”的遮罩圖層,如圖11所示,。 圖11 添加關(guān)鍵幀 7,、選中“圖層2”的第1幀,再單擊右鍵,,并在彈出的菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令,,然后在屬性面板中設(shè)置旋轉(zhuǎn)為“逆時(shí)針”,,如圖12所示。
8,、返回到“場景1”,,選中“星光四射”圖層中的“星光四射”影片剪輯,然后在屬性面板中為其添加“發(fā)光”濾鏡,,具體參數(shù)設(shè)置如圖如圖13所示,。
技巧提示:如圖13所示是星光的原理圖。從左圖中可以看出白色圖形與青色圖形交叉部分是一個菱形,,將白色圖形轉(zhuǎn)換為遮罩層后,,顯示出來的就只剩下青色菱形,從而達(dá)到右圖的菱形效果,。
9,、新建一個“星光四射小”圖層,然后將“星光四射”圖層中的影片剪輯復(fù)制到該圖層中,,再使用“任意變形工具”將其縮小到如圖15所示的大小,。
10、在“星光四射小”圖層小的上一層新建一個“藍(lán)色星光四射”圖層,,然后將“星光四射小”圖層中的“星光四射”元件復(fù)制到“藍(lán)色星光四射”圖層中,,再選中該圖層中的“星光四射”元件,并在屬性面板中設(shè)置其色調(diào)為(R:255,,G:204,,B:0),最后使用“任意變形工具”將其旋轉(zhuǎn)到如圖116所示的角度,。
11、選中“藍(lán)色星光四射”圖層中的影片剪輯,,然后在屬性面板中為其添加“模糊”濾鏡,,具體參數(shù)設(shè)置如圖17所示。
12,、按Ctrl+Enter組合鍵發(fā)布動畫,。 圖5 添加蓮花閃爍效果 |
|