Fireworks 8 尋夢之旅(6):實戰操作,視覺,平面,fireworks,課程,書籍,封面,設計

　　上一節：Fireworks 8 尋夢之旅(5):菜單新變化

第三部分：實戰操作部分

　　前面林林總總的說了不少Fireworks8的部分新功能，新本事了，不過即使在多的新功能，如果不能對工作產生什麼好的有益的影響的話，相信大家都不會買它的帳的。本節我們還是會通過實例的形式在實戰中繼續感受Fireworks8帶來的一些功能的新改進、而且這些新改進對於實戰應該說是非常有幫助的，具體都有哪些呢，先來總結一下，看看哪些對於我們的切身工作會產生實際的幫助呢？

　　在本章中會主要介紹以下幾個方面的操作要點：

　　1、新增形狀「保存時間戳」的使用；
　　2、新增部分材質的實際應用；
　　3、對路徑可進行再次編輯的附加到路徑的文本對像；
　　4、純色陰影濾鏡命令的使用介紹；
　　5、增強混合圖層模式的講解；
　　6、CSS格式彈出菜單製作導出。

　　相信通過這6個方面操作知識的講解，大家對於Fireworks8的實戰功能是否增強，是否會使我們的工作效率有所提高定會有一個清楚地初步體驗的。

　　一、新增形狀「保存時間戳」的使用

　　1、打開「自動形狀」面板，選中「保存時間戳」對象，將其拖放到編輯區。

　　2、編輯區上會自動出現一個保存的時間提示框，時間顯示即為本地機器的時間指示。

　　3、使用工具箱的「部分選定」工具在插入的時間提示框上單擊，可以發現插入的時間戳對像其實是兩個文本框的組合。

　　4、 既然知道是文本對象了，再對其進行編輯，就比較容易了，通過屬性檢查器，將其搞定即可。

　　5、插入的時間戳對像其實在插入自動形狀操作命令結束後就已經失去了自動形狀對象的功能了，它僅僅就是以一個組合對象的形式存在了，也可以按「Ctrl+G」組合鍵取消其群組，然後對其進行文本對象的具體操作。

　　[小結]：「保存時間戳」這個自動形狀對象的使用應該說是非常簡單的，實用性應該說是比較一般，這個東西對於那些習慣對自己創作的東西用時間來標記分類保存的用戶來說，應該說是方便了許多，省得去敲這些時間的文字了，呵呵。

　　二、新增部分材質的實際應用

　　仔細比較一下Fireworks8里面的填充材質以及圖案與先前版本Fireworks的區別，發現其實在Fireworks8里面並沒有增加過多的材質及圖案，僅僅在填充、描邊的材質裡面增添了一個點的材質組，如下圖所示：

　　而圖案方面，則是僅僅新增了一組金屬圖案的預設，如下：

　　有關「點」的材質的具體使用會在後面「純色陰影」濾鏡講解的時候使用到，這裡就不做示範了，本節主要通過立體齒輪實例的製作，來具體看看金屬圖案組的實用。

　　實例1 立體金屬齒輪的製作

　　照例，先來看看製作完畢的簡單的效果圖。

　　源文件下載(204KB, Winzip壓縮)

　　1、打開Fireworks，新建文件，文件大小、背景色隨意。

　　2、打開「自動形狀」面板，選中其中的「齒輪」自動形狀對象，將其拖放到編輯區添加齒輪對象。

　　3、選擇屬性檢查器上濾鏡菜單「陰影和光暈|純色陰影」命令，在彈出的「純色陰影」對話框中，可以根據個人習慣進行具體設置，本例主要是將距離的數值設置的稍小了一些，具體設置如下圖所示。

　　[提示：]有關「純色陰影」濾鏡的使用方法，我們會在後面有專門的一節做具體的講解，請關注。

　　4、經過對齒輪對像使用「純色陰影」濾鏡，可以快速的製作出初步的立體齒輪效果了，如下圖所示。

　　5、現在，對齒輪的填充方式做一個調整，力爭體現出金屬的效果來。在屬性檢查器上，將齒輪對象的填充類別設為「圖案」，並選擇其中的「金屬—渦輪」圖案效果，編輯區的齒輪對像會出現如下圖所示效果。

　　6、經過上步的設置，可以發現，僅僅通過使用一個圖案的設置，就可以初步出現齒輪的金屬效果了。如果對於目前的金屬表面不太滿意的話，可以通過調整其填充手柄，對其填充的顯示效果做一個再次的調整，如下圖所示，本例是將圓形調節手柄拖放到齒輪右側的位置處。

　　7、如果對於目前的金屬效果還不夠滿意，可以通過再次調整填充的調節手柄來做進一步的設置，比如縮放矩形的調節手柄及改變其方向來對填充圖案的內容做一個改變，如下圖所示。

　　8、經過反覆的調整，找到最滿意的效果，即可結束本例的製作了。

　　[小結]：無論對於初步接觸Fireworks8的用戶也好，還是對於已經能夠熟練操作Fireworks8的用戶來說，這幾個新增的圖案、材質在實際應用中還是會幫上很大的忙的，只要你記得在合適的時候，合理的使用它們就足夠了。

　　三、對路徑可進行再次編輯的附加到路徑的文本對像

　　通過前面的學習，我們已經瞭解到了在Fireworks8版本裡面引進的「動態選取框」的使用方法，並且在實例中也的確感到了這個新增功能的便利所在，對於位圖編輯來說，動態選取框功能的引入應該說一個所見即所得調整的有效展示，這也符合了Fireworks的一貫的風格。而對文本對象的編輯來說，一旦附加到路徑上後，想再次調整路徑形狀的話，就需要先對附加到路徑上的文本對像執行「從路徑分離」命令，然後再進行路徑的調整，然後再將文本對像附加到路徑對像上去，應該說是相當麻煩的。在Fireworks8里面將這個問題變得的簡單化了，那就是即使文本對像已經附加到了路徑對像上，我們仍然可以通過使用部分選定工具對其路徑節點做隨時的調整，或者使用鋼筆工具隨時添加新的路徑節點並對路徑對像做細微調整，這個即時調整功能的加入真的是方便了好多，下面就來看看具體的操作方法。

　　1、在編輯區繪製任意的路徑對象，然後在編輯區輸入文本對象。同時選定路徑對像和文本對象，選擇菜單「文本|附加到路徑」命令，本例簡單的製作了如下圖所示的附加到路徑的效果。

　　2、選取工具箱的部分選定工具，單擊文本對像附加所在的路徑對像上的任意一個路徑節點，從而出現路徑節點控制手柄，直接對手柄進行調整，改變路徑對象的形狀。

　　3、調整完畢後，觀察編輯區的文本對象，會馬上發生相應的變化。

　　如果需要增加新的路徑節點，可以使用鋼筆工具在路徑對像直接添加，然後再做進一步的形狀調整即可。

　　[小結]：一句話，好功能，好方便！

　　四、純色陰影濾鏡命令全接觸

　　在前面對於Fireworks8新功能的講解中，在有些實例槽中重已經多次使用到了這個「純色陰影」濾鏡命令，本節中就針對該濾鏡對像對其使用方法及其技巧做一個詳細的講解。

　　首先先來看看調用方法：選定編輯區的對象後，選擇屬性檢查器上濾鏡菜單中的「陰影和光暈|純色陰影」命令，即可對編輯對像執行「純色陰影」濾鏡操作了。

　　其次來看看該濾鏡的一些參數設置對象，對編輯區的任意一個對象，執行上面提示的菜單命令操作後，會出現一個「純色陰影」的對話框，裡面主要包含了三項內容的設置：一是對陰影角度的設置，直接輸入數值，或者通過調節滑竿均可對其數值大小進行調整；二是對陰影的遠端距離對像本身的距離大小，數值的調整同角度的調整一樣有兩種方法；三是對陰影的顏色是否進行設置的控制，在未選定「純色」前面的復選框的情況下，純色陰影會自動顯示為和添加純色陰影的對象的邊緣顏色、材質相同的顏色效果，如果選定「純色」前面的復選框，即可通過單擊位於該復選框右側的填充顏色井來進行顏色選取、設置了。下面我們通過具體的幾個效果來看看該濾鏡的應用效果。

　　為了便於理解，針對矢量路徑對像和位圖對象，我們將分別通過不同的試驗來對純色陰影的使用做一個深入剖析。

　　（一）面向矢量路徑對像：我們主要分為兩塊來對純色陰影濾鏡的使用來做一個介紹，一塊兒為在「純色陰影」對話框中不選擇「純色」前面的復選框的情況，另一塊兒則為選中該復選框的情況。

　　為了便於比較效果，我們統一拿「齒輪」自動形狀作為添加純色陰影濾鏡的基本對象，並且將「純色陰影」的對話框中的角度及其距離均設為「30」大小，如下圖所示，以保證其統一性。

　　[注意]：上圖僅是主要說明角度及其距離這兩方面屬性的設置內容，「純色」前面的復選框是否選定並不在統一說明之列，大家要明白。

　　本部分主要是通過對齒輪對像設定不同的填充類型、邊緣效果、紋理還有描邊種類等內容，來一一瞭解使用純色陰影濾鏡後產生的具體效果。