firework使用技巧總結

時間：2025-11-10 14:18:25 網頁設計

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三者區別?

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

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

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

　　12.怎樣使用Fireworks畫虛線?

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

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

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

　　4.Option面板:

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

　　5.Shape面板:設置如圖所示，可以不選Square，那么虛線的點就是圓的。

　　6.Sensitivity面板:

　　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 敲擊回車，或者點擊面板以外的地方關閉對話框。

　　18.FW預覽以及輸出時，HTML文件的左邊和上邊總有空隙，沒有緊靠邊。怎樣時預覽和通常我們可以在DW中修改導出后的HTML文件，只要設置topmargin="0" leftmargin="0" marginheight="0" marginwidth="0"即可。

　　同理我們也可以修改FW的輸出模板，使導出和預覽時的文件直接就緊靠邊，修改如　　\Configuration\HTML Code\Dreamweaver\slices.htt

　　WRITE_HTML("bgcolor=\"#", exportDoc.backgroundColor.toString(16), "\"") 　　WRITE_HTML("topmargin=\"0\" leftmargin=\"0\" marginheight=\"0\"

　　marginwidth=\"0\" bgcolor=\"#",

　　exportDoc.backgroundColor.toString(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組織制定的。

　　27.FW中可不可以將彩色位圖轉成灰度圖?

　　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可以將矢量圖轉化為位圖。

　　32.FW4做的下拉菜單在鼠標離開后消失得不太靈敏，怎么辦?

　　這個問題可以通過修改fw_menu.js文件來解決，首先找到控制菜單顯示速度的以下 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:……\macromedia\fireworks 4\configuration\xtras目錄下，重新啟動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?