文 / 5d多媒體 candy

一、初識(shí)fireworks4.0

　　fireworks是一個(gè)強(qiáng)大的網(wǎng)頁(yè)圖形設(shè)計(jì)工具，你可以使用它創(chuàng)建和編輯位圖、矢量圖形，還可以非常輕松的做出各種網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的效果，比如翻轉(zhuǎn)圖象，下拉菜單等，設(shè)計(jì)完成以后，如果你要在網(wǎng)頁(yè)設(shè)計(jì)中使用，你可以將它輸出為html文件，還能輸出為可以在photoshop，illustrator和flash等軟件中編輯的格式。

文件窗口

　　fireworks 的文件窗口上有四個(gè)標(biāo)簽，可以同時(shí)編輯和預(yù)覽圖象，你可以同時(shí)預(yù)覽四種不同的優(yōu)化設(shè)定所產(chǎn)生的效果，選擇最理想的一種設(shè)定。

工具條

　　工具條上包括各種選擇、創(chuàng)建、編輯圖象的工具,有的工具按鈕的右下角有一個(gè)小三角，說(shuō)明這個(gè)工具包含有幾種不同的形式，按住這個(gè)工具不放就能顯示其他的形式。

矢量模式與位圖模式

　　fireworks 可以進(jìn)行矢量模式與位圖模式的編輯，在默認(rèn)狀態(tài)下，fireworks 在打開(kāi)時(shí)是處于位圖模式下，你所繪制的圖形是作為矢量對(duì)象來(lái)處理的。當(dāng)你在編輯它們時(shí)，你會(huì)看到你是在修改構(gòu)成矢量圖形的路徑。

　　你可以打開(kāi)或是輸入位圖，可以對(duì)構(gòu)成位圖的像素進(jìn)行編輯，在處于位圖狀態(tài)下時(shí)，畫(huà)布帶斜紋的框包圍著。

浮動(dòng)面板

　　fireworks的浮動(dòng)面板包括有l(wèi)ayer（圖層），frames(幀），color mixs(顏色混合），behavor(行為)，optimize(優(yōu)化)和object（對(duì)象）等。

　　在工作中你可能會(huì)發(fā)現(xiàn)有些面板經(jīng)常會(huì)用到，你可以把工作起來(lái)最方便的面板排列方式保存起來(lái)，使用菜單命令command ->panel layout,如果下次要調(diào)出這種排列方式只要command ->panel layout set的子菜單內(nèi)選擇就行。

　　在工作區(qū)的右下角有一排快速啟動(dòng)欄，點(diǎn)擊快速啟動(dòng)按鈕就可以很迅速的調(diào)出相應(yīng)的浮動(dòng)面板。

庫(kù)（library）

　　庫(kù)（library）里儲(chǔ)存了可以被重復(fù)使用的元素，稱為symbol(符號(hào))，你可以創(chuàng)建一個(gè)符號(hào)或是將已經(jīng)存在的對(duì)象轉(zhuǎn)化為符號(hào)。

　　符號(hào)分為圖象、動(dòng)畫(huà)、和按鈕三種，要調(diào)用符號(hào)只要把它拖到畫(huà)布上就可以了，一個(gè)符號(hào)可以有多個(gè)instance（例圖），如果你編輯了符號(hào)，那么畫(huà)布上所有的instance（例圖）都會(huì)改變。

文 / 5d多媒體 candy

二、做一個(gè)按鈕

畫(huà)一個(gè)矩形

　　首先我們要在輔助線的幫助下，畫(huà)一個(gè)矩形。

　　1、從菜單上將 view > guides 的 show guides 和 snap to guides 選上，這樣就可以顯示輔助線并且確保對(duì)齊到輔助線(guids)。

　　2、單擊工具條上的矩形工具(rectangle tool) 。

　　3、將矩形工具(rectangle tool)指針貼近輔助線(guides)矩形區(qū)域的一個(gè)角，按下鼠標(biāo)并拖動(dòng)到對(duì)角上。

漸變填充

　　為了讓這個(gè)矩形更象一個(gè)按鈕，我們要給這個(gè)矩形進(jìn)行漸變填充并且加上立體效果。

　　1、打開(kāi)fill（填充）面板，然后確保矩形仍然處于選中的狀態(tài)，在fill面板上的fill category 下拉菜單上選擇linear（線型漸變）方式。

　　2、然后在fill name下拉菜單上選擇black，white。