糯米文學吧

電子商務操作:Fireworks文字遮罩效果實作

導語:我們經常可以看到一些用Flash做文字遮罩效果的教程文章,這種效果用Fireworks也同樣可以做出來,並且可以生成GIF格式的小動畫。下面,就讓我引導大家一步步用Fireworks制作文字探照燈效果。

電子商務操作:Fireworks文字遮罩效果實作

1.點選“File>New”,建立一個新檔案,將背景設定為黑色。

2.點選工具面版中的橢圓形工具,用滑鼠在新畫布上拖動一個橢圓,將橢圓的填充色設定為“None”。

3.點選工具面版上的文字工具,在彈出的文字編輯對話方塊中輸入文字,在此我們輸入“tanzhaodeng”,把文字的'顏色設定為白色。

4.用滑鼠點選選中文字,按下“Shift”鍵,同時再選中剛才畫下的橢圓,然後點選Text>Attach to Path,文字即被貼上至路徑上。

5.選擇Window>Frames,開啟幀面板,然後用滑鼠單擊幀面板右上角的小三角形,選擇“Duplicate Fram”後,在彈出對話方塊的幀數中,輸入數字10,並選中“After current frame”,這樣就把原來的一幀複製成了11幀,用滑鼠仍選中第一幀。

6.選擇Insert>New Symbol,建立一個新元件,在彈出的對話方塊中給新元件命名,在“Type”中選擇“Graphic”,點選“OK”,彈出元件編輯視窗。

7.雙擊工具箱中的多邊形工具,在多邊形設定面版中將邊數設定為3,然後在元件編輯視窗拖動滑鼠,畫一個三角形。將此三角形填充為白色,透明度設定為30,再用工具箱中的變形工具將其調整為夾角稍小的三角形,如圖1。此元件就完成了。

8.關閉元件對話方塊,回到畫布,你會看見新元件也出現在畫板中了。在畫布中複製一個同樣的元件,然後用變形和旋轉工具把它們分別調整成如圖2的位置。

9.按下“Shift”鍵,同時選中兩個元件,再選擇Modify>Symbol元件,點選“Tween Instances”,彈出對話方塊,在“Step”項中輸入9,選中下面一欄,點選“OK”。

10.再按下“Shift”鍵,同時選中文字和實體,選擇Modify>Mask Group,點選命令“Mask to Path”,這樣就形成一個遮罩組。

11.在幀面版中選中第二幀,然後同上邊的步驟一樣,再建立遮罩組。建立完第二幀,依次對每一幀都建立遮罩組,直到完成最後一幀。

12.在幀面板上同時選中所有的幀,再點選其面板右上角的小三角形,選擇“Duplicate Frames”,就會把所有幀複製到下面,用滑鼠來移動新複製的幀的順序,以使它們與前面的幀排列順序剛好相反,這樣做就可以使探照燈自動來回掃射。

13.接下來,根據需要調整停頓幀的時間,雙擊要調整的幀,在彈出的選單中輸入數字,在此我們輸入300,預設為3秒。

好了,到這兒就算全部完工了,現在可以點選畫布下邊的播放按扭,來預覽這個文字探照燈效果。