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

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

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

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

圖4-4??添加“發光”濾鏡
(5)雙擊影片剪輯“蓮花”的編輯區域,再按F8鍵將其轉換為影片剪輯,然后在第40和75幀插入關鍵幀,選中第40幀,并在屬性面板中做如圖4-5所示的設置,最后創建出傳統補間動畫。

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

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

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

圖4-8??調整圖形中心位置
(4)使用“選擇工具”選中調整好的圖形,然后按Ctrl+T組合鍵打開“變形”面板,設置旋轉角度值為30°,然后單擊“重制選區和變形”按鈕 復制出11份圖形,如圖4-9所示。

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

圖4-10??水平翻轉圖形
(6)選中“圖層2”的第1幀,按F8鍵將其轉換為圖形元件(名稱為“轉圖圖形”),再選中“圖層1”和“圖層2”的第195幀,按F5鍵插入幀,再選中“圖層1”第195幀,然后按F6鍵將其轉換為關鍵幀,最后將“圖層2”轉換為“圖層1”的遮罩圖層,如圖4-11所示。

圖4-11??添加關鍵幀
(7)選中“圖層2”的第1幀,再單擊右鍵,并在彈出的菜單中選擇“創建傳統補間”命令,然后在屬性面板中設置旋轉為“逆時針”,如圖4-12所示。

圖4-12??創建傳統補間動畫
(8)返回到“場景1”,選中“星光四射”圖層中的“星光四射”影片剪輯,然后在屬性面板中為其添加“發光”濾鏡,具體參數設置如圖如圖4-13所示。

圖4-13??添加“發光”濾鏡
[1b]技巧提示:[/1b]
如圖4-13所示是星光的原理圖。從左圖中可以看出白色圖形與青色圖形交叉部分是一個菱形,將白色圖形轉換為遮罩層后,顯示出來的就只剩下青色菱形,從而達到右圖的菱形效果。

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

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

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

圖4-17??添加“模糊”濾鏡
(12)按Ctrl+Enter組合鍵發布動畫。
[1b]>>出自《Flash CS4動畫設計與制作208例》(轉載請保留出處)[/1b]
本文轉自:http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/5206.html
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
