DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> 圖解Eye Candy 4000系列(一)
圖解Eye Candy 4000系列(一)
編輯:Fireworks基礎     

  簡介:Eye Candy4000是一個為FW專業開發的濾鏡集成。其中包含了很多具有特色的效果生成命令。我們可以通過對它的使用輕松得到以往為之撓頭的效果。接下來的事情就是讓我們通過實例操作對該命令集成有一個詳盡的了解。

  操作步驟:

  1、首先來了解這個集成濾鏡的第一個命令“Antimatter(反向)”效果。這個命令主要針對圖片使用,其作用與層面板中的混合模式相同,可將單純的顏色模式變換出多種不同的樣式。現在我們導入一張圖片來進行演示。

  2、選定該圖,打開Effect(效果)面板,在Eye Candy 4000的命令列表中選擇Antimatter命令,隨後,彈出了設置面板,接下來讓我們做一下對該濾鏡命令的了解。

  這裡面需要了解的有以下幾項:

  1、Invert Brightness(反轉後圖片亮度的百分比)。依據默認顏色黑色進行調節,百分比數值越小反轉效果越不明顯,反之則反轉效果效果明顯,到達100%,就如同相片的底片一樣。

  2、Decrease Saturation(減少圖片色相飽和度)。依據圖片原有色彩進行調節,百分比數值越大圖像色彩就相對豐富,反之則呈灰度級遞增。達到100%,圖像色彩幾近灰色。

  3、Inverted Grayscale(反向色調)。

  4、Last Used(最後使用的濾鏡)。這個命令和其他的所有命令都不同,它的作用在於找到你最終選擇使用的命令。例如說,當你使用了一個濾鏡命令感覺不滿意進行更改時,如果使用這個命令,它回按照你上一次所使用的命令顯示圖片的效果。

  5、Negative(底片效果)。

  6、Saturated(滲透效果)。

  7、Slight Invert(小差別反轉)。

  8、Totally Inverted(完全反轉)。

  9、Washed Out(曝光效果)。

  以上第3至第9等7個命令是內置的幾種效果,都是根據不同的調節而得到的。由於第4個命令沒有實際調節作用,所以將它拋除在外。下面就讓我們看看應用它們所得到的效果是怎樣的。

  這一節我們要了解的是Bevel Boss(斜角效果集合)。我們可以通過這個濾鏡制作出各種類型的斜角效果,雖然這並沒有什麼出奇的地方,但比較顯著的優點是調節斜角所采用的光源以及斜角的不同側面層次與深度。

  1、首先來了解一下下列四幅圖中各項的含義。

  (1)、Basic項目用來調節簡單的斜角效果,在這裡我們可以指定斜角的寬度(Bevel Width)和高度(Bevel Height)以及斜角平滑度(Smoothness)。同時我們還可以指定斜角的位置,向內的(Inside Marquee)或者是向外的(Outside Marquee)。另外我們還可以確定光線的全局變化,是明亮還是灰暗,這些都在Darken Deep Areas中來完成。

  (2)、Lighting項目用來調節斜角的照明,也就是光源。在這裡我們可以指定光源的顏色和全局輻射的顏色,它們在Highlight Color和Shadow Color中完成。另外我們可以調整照明的大小和輝光的擴散,這些都在Highlight Brightness和Highlight Size中完成。這一項中比較有趣的是,那個代表光源角度的球體是可以隨意轉動的,你只需要將鼠標移動上去,隨意的拖動就可以了。

  (3)、Bevel Profile項目用來調節斜角側面,在這裡我們可以選用命令內置的一些效果,也可以像調節顏色曲線一樣通過拖動曲線來完成對斜角側面或者說深度的調節。

  (4)、最後這一項和上一節中的解釋一樣,它是濾鏡內置的一些斜角效果,我想這多半是為了懶人准備的。我對它毫無興趣。不過令我覺得可愛的一點是,這個菜單中有Save(保存)這一項,當然,當我們進行下去,你會發現其他很多濾鏡中都含有這個命令。它是用來保存我們所做的效果的。當你費了很多的時間調節出來一個漂亮的效果,你一定很想保留它,以便下次繼續使用,那麼就使用它吧,它回很忠實的將你所做的效果保存在我們所看到的這個菜單中。你要做的就是,取一個你喜歡的名字,記住它。

  (5)、或許你覺得這個菜單中內置的效果真是很差勁,那麼就使用Manage(管理)命令吧,在彈出的對話框中你可以刪除所有的濾鏡內置的效果。

  了解了這些以後我想你會說這並沒有什麼用處,其實不然阿,我想它能夠幫助我們制作出很多不同風格的按鈕,還有文字的效果。下面是我做的幾個簡單的例子。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved