fireworks_網(wǎng)絡(luò)頁面設(shè)計(jì)綜合實(shí)際示例-文庫吧
2025-07-02 19:03 本頁面
【正文】 存為一個(gè) Effect。我們也可以將作用在圖片上的所有特效保存為一個(gè)內(nèi)置特效，打開Effect 面板，在彈出菜單中 執(zhí)行 Save Effect As，將它保存為 Mydesign 特效。 此時(shí)我們打開 Effect 面板就可以看到我們自定義的 Mydesign特效已經(jīng)在其中了，我們可以像使用其它特效一樣使用它。如下圖： 3 保存為一個(gè) Style。樣式是 Fireworks 中包含對象的描邊、填充、特效、字體等屬性的一種組合，它可以快速設(shè)定對象具有統(tǒng)一的外觀，我們也可以將上面的設(shè)定作為一個(gè)樣式保存。選定剛才的位圖圖像，打開樣式面板 Style，在彈出菜單中執(zhí)行 New Style，我們只需保留對圖片施加的特效即可，按下圖進(jìn)行設(shè)定： 三、 創(chuàng)造矢量對象 位圖是用像素來描述物體的，它適合于表現(xiàn)色彩變化豐富的照片，而矢量 圖是使用路徑和填充來定義對象的外觀，它非常容易編輯，并且它的質(zhì)量不會(huì)因大小的改變而丟失或減弱。Fireworks 同時(shí)提供了編輯這兩種格式圖像的方法，默認(rèn)情況下 Fireworks 是以矢量的方式創(chuàng)建和編輯對象。 Fireworks 提供了常用的創(chuàng)建矢量對象的工具，我們下面利用這些工具創(chuàng)建基本的矢量圖形。 選擇工具面板上的矩形工具 ，在文檔頂端繪制一 776x30 的矩形。 設(shè)定填充為線性漸變填充，點(diǎn)擊填充面板的 Edit 按鈕編輯填充，如下圖所示： 在人像的右半邊繪制一個(gè) 130x400 的矩形實(shí)色填充對象。 接下來我們將在文檔頂端創(chuàng)建按鈕對象，首先在層面板中新建一個(gè) “導(dǎo)航層 ”，利 用矩形工具創(chuàng)建 “公司首頁 ”按鈕對象，大小為 140x15，填充為紅色與黑色之間的線性漸變填充，打開Effect 面板，設(shè)定 Inner Bevel 特效，如下圖所示： 我們還可以在背景層繪制一些線段，以打破背景的單調(diào)感覺。如下圖所示： 四、 創(chuàng)建文字 Fireworks 還提供了強(qiáng)大的文字處理功能，利用文字編輯窗口可以靈活的對文字進(jìn)行設(shè)定，并且與其它對象一樣我們也可以對文字施加各種特效。 選擇工具面板的文字工具，打開文字編輯窗口，輸入 “卡爾松服飾有限公司 ”，如圖所示： 我們看到，在文字編輯窗口我們可以分別對不同的文字設(shè)定各自的屬性。 在文檔左半部分輸入相應(yīng)的英文文字內(nèi)容，并旋轉(zhuǎn)文字 90 度，如下圖所示： 打開層面板，選定 “Karsong”設(shè)定它的 合成方式為 “Luminosity” 打開 Effect 面板，為 “DRESSamp。ADORNMENT CO..LTD”文字增加 Drop Shadow 特效。 五、 創(chuàng)建按鈕 利用 Fireworks 提供的按鈕編輯器，我們可以快速創(chuàng)建具有相似外觀的一組按鈕，并可以設(shè)定按鈕的不同狀態(tài)外觀。 使用 矩形工具繪制一個(gè) 90x15 的矩形按鈕對象，設(shè)定它的填充為線性漸變填充，在矩形上方輸入 “企業(yè)概況 ”。 上一步我們建好了按鈕的基本外觀，我們可以把它轉(zhuǎn)換為一個(gè)按鈕符號重復(fù)利用。選定上面創(chuàng)建的矩形和文字，按 F8 將它轉(zhuǎn)換為符號，符號類型為 Button。 此時(shí)的按鈕符號只具有基本的外形，雙 擊剛創(chuàng)建好的這個(gè)符號，打開按鈕編輯窗口。 常見按鈕的 Up 狀態(tài)，在按鈕編輯器的 Up 窗口我們可以向編輯普通對象一樣，為按鈕增加一些特效。打開 Effect 面板，為此按鈕矩形增加 Inner Bevel 特效，類型為 Frame，如圖所示： 切換到 Over狀態(tài)，點(diǎn)擊下方的 “Copy Up Graphic”將 Up 狀態(tài)的對象復(fù)制到 Over 狀態(tài)窗口。改變矩形的漸變填充方向，改變按鈕的特效類型為 Smooth，如下圖： 切換到 Down狀態(tài)，點(diǎn)擊下方的 “Copy Over Graphic”將 Over狀態(tài)的對象復(fù)制到 Down狀態(tài)窗口。改變矩形的填充類型為實(shí)色填充 Solid，改變按鈕的特效類型為 Frame1，最后將文字的色彩改變?yōu)榧t色，如下圖： 需要注意的是，在按鈕的 Down 狀態(tài)下，需要取消對 “Show Down State Upon Load”的勾選，同時(shí)要保證 “Include Nav Bar Down state”被勾選，這可以使將來輸出時(shí)會(huì)根據(jù)不同的按鈕按下情況輸出相應(yīng)的 HTML 文件。 關(guān)閉按鈕編輯窗口，按鈕的一個(gè)實(shí)例已經(jīng)放置在了文檔當(dāng)中。 六、 創(chuàng)建導(dǎo)航條 利用上面創(chuàng)建的按鈕我們可以快速創(chuàng)建風(fēng)格一致的網(wǎng)
研究報(bào)告相關(guān)推薦
鄂ICP備17016276號-1