DIV CSS 佈局教程網

Fireworks 蒙板技術
編輯:Fireworks基礎     
Fireworks 作為矢量圖與位圖混合處理工具,其蒙板技術也是非常強大的,但它的蒙板制作技術有別於上面我們提到的制作方式,通常用粘貼操作完成蒙板的制作。
  下面我們看一下如何制作如圖的蒙板:

  打開我們要用到的圖片,然後在上面繪制一個形狀,本圖中的形狀是采用 dingbat 字體中的 U 字體繪制的形狀。從層上的狀態我們可以看到,圖片與形狀處於同一個層。如圖:

  同時選定圖片與形狀,執行 Modify>Mask Group>Mask to Path 命令,然後你將會看到圖片變成了指定形狀,如圖:

  最後我們為其添加陰影投射(drop shadow)與外部輪廓發光(outer glow)。
  值得一提的是 Fireworks 蒙板制作的靈活性,當我們的蒙板制作完畢後,作為蒙板的形狀輪廓仍然可以編輯;字體也可以作為蒙板,在制作完成後,只需通過改變字體就可以改變整個樣式。(多邊形只是 dingbat 中的字體)

  復雜的漸變蒙板,在 Fireworks 中一樣可以應用,如圖:

  要注意到,圖中應用到的圖片是作為背景層的,因此在徑向漸變蒙板中,黑色區域透露出背景層內容,白色區域則作為蒙板起蒙蓋作用(在Fireworks MX中色系功能相反)。最後結果如圖:

  Photoshop 中的材質填充蒙板一樣可以在 Fireworks 中應用,如圖:
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved