DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks MX 創建圖象
Fireworks MX 創建圖象
編輯:Fireworks基礎     
簡單變換圖象就是直接把第一幀上的圖像替換為它下面第二幀的圖象。在創建這個效果前,最好准備兩張相同大小的圖片。 

  1.使用“指針”工具選中圖片,選擇“編輯”>“插入”>“切片”在圖象或對象上方創建切片。 

  
請添加描述


  2.單擊“新建 / 復制幀”按鈕在“幀”面板中創建一個新幀。 

  
請添加描述


  3.打開另一幅圖片,使用“剪切”和“粘貼”命令把這幅圖片粘貼到創建的新幀中。 

  
請添加描述

  4.在“幀”面板中選擇“第 1 幀”,本例中因為切片重疊,所以可以選擇任意一幀。將指針放在行為手柄上方,指針更改為手柄,將行為手柄拖到切片的左上邊緣。 

  

請添加描述


  5.出現一條從切片中心延伸到左上角的藍色行為線,同時打開“交換圖象”對話框。在“交換圖象自”彈出菜單中,選擇要交換的圖象所在的幀,這裡選擇幀2。 

  
請添加描述


  6. 簡單變換圖象做好了,主要起作用的是Javascript代碼,所以必須導出為html格式。選擇“文件”/“導出預覽”,在“保存類型”中選擇“Html和圖像”。 

  
請添加描述


  7. 在Dreamweaver中,單擊“Fireworks HTML”按鈕,選擇之前導出的Html文件即可。 

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