網頁設計

當前位置 /首頁/設計製作/網頁設計/列表

firework使用技巧總結

Fireworks 含有各種建立標準幾何圖形的工具,同時也是很好的繪製不規則圖形的工具,以下是小編為大家搜尋整理firework使用技巧總結,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

firework使用技巧總結

  ◆ JavaScript 按鈕

Fireworks 可以讓您不用寫一行 Javascript 程式碼就可以輕鬆的建立一個互動式的按鈕。您只需要將一個矩形區域轉換為一個按鈕並使用按鈕編輯器(Button Editor)來完成這 ◆ 魔 幻 翻 轉除了建立按鈕之外,Fireworks 還可以讓您輕鬆的建立一個奇異的 Javascript 翻 它改變在這一頁中的其他區域的顯示,在 Fireworks 中,這種翻轉效果被稱作不相交翻轉( disjoint rollover)。 Fireworks 含有一些可用於路徑和點陣圖影象的特殊效果和影象調整命令。

  ◆ 自 動 操 作

在您工作的時候,Fireworks 將記錄每一個步驟並將它們放到歷史記錄(History)面板中 歷史記錄面板來自動完成一些重複的步驟。 蒙板(Masks)覆蓋物件是指只顯示文件中某一物件的一部分。您將使用這個白色的矩形來

  ◆ 熱 點 區

在 Fireworks 中,將影象的一部分連線到一個 URL 非常簡單。當您想建立一個連線但又不想使用互動狀態的按鈕時可以建立一個熱點區(hotspots)。在Fireworks中建立熱點區(Hotspots)就是建立一個影象對映(Map)。 Fireworks可以讓您優化一個文件中的不同部分。每一個文件有一個預設的優化設定,但 一個 GIF 檔案,但這個咖啡杯部分如果優化為 JPEG 檔案將得到更好的效果。 當匯出您的文件的時候,Fireworks 把每一個分割區匯出為一個單獨的檔案。同時生成在瀏覽器中顯示這個文件所需的 HTML 和 Javascript 程式碼。Fireworks 可以很輕鬆的將影象、HTML 和 Javascript 匯出到您用 Macromedia Dreamweaver 建立和管理的站點

  ◆ 動 畫

我們在 Firworks 中建立動畫是使用幀(Frame)的概念。每一個幀(Frame)含有一個不同 幀。幀排列的順序也就是播放的順序,由它來建立一個動作的過程。

1. 我的Fireworks4中為什麼無法輸入中文?

首先你要選中中文的字型,另外可以試試不同的輸入法。但是使用Windows自帶的輸 2.用pointer工具僅可以大致定位物件,有什麼辦法可以準確地設定其x,y座標?

你可以使用info 面板,在上面的小視窗中輸入數值,然後按下enter鍵。

3.在Fireworks中想把多個檔案聯成動畫,該怎麼做?

Fireworks 可以基於一組影象檔案來製作動畫。例如,通過將每個圖形檔案開啟,

1 選擇 File > Open Multiple。 Open Multiple Files 對話方塊開啟。

2 查詢檔案,將這些檔案新增到作為動畫幀開啟的檔案列表。

如果你要將檔案新增到列表,點選 Add。 如果你要將當前資料夾中所有的檔案都新增到列表上,點選 Add All。 如果你想從新增的檔案列表上刪除檔案,從列表上選擇檔案,點選 Remove。

3 選擇 Open as Animation,點選 OK。 Fireworks 會將所有這些檔案在一個單獨的文件中開啟,每個檔案放在一個不同的幀,其順序就是你在 Open Multiple Files 對話方塊

4.怎麼設定幀延遲?

答:幀延遲決定當前幀播放的時間長度。幀延遲是把一秒當作 100 來設定的。例如,如果你設定幀延遲為 50,就是表示半秒鐘,如果你將幀延遲設定為 300,就是表示3 秒鐘。

5.怎樣給輸入的點陣圖加入描邊的效果? 充,在object面板中選擇最右方的 StrokePlacement 就可以了。

6.怎樣才能將Fireworks輸出的.檔案輸入到Dreamweaver中?

選擇Fireworks選單File-> Export,選擇html and image,輸出檔案後,開啟Dreamweaver,點選object面板中的Fireworks html新增按鈕,定位剛才fw輸出的html檔案就可 7.怎樣在Fw4裡調整圓角的度數?

選中圓角矩形,在object(物件)面板調整Roundness的數值。

8.請問Fireworks4能否使text沿path運動的動畫?

你可以在Object面板上一幀幀設Text Offset路徑文字的偏離量,文字偏移是使文字路徑中文字的起始位置在路徑上發生偏移,最後在輸出成動畫格式。

  【Fireworks】學習筆記

  9.如何用Fireworks做突起效果的按扭?

選擇Effect面板中的Bevel And Emboss的子選單,例如inner bevel,好的按鈕效果主要靠比較好的effect引數,細心除錯一下就可以有好看的按鈕。

  10.請教在FW4中Copy→Paste,Duplicate,Clone三者區別?

e(貼上)是針對Copy(拷貝)而言,點選或框選的圖片目標經拷貝後可以被貼上到當前圖層或其他的應用圖層上,如你在FW4開啟一圖片,想把它貼上到Photoshop圖 圖片將以點陣圖的形式同時被保留在WINDOWS的剪貼簿上,根據需要你仍然可以把這個圖片 4中的duplicate(複製)是把當前圖層上已有的圖片重新在新的圖層上“影印   e(克隆)基本和複製一樣,所不同的是克隆可以精確定位,克隆後的圖片與原來的目標圖片完全重合,可以利用游標上下左右鍵進行相對移動,FW4中可以設定移動   4.複製和克隆不能用框選,而拷貝則可以。

  11.怎樣用Fw4分割儲存圖片?

可以使用工具箱裡的Slice工具。

12.怎樣使用Fireworks畫虛線?

1.先建立新文件,按住Shift鍵再用直線工具(Open tool)畫一條直線。

2.選擇Stroke面板:在面板中選擇Random、Dots

3.選擇右上角的三角形,選擇Edit Stroke會出現面板,有Option、Shape和Sensitivity三個專案。

on面板:

Ink Amout:100%; Spacing:300%(**注意:不要設為100%,必須大於。); 不要選Build-up,Tips:1

e面板:設定如圖所示,可以不選Square,那麼虛線的點就是圓的。

itivity面板:

Brush Property:裡面有以下幾項:

Size、 angle、 Ink Amout、 Scatter、 Hue、 Lithtness、 Saturation

當每選取一項時,Affected By:裡面的所有項的值都設為0。然後按應用-->確認。

7.製作完成後,點選右上角的三角形選取Save Sroke as,存為你要取的名字。

8.要在以後呼叫FW時使用這項命令時,必須再選取歷史面板最後一項命令,儲存為你要的名字,這裡存為dashed line。

9.以後要呼叫時就選取Command-->dashed line就可以了。

  13.怎樣輸入類似於網頁中常見的9鎊字?

輸入文字時選擇宋體,12px, no anti-alies。

  14.怎樣將兩個點陣圖物件合併位一個物件?

全選這二個位圖物件,Modify>Convert to Bitmap。

  15.怎樣做出電視掃描線的效果?

開啟或插入要處理的圖片,然後畫一個與圖片大小、位置都相同的矩形(可用Info面板進行精確設定),矩形填充型別為Solid,填充色為Black,紋理Texture選擇Line-Horiz4,紋理量為100%,並選中Transparent選項。調整透明度,使效果更柔和些,可以設定為15左右。

  16.怎麼設定幀延遲?

幀延遲決定當前幀播放的時間長度。幀延遲是把一秒當作 100 來設定的。例如,如果你設定幀延遲為 50,就是表示半秒鐘,如果你將幀延遲設定為 300,就是表示 3 秒

17.如何為每一幀輸入幀延遲的設定值?

1 開啟 Frame Properties 對話方塊: 雙擊幀面板上的幀的名字。 突出幀的名字,從幀面板的 Options 彈出選單中選擇 Properties。

2 在 Frame Delay 選項輸入一個數字。

3 敲擊回車,或者點選面板以外的地方關閉對話方塊。

  預覽以及輸出時,HTML檔案的左邊和上邊總有空隙,沒有緊靠邊。怎樣時預覽和 通常我們可以在DW中修改匯出後的HTML檔案,只要設定topmargin="0" leftmargin="0" marginheight="0" marginwidth="0"即可。

同理我們也可以修改FW的輸出模板,使匯出和預覽時的檔案直接就緊靠邊,修改如   ConfigurationHTML CodeDreamweaver

WRITE_HTML("bgcolor="#", ring(16), """)   WRITE_HTML("topmargin="0" leftmargin="0" marginheight="0"

marginwidth="0" bgcolor="#",

ring(16),

儲存後,重新啟動FW即可。

  19.用Fw4開啟psd,會提示缺少字型,而且psd中的文字走樣?

Fw4現在可以很好的支援PSD多圖層多格式檔案,但是對漢字字型的支援是兩套引摯,所以會出現不匹配的問題。這裡的字型在FW4中開啟還是可以編輯的,可以再次選中原有字型。 FW3雖然沒有這個問題,但字型已轉換為點陣圖。

  20.請介紹一下Fireworks中的物件混合模式。

Fireworks中有十三種物件混合模式,分別是

(Normal)普通模式

這是最基本的也是FW3預設的影象混合模式,在這種模式下位於上層的影象將覆蓋掉(Multiply)累加模式  果往往會產生亮度更低的顏色。用黑色疊加其他顏色的影象產生的結果永遠是黑色, 圖加立體效果。

(Screen)螢幕模式 影象的重疊處色彩的深度,因此結果往往會產生亮度更高的顏色。同樣相反的是用黑色 是白色。

(Darken)暗模式 彩高度則將在顯示結果中使用上層高度低的色彩代替下層高度高的色彩。

(Lighten)亮模式 影象同位置處色彩亮度則將在顯示結果中使用上層高度高的色彩代替下層高度低的色彩

(Difference)交錯模式 結果作為混合結果所顯示的顏色,因此使用白色和底圖進行交錯模式混合產生的將是底

(Hue)色調模式示結果

(Stauration)飽和度模式 顯示結果。因此如果上層影象的飽和度為0(灰色),結果影象將保持底圖色彩不變。

(Color)色彩模式 顯示結果。這種模式保留了底圖的灰度,因此可用於製作單色影象。

( Luminosity)亮度模式 一個新顏色作為顯示結果。

(Invert)反色模式   (Tint)上色模式   (Erase)擦除模式

擦除模式是作用是將底圖中被上層影象覆蓋的部分擦除,和橡皮工具的作用相同。

  21.優化面板上的Matte和Interlace有什麼作用?

Matte是使影象在透明時,更好的與底色融合。Interlace交錯的GIF,簡單的說,就是下載GIF圖時,是先模糊後清楚,不必一次全下載完

  22.請介紹一些Fireworks中的小技巧

1、Brush工具特能的效能:按住shift鍵用brush工具畫出一條水平或垂直線後,釋放滑鼠,但不要鬆開shift鍵,在brush游標附近會出現一個小加號,用brush再畫一條線(仍按住shift鍵),fireworks會把所畫前一條線的終點和後一條線的起點連線起來。

2、Pencil工具的一個用途:在圖象編輯模式下,當改變一個象素構成的圖象時,pencil點到任何象素都會變成當前的描邊顏色。

3、移動游標時,如果按住shift鍵不放,那麼每移動一次為10個象素點。

4、選擇工具:shift鍵除了可與矩形或橢圓形選框工具組合來選擇正方形或圓形區 經選擇好了一個矩形區域,發現應該選擇的是正方形區域。這時,如果在矩形選擇區域仍存在的情況下,按住shift,將得到矩形選擇區域與正方形選擇區域的疊加區域,而不是單獨的正方形選擇區域。為了避免這個問題,可在用shift鍵選擇正方形或圓形之前,執行edit->selet none命令或者使用快捷鍵ctrl+d。也可以在選擇區域外單擊滑鼠取消

  23.如何修改漸變填充?

在Fill面板中使用了漸變填充後,如果想修改的話,開啟並修改漸變圖案的關鍵是

1、選擇用漸變填充的圖片。

2、超始點、漆桶工具,(Ctrl+K)。漸變控制出現。

3、要移動漸變的起始點,拖動圓形手柄。

4、要旋轉漸變方向,將游標移動到控制手柄之外,直到出現Rotate游標,然後拖動

手柄到一個新的位置。在旋轉漸變的時候,FW將漸變的起始點作為旋轉的中心。

5、要改變漸變的大小,直接拖動正方形手柄到新的位置。

6、要修改橢圓漸變、矩形漸變、星爆漸變或者波紋漸變的斜切效果,沿某個方向拖   注:並不限制一定要將漸變控制保持在所選物件的內部。任何漸變控制——起始點、終止點或者大小/斜切控制手柄,都可以移動到物件之外 24.如何製作無縫平鋪的背景圖案?

製作新圖案填充過程中最大的問題就是如何使圖片拼接時無縫當FW在填充大於圖案 邊框,在重複拼接之後就非常明顯;在大多數時候,這種情況是不滿足要求的,有幾種

首先,最簡單的方法就是不要將圖形無素放到圖案圖片的邊緣。這就使得各個圖片

當然,許多情況下圖片已經覆蓋了整個背景,畫布的顏色完全被遮蓋住。對這種類 運,fw 具有足夠的圖形編輯能力來完成這種操作。平鋪放置圖片的時候,圖片的各個邊 邊緣進行混合,從而消除邊界。下面是在fw中對圖案邊緣進行平滑處理的操作步驟:

1、開啟要轉換為圖案的圖片檔案。

2、選擇圖片的某一部份作為圖案的基礎部分。使用掃描圖片或者其他圖形的一部份作為圖案是一種常規方法。首先決定圖案的大小(128*128就是不錯的選擇),然後通過選項面板使用marquee(選框)工具的fixed size功能設定相應的尺寸。這樣就可以方便

3、選擇選單命令edit->copy拷貝選擇的區域。

4、選擇選單命令file->new建立一個新的文件。該文件應該至少是所選圖片的三倍以上。如果選擇128象素的正方形圖片,那麼新文件的最小尺寸為384*384。

5、為了準確定位,可以選擇選單命令view->grid option->edit grid來將網格線的尺寸設定為所選圖片的尺寸,並且選中show grid和snap to grid選項。

6、選擇選單命令edit->paster,將剪貼簿中的內容貼上到文件的左上角。

7、使用alt+拖動方法複製圖片,將複製的圖片放到第一幅圖片的右邊。

8、重複第7步兩次,在前兩幅圖片的下面再貼上兩幅圖片。

9、關閉網格線顯示,關閉snap to grid選項

10、選擇所有四幅圖片,使用命令modify->merge images。這一步是必須的,因為 之前選擇了所有圖片,所以四幅圖片被合併到一個圖片之中。

11、從工具箱中選擇橡皮圖章工具

12、首先處理左右兩邊圖片之間垂直方面上的接縫。在邊緣附近某一側離邊緣幾個 的源點在邊緣的哪一邊),將一個圖片的邊緣擴充套件到另一個圖片的邊緣。 按住alt鍵重新設定橡皮圖章工具源點的位置。如果有必要,可以在選項面板中將橡皮圖

13、在對垂直接縫進行模糊處理結束之後,按此法對水平接縫進行模糊處理,根據   當完成垂直方向和水平方向的接縫模糊處理之後,應該得到無縫圖案,這一步完成 25.Fireworks中如何在不同的圖中使用同一種切割方法?

拷貝WEB層,把別的層鎖定,全選拷貝,開啟另一個圖,貼上就可以了。

  26.PNG格式有什麼特點?

PNG格式的全稱為“Portable Network Graphics (移植的網路圖象檔案格式 )”

優點:

1. 壓縮比率高,並且是無失真壓縮,適合在網路中傳播;

2. 具有8位、24位和32位三中色彩深度; 3.支援Alpha通道透明( 32位)和色彩索引透明( 8位);

缺點:

1) 沒有動畫功能;

2) 瀏覽器支援不理想,只有最新的主流瀏覽器才支援 目前最新的版本是於1996年10月W3C組織制定的。

  中可不可以將彩色點陣圖轉成灰度圖?

Xtras->Adjust color->Hue/Salution,或者Effect面板 Adjust Color->Hue/Salution

將Salution選項調為0,或者在優化面板GIf的色彩setting中選Grayscale,可以輸出灰度圖(Jpeg不支援)

  28.怎樣把在FW4裡做的網頁中一部分做成GIF格式,一部分做成JPG格式?

在Optimize面板中將一部分設定為gif格式,另一部分設定為jpg格式。

  29.歷史記錄預設的是隻有20條,在哪裡設定增加呢?

開啟Edit>refereces,在General選項中有undo steps選項,調整即可,不過太大了,對記憶體和硬碟都有要求,一般40-50即可。

  30.如何使文字按照一定的路徑排列?

同時選擇文字和路徑,然後Text/Attach to Path。

  31.如何向量圖轉化為點陣圖?

用Modify-Convet to Bitmap可以將向量圖轉化為點陣圖。

  4做的下拉選單在滑鼠離開後消失得不太靈敏,怎麼辦?

這個問題可以通過修改fw_檔案來解決,首先找到控制選單顯示速度的以下 setTimeout("fwDoHide()", 1000)

(elapsed < 1000)

setTimeout("fwDoHide()", 1100-elapsed)

預設的數值1000表示當前的延遲時間是1秒,如果想將延遲時間修改為原來的一半, setTimeout("fwDoHide()", 500)

(elapsed < 500)

setTimeout("fwDoHide()", 550-elapsed) 以避免瀏覽者還沒有看清選單內容,選單就消失了。 33.如何呼叫photoshop的濾鏡?

選擇Edit > Preferences 點Folders標籤 ,選取photoshop_plug-ins,點Browse按鈕,選擇photoshop安裝目錄下的plug-in目錄,重新起動fw4後, photoshop濾鏡就會出現在xtra選單和effect面板中。

如果沒安裝PS的話,可以將外掛解壓到X:……macromediafireworks 4configurationxtras目錄下,重新啟動FW4即可。不過FW4只是支援部分PS的外掛,我知道的主要有KPT6、KPT3、Eye Candy 4000、AVBrosPageCurl(用來卷頁的)。

  34.如何改變顏色模式?

點Mixer面板右上角小箭頭的彈出選單,可以選擇色彩模式,RGB為基本色,Hexademical是RGB的十六進位制,CMYK為印刷色(RGB的補色+純黑),HSB是色相/飽和度/亮度模式,Grayscale是灰級模式

35.在點陣圖模式下,選中一些畫素,如何實現反向選擇?

Modify->Marquee->Select Inverse。

  36.怎樣才能畫出圓角三角形?

1.用多邊形工具畫一個三角形.

2.選中這個三角形

3.選擇選單Modify--Alter Path--Inset Path--將Direction選為Outside,寬度自己修改一個合適得值---Coner選為中間的那個圓角形---OK!

  37.怎麼樣才能實現跨幀共享圖層,一般用在什麼地方?

圖層將 Fireworks 文件分成了不同的平面,就如同不同的描摹圖紙重疊了一樣. 如果你需要一些物件的出現貫穿動畫的始終,就可以把這些物件放到一個圖層上,然後選擇SHARE THIS LAYER即可。 得到反映。

提示:Web 層上只包含有切割物件和熱區物件,永遠是跨幀共享的。

38.如何製作Commands?

firework中的commands都是由javascript編寫的。可以有三種製作方法

1.用“History"浮動面板生成commands::在歷史面板上,將有用的步驟選中,單擊右下角的儲存按鈕,將檔案儲存為*檔案,放在“command”目錄下的“creative“

2.用“batch process"生成批處理命令: 設定好批處理內容後,但機對話方塊右下角的“script"按鈕,將檔案儲存。

3.自己編寫自己的commands命令:可以用"Ultraedit"開啟*檔案,瞭解firework中正確的程式設計方式。

做好了commands命令,就可以用“commands"選單下的“batch a commad..."對大批的檔案進行你自己操作了。

TAG標籤:firework #