DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks實例指導 ─ 對位圖進行羽化
Fireworks實例指導 ─ 對位圖進行羽化
編輯:Fireworks基礎     
下面我們介紹一種簡單的位圖羽化方法,這是Fireworks的基本功能之一
  方法一
  一、在文件中導入一張需要被羽化的位圖(菜單 > file > import)
  二、在工具欄中選擇橢圓形選擇工具或是矩形選擇工具,在位圖需要羽化的部位進行選擇。
  三、菜單 > modify > marquee > feather命令。
  四、在feather selection對話框中設置羽化的半徑,這裡我選了20個象素,點擊OK
  五、用黑色箭頭工具,把這個選擇框拉到一邊,相應的圖片也跟著移到旁邊。
  六、我們可以把不需要的圖片刪除,也可以把這個已經羽化完了的圖片復制到別的文件中去。

  方法二
  一、導入位圖
  二、用橢圓工具,在位圖上畫一個橢圓,填充色為黑色。並在其fill面板中,設置edge為feather,默認為10,不過我們可以設得比較大。
  三、用黑色箭頭工具全選這二個物體。
  四、菜單modify中的mask命令,並在其後序菜單中選擇group as mask.
  五、這樣圖片邊緣羽化也就完成了。用mask做羽化有一個好處,就是當你選擇這個圖片時,邊框是藍色的時候,選中當中的藍色標記,就能把改變圖片的位置。呵呵,這樣你就不需要擔心選擇的地方不正確了,只要確定好最終的圖片大小 ,就能隨意調節羽化圖片的哪一部份。
  六、取消羽化。
  Modify菜單的最下面命令,ungroup,就能取消羽化,把圖片還原成原先的位圖和黑色的橢圓形。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved