Fireworks 8 尋夢之旅(6):實戰操作

來源:互聯網
上載者:User

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

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

  2、選取工具箱的部分選定工具,單擊文字物件附加所在的路徑對象上的任意一個路徑節點,從而出現路徑節點移駐夾,直接對手柄進行調整,改變路徑對象的形狀。

  3、調整完畢後,觀察編輯區的文字物件,會馬上發生相應的變化。

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

  [小結]:一句話,好功能,好方便!

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

  在前面對於Fireworks8新功能的講解中,在有些執行個體槽中重已經多次使用到了這個“純色陰影”濾鏡命令,本節中就針對該濾鏡對象對其使用方法及其技巧做一個詳細的講解。

  首先先來看看調用方法:選定編輯區的對象後,選擇屬性偵測器上濾鏡菜單中的“陰影和光暈|純色陰影”命令,即可對編輯對象執行“純色陰影”濾鏡操作了。

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

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

  (一)面向向量路徑對象:我們主要分為兩塊來對純色陰影濾鏡的使用來做一個介紹,一塊兒為在“純色陰影”對話方塊中不選擇“純色”前面的複選框的情況,另一塊兒則為選中該複選框的情況。

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

  

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

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

  A、不選擇“純色”複選框的情況

  1、填充類別都為實心的情況下,是否進行紋理的設定對於產生的純色陰影會有很大的影響的。如下圖所示,左側的繪圖物件為不使用任何紋理而產生的純色陰影製作效果,右側則為使用了紋理總量為78%的“羊皮紙”紋理後產生的效果。可以看出經過紋理的設定,使得產生的純色陰影更富有了層次感,而且可以初步的分清了陰影和被操作對象的的界限。

  2、填滿類型都為漸層的情況下,是否進行紋理的設定對於產生的純色陰影也會有一定的影響。如下圖所示,左右兩側均將填充方式設為“漸層|緞紋”方式,左側沒有使用紋理,右側為使用了紋理總量為61%的“羊皮紙”紋理後產生的效果。通過和上圖做比較,可以看出,漸層方式+紋理的使用方法彌補了實心填充後進行純色陰影操作的一些不足,從而使主體對象更為清楚,而且陰影對象也較為清晰了。

  3、填滿類型都設為圖案,下圖中就都使用了“織物”這種圖案,可以發現通過對邊緣類型的調整及其紋理的調整對於純色陰影的效果會有較大的影響。如下圖所示,左側圖片為使用了“織物”圖案進行填充後產生的效果,中間圖片則是在使用圖案填充的基礎上,將邊緣類型設為羽化,並將羽化值設為“10”後產生的效果,右側圖片則是在前面兩個設定的基礎上,使用紋理總量為79%的“羊皮紙”紋理後產生的效果。可見使用圖案填充後再進行純色陰影的設定會將圖案的邊緣效果充分體現出來,配合紋理使用的話,會令純色陰影的色彩構成更豐富。

  4、填滿類型都為實心,描邊種類都為“鉛筆|1像素柔化”,顏色為白色,如果對描邊的紋理量做一個調整的話,所產生的純色陰影也會發生較大的變化。如下圖所示,左側圖片為不設定紋理後產生的效果,右側圖片為使用了紋理總量為100%的“沙紋”紋理後產生的效果。可見在1像素描邊的情況下,通過對描邊紋理的設定會對純色陰影的效果產生很大的影響。

  5、描邊類型相同,描邊紋理設定相同,設定不同的填充類別對純色陰影的效果基本上沒有什麼太大的影響。如下圖所示,左側為使用了實心填充後產生的效果,而右側圖片則為使用“漸層|輪廓”填滿類型進行填充後產生的效果,兩者沒有什麼太大的不同,但是此處大家可以通過對填充的紋理進行修改,看看是否對於產生的陰影製作效果有什麼影響!

  6、使用相同的填充方式,對描邊使用相同的紋理設定,產生了迥異不同的效果。如下圖所示,左側圖形為使用1像素柔化描邊後產生的效果,中間圖形則為使用“油畫效果|大範圍潑濺”描邊類型,並將邊緣寬度設為5後產生的效果,右側圖形則為採用了“水彩|加重”描邊類型後產生的效果,非常清楚的可以看出不同的描邊設定,對於陰影的產生產生的效果是差異很大的。

  B、選擇“純色”複選框的情況

  1、如果不對需進行濾鏡處理的對象做描邊設定的話,即使使用不同的填充效果,產生的純色陰影是相同的。如下圖所示,不同的填充效果及其圖案填充都不會對已經進行描邊設定的對象產生任何具體的影響,也就是說純色陰影的顏色只關乎於描邊類型及其顏色以及紋理的設定了。

  2、對操作對象進行描邊設定,是產生不同的純色陰影的一種最有有效也最為直接的手段。如下圖所示,左圖和右圖都使用了“油畫|潑濺”的描邊效果,左側的筆尖大小為1,右側的筆尖大小則為7,簡單的設定,卻產生了不同的效果,但是純色陰影的顏色卻絲毫不會發生任何改變的。

  [小結]:綜上的實驗可以得出純色陰影的使用心得:如果希望產生的陰影製作效果顏色、內容豐富的話,就不能選定“純色”前面的複選框,如果需要陰影顏色單一整齊的話,就一定要勾選“純色”前面的複選框。

  (二)面向位元影像對象

  同樣,為了便於比較效果,我們採用同一幅位元影像對象為添加純色陰影濾鏡的基本對象,並且將“純色陰影”的對話方塊中的角度及其距離均設為“30”大小,來保證其統一性。

  素材檔案下載(97KB, Winzip壓縮)

  A、不選擇“純色”複選框的情況

  1、如果直接對位元影像對象使用純色陰影濾鏡的話,會直接參照位元影像邊緣的顏色對象產生純色陰影製作效果,如下圖所示。特點為顏色豐富,邊緣部分顏色分明。

  2、選取工具箱的“套索”工具在位元影像對象的中部進行圈選,套索邊緣為“實邊”設定。

  直接按“Delete”鍵,刪除該選區,看看會出現何種效果。

  可以看出純色陰影對象進行處理時其針對的對象就是位元影像對象的邊緣部分,一旦出現新的缺口,新的邊緣,新的純色陰影也會隨之馬上出現了。

  3、將第2個實驗操作的套索工具進行重新設定,將邊緣設為“羽化”,並設定一個較大的羽化值,本例將羽化值設為了56,並且增加了一個選區範圍。

  連續按兩次“Delete”鍵,將選區部分刪除,會出現如下圖所示的效果。

  通過羽化的設定,純色陰影的效果也會變得朦朧許多,與被處理對象的邊緣過渡更為柔和。

  4、將位元影像對象與向量對象組合為蒙版對象,然後對其執行純色陰影濾鏡命令,觀察會發生的效果

  首先在編輯區繪製一個填滿類型為漸層,顏色為黑、白過渡的圓形對象。

  同時選定圓形對象和位元影像對象,選擇菜單“修改|蒙版|組合為蒙版”命令,出現過渡效果,如下圖所示。

  對其執行純色陰影濾鏡命令,出現如下圖所示效果。

  可見,對於羽化邊緣或者透明度降低的邊緣部分,與其相應產生的純色陰影也會產生出虛化的效果。

  B、選擇“純色”複選框的情況

  一旦選中“純色”複選框,所產生的純色陰影就相對起來要簡單的多了,它只關乎於你所選擇的純色陰影的顏色而已,而對其它的元素則沒有過多的影響了。

  [小結]:對位元影像對象來使用純色陰影濾鏡命令的方式很簡單,而且產生的效果也比較不錯,配合遮罩及其其它的選區選區工具對位元影像進行處理後,再使用純色陰影濾鏡,有時會產生出更好的效果的,大家不妨多多操作實驗,來對純色濾鏡的使用作一個更深入的瞭解。

  執行個體2 浮雕文字製作方法一則

  有關浮雕文字效果的製作方法已經很多很多了,本例中我們要使用純色陰影濾鏡來製作這款浮雕文字效果,教程開始之前,請先來看下面的效果圖。

  本例使用字型下載(8KB, Winzip壓縮)

  源檔案下載(125KB, Winzip壓縮)

  1、開啟Firewroks,建立檔案,大小、背景色隨意(本例採用的背景色顏色為“#FF6600”)。

  2、在編輯區輸入文字,本例輸入“PCONLINE”,字型採用“BM block”,字型顏色設為無,將描邊色設為黑色,其餘部分不做任何調整,編輯區出現如下圖所示效果。

  3、選中文字物件,選擇屬性偵測器上濾鏡菜單中的“陰影和光暈|純色陰影”命令,將角度設為20,距離設為1,勾選純色前面的複選框,並將顏色設為“#FF9900”或者和背景色保持一致也可。

  4、經過設定後,編輯區的文字物件出現如下圖所示效果。

  5、再次對其執行“純色陰影”命令,具體設定參看下圖,將陰影顏色設為白色即可。

  6、此刻,編輯區文字物件如下圖所示。

  7、選擇屬性偵測器上濾鏡菜單中“斜角和浮雕|凸起浮雕”命令,具體設定請參看下圖所示。

  [提示]:在本步的操作中,可以實驗一下,不選定“顯示對象”前面複選框後產生的文字效果是什麼。

  8、全部設定完畢,編輯區的浮雕文字效果已經出現了,可以更換一下背景顏色,看看浮雕文本的效果會如何。

  [小結]:上面的執行個體製作可以說是對純色陰影使用的一種比較靈活的用法,可見純色陰影的使用範圍是比較廣泛的,而且對於製作一些簡單的3D特效來說,是非常有協助的。只要在實戰中靈活運用該濾鏡效果,相信各位都會製作出更為獨特的作品的。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。