DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks實例指導 ─ 自動顏色變換
Fireworks實例指導 ─ 自動顏色變換
編輯:Fireworks基礎     
 一、新建文件。
  二、使用工具面板中的文字工具,在text editor面板中輸入如下ESCHOOL。字體為arial black.尺寸為40,顏色為藍色。點擊OK表示確定。
  三、選中文字,按F8鍵,跳出symbol propertIEs 窗口,類型選擇graphic。這時這幾字就變成一個symbol了。
  四、打開effect面板,在下拉菜單中選擇adjust color(調整顏色)->color fill 。選擇顏色為黑色。不透明。
  五、選擇這個紅色的symbol,使用菜單命令edit->clone這時會克隆一個symbol,顏色同樣為紅色,疊加在原來symbol的正上方,因此現在紅顏色看起來有點深。
  六、選擇上面的symbol,在effect面板中,雙擊color fill,這時會跳出設置框,我們把顏色改成藍色。
  七、全選這二個symbol,使用菜單命令modify->symbol->tween instances。
  八、在跳出的對話框中進行如下設置:steps設為10,在distribute to frame前面打上鉤,這樣的話就會變成動畫效果
  九、在frame面板中,把每幀的時間改為由7改成20。因為原先速度太快了。
  十、點擊狀態欄中的播放按鈕就可以看這個動畫了。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved