DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks設計案例 >> Fireworks簡單方法打造網頁“閃字”動畫
Fireworks簡單方法打造網頁“閃字”動畫
編輯:Fireworks設計案例     
最近網絡上很流行一種超炫的閃彩文字及簽名,在QQ空間裡、論壇簽名裡、各類回貼和博客都有炫彩閃字的身影,一些具有個性的閃字還相當耀眼,那麼這種炫彩字是如可制作出來的呢?其實制作炫彩字並不難,我們在Fireworks中用閃底素材+粘貼於內部的制作方法,可以省去相當大的工作量,是一種別出心裁的方法喲!

  下面我們來看看閃字的效果。

Fireworks簡單方法打造網頁“閃字”動畫Fireworks簡單方法打造網頁“閃字”動畫

Fireworks簡單方法打造網頁“閃字”動畫

Fireworks簡單方法打造網頁“閃字”動畫

  制作步驟:

  1.打開Fireworks軟件,新建一個透明背景的文檔。(文檔大小可以先設置為390×68像素,如果不合適,後期再進行修改)

Fireworks簡單方法打造網頁“閃字”動畫

  2.利用左邊工具箱中的“文本工具”Fireworks簡單方法打造網頁“閃字”動畫在畫布中輸入文字,然後在下方“屬性面板”中調整文字的大小/字體,並在“消除鋸齒級別”中設置為“強力消除鋸齒”。

Fireworks簡單方法打造網頁“閃字”動畫

  3.接下來在“幀”面板中將第1幀拖到“新建/重制幀”按鈕上Fireworks簡單方法打造網頁“閃字”動畫2將,如下圖所示,共制作成3幀。(一般是看閃底素材有多少幀,然後就制作幾幀)。

Fireworks簡單方法打造網頁“閃字”動畫Fireworks簡單方法打造網頁“閃字”動畫

  8.接下來就是對閃底素材的編輯了,一般的閃底並不是我們想要的大小,有時會比字小,所以我們就需要編輯一下,首先要打開閃底素材,單擊下方“屬性面板”中的“畫布大小”,調整為閃字畫布大小。。

Fireworks簡單方法打造網頁“閃字”動畫Fireworks簡單方法打造網頁“閃字”動畫

Fireworks簡單方法打造網頁“閃字”動畫

  9.然後在“幀”面板中單擊Fireworks簡單方法打造網頁“閃字”動畫洋蔥皮按鈕,勾選“多幀編輯”,並將結束幀滑塊拖到最後一幀上,並框選所有圖像內容。

Fireworks簡單方法打造網頁“閃字”動畫 Fireworks簡單方法打造網頁“閃字”動畫Fireworks簡單方法打造網頁“閃字”動畫

  10.這樣,框選中的是三幀中的對象,利用移動工具移到畫布最左邊,然後利用ALT+移動復制對象至滿畫布,然後保存並關閉閃底。

Fireworks簡單方法打造網頁“閃字”動畫

  11.回到剛才我們閃字的這個制作畫布中,選擇菜單中“文件—導入”(Ctrl+R),選擇導入剛才修改並保

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved