Fireworks頁面設(shè)計(jì)綜合案例3

    位圖是用像素來描述物體的，它適合于表現(xiàn)色彩變化豐富的照片，而矢量圖是使用路徑和填充來定義對(duì)象的外觀，它非常容易編輯，并且它的質(zhì)量不會(huì)因大小的改變而丟失或減弱。Fireworks同時(shí)提供了編輯這兩種格式圖像的方法，默認(rèn)情況下Fireworks是以矢量的方式創(chuàng)建和編輯對(duì)象。Fireworks提供了常用的創(chuàng)建矢量對(duì)象的工具，我們下面利用這些工具創(chuàng)建基本的矢量圖形。
    1、 選擇工具面板上的矩形工具，在文檔頂端繪制一776x30的矩形。 
    2、 設(shè)定填充為線性漸變填充，點(diǎn)擊填充面板的Edit按鈕編輯填充，如下圖所示：

    3、 在人像的右半邊繪制一個(gè)130x400的矩形實(shí)色填充對(duì)象。 
    4、 接下來我們將在文檔頂端創(chuàng)建按鈕對(duì)象，首先在層面板中新建一個(gè)“導(dǎo)航層”，利用矩形工具創(chuàng)建“公司首頁”按鈕對(duì)象，大小為140x15，填充為紅色與黑色之間的線性漸變填充，打開Effect面板，設(shè)定Inner Bevel特效，如下圖所示：

    5、 我們還可以在背景層繪制一些線段，以打破背景的單調(diào)感覺。

    四、 創(chuàng)建文字 

    Fireworks還提供了強(qiáng)大的文字處理功能，利用文字編輯窗口可以靈活的對(duì)文字進(jìn)行設(shè)定，并且與其它對(duì)象一樣我們也可以對(duì)文字施加各種特效。 

    1、 選擇工具面板的文字工具，打開文字編輯窗口，輸入“卡爾松服飾有限公司”，如圖所示：

    我們看到，在文字編輯窗口我們可以分別對(duì)不同的文字設(shè)定各自的屬性。 
    2、 在文檔左半部分輸入相應(yīng)的英文文字內(nèi)容，并旋轉(zhuǎn)文字90度，如下圖所示：

    3、 打開層面板，選定“Karsong”設(shè)定它的合成方式為“Luminosity”

    4、 打開Effect面板，為“DRESS&ADORNMENT CO..LTD”文字增加Drop Shadow特效。