DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks蒙板效果的應用
Fireworks蒙板效果的應用
編輯:Fireworks基礎     
   Fireworks 作為矢量圖與位圖混合處理工具,其蒙板技術也是非常強大的,但它的蒙板制作技術有別於上面我們提到的制作方式,通常用粘貼操作完成蒙板的制作。
下面我們看一下如何制作如圖的蒙板: Fireworks蒙板效果的應用打開我們要用到的圖片,然後在上面繪制一個形狀,本圖中的形狀是采用 dingbat 字體中的 U 字體繪制的形狀。從層上的狀態我們可以看到,圖片與形狀處於同一個層。如圖: Fireworks蒙板效果的應用同時選定圖片與形狀,執行 Modify>Mask Group>Mask to Path 命令,然後你將會看到圖片變成了指定形狀,如圖: Fireworks蒙板效果的應用最後我們為其添加陰影投射(drop shadow)與外部輪廓發光(outer glow)。
值得一提的是 Fireworks 蒙板制作的靈活性,當我們的蒙板制作完畢後,作為蒙板的形狀輪廓仍然可以編輯;字體也可以作為蒙板,在制作完成後,只需通過改變字體就可以改變整個樣式。(多邊形只是 dingbat 中的字體) Fireworks蒙板效果的應用復雜的漸變蒙板,在 Fireworks 中一樣可以應用,如圖: Fireworks蒙板效果的應用要注意到,圖中應用到的圖片是作為背景層的,因此在徑向漸變蒙板中,黑色區域透露出背景層內容,白色區域則作為蒙板起蒙蓋作用(在Fireworks MX中色系功能相反)。最後結果如圖: Fireworks蒙板效果的應用Photoshop 中的材質填充蒙板一樣可以在 Fireworks 中應用,如圖: Fireworks蒙板效果的應用
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved