fireworks網(wǎng)頁設(shè)計綜合實(shí)例-文庫吧資料
2025-07-05 18:04本頁面
【正文】 、 創(chuàng)建彈出菜單 通常我們站點(diǎn)里的導(dǎo)航信息必須非常的簡練和實(shí)用，只有那些最重要的信息才出現(xiàn)在導(dǎo)航條中，而更多的導(dǎo)航和內(nèi)容信息通常都隱藏起來?！ ?我們增加的切片默認(rèn)情況下是綠色的半透明對象，它們都放置在Web Layer層上. 九、 創(chuàng)建拖拽翻轉(zhuǎn)效果 單擊企業(yè)概況按鈕處的切片，此切片中心將出現(xiàn)一個圓形標(biāo)志，用鼠標(biāo)將其拖動到上一步創(chuàng)建的切片左上角，這將設(shè)置一個翻轉(zhuǎn)效果，在彈出的對話框中設(shè)定鼠標(biāo)滑過時交換為第二幀的內(nèi)容，如下圖所示： 重復(fù)上述步驟，分別為企業(yè)人才、產(chǎn)品展示兩個按鈕增加翻轉(zhuǎn)效果，并分別對應(yīng)第三幀和第四幀。 創(chuàng)建切片通常使用工具面板中的Slice工具直接繪制 ，但如果想創(chuàng)建精確大小的切片，我們可以選擇對象并執(zhí)行右鍵菜單中的Insert Slice自動插入切片。同時，所有的交互行為也是通過切片之間的聯(lián)系來產(chǎn)生的，如翻轉(zhuǎn)圖、彈出菜單等等。八、 建立切片 我們的基本導(dǎo)航及頁面結(jié)構(gòu)已經(jīng)建立好了，現(xiàn)在到了增加切片的時候了。切換導(dǎo)文檔的預(yù)覽窗口Preview，可以看一下最終的效果。 按下回車鍵后，會彈出下面的提示框： 我們選擇Current使文字的改變只對當(dāng)前按鈕有效。此時的導(dǎo)航條效果如下圖所示： 七、 設(shè)定按鈕屬性 上面我們做好的導(dǎo)航條外觀雖然不同，但它們卻有著相同的文字內(nèi)容，我們需要將它們修改為各自的內(nèi)容，并設(shè)定每個按鈕對應(yīng)的鏈接地址。選定上面的按鈕實(shí)例，按住Alt鍵的同時，拖動并復(fù)制這個按鈕實(shí)例，重復(fù)執(zhí)行此步驟，創(chuàng)建五個按鈕實(shí)例。 我們先對上面創(chuàng)建好的按鈕實(shí)例增加一種特效，打開Effect面板，選擇Adjust ColorColor Fill，設(shè)定此特效的混合模式為Hue色調(diào)，如下圖所示： 這樣當(dāng)我們想改變每個按鈕實(shí)例的色彩時，只需修改此特效中的混合色彩即可，而不需對按鈕符號作修改。 關(guān)閉按鈕編輯窗口，按鈕的一個實(shí)例已經(jīng)放置在了文檔當(dāng)中。改變矩形的漸變填充方向，改變按鈕的特效類型為Smooth，如下圖： 切換到Down狀態(tài)，點(diǎn)擊下方的“Copy Over Graphic”將Over狀態(tài)的對象復(fù)制到Down狀態(tài)窗口。 常見按鈕的Up狀態(tài)，在按鈕編輯器的Up窗口我們可以向編輯普通對象一樣，為按鈕增加一些特效。選定上面創(chuàng)建的矩形和文字，按F8將它轉(zhuǎn)換為符號，符號類型為Button?！ ?使用矩形工具繪制一個90x15的矩形按鈕對象，設(shè)定它的填充為線性漸變填充，在矩形上方輸入“企業(yè)概況”。ADORNMENT CO..LTD”文字增加Drop Shadow特效。 選擇工具面板的文字工具，打開文字編輯窗口，輸入“卡爾松服飾有限公司”，如圖所示： 我們看到，在文字編輯窗口我們可以分別對不同的文字設(shè)定各自的屬性。 接下來我們將在文檔頂端創(chuàng)建按鈕對象，首先在層面板中新建一個“導(dǎo)航層”，利用矩形工具創(chuàng)建“公司首頁”按鈕對象，大小為140x15，填充為紅色與黑色之間的線性漸變填充，打開Effect面板，設(shè)定Inner Bevel特效，如下圖所示： 我們還可以在背景層繪制一些線段，以打破背景的單調(diào)感覺。 選擇工具面板上的矩形工具，在文檔頂端繪制一776x30的矩形。Fireworks同時提供了編輯這兩種格式圖像的方法，默認(rèn)情況下Fireworks是以矢量的方式創(chuàng)建和編輯對象。樣式是Fireworks中包含對象的描邊、填充、特效、字體等屬性的一種組合，它可以快速設(shè)定對象具有統(tǒng)一的外觀，我們也可以將上面的設(shè)定作為一個樣式保存?！ 〈藭r我們打開Effect面板就可以看到我們自定義的Mydesign特效已經(jīng)在其中了，我們可以像使用其它特效一樣使用它?！ ? 保存為一個Effect。打開歷史面板History，選定最后兩步Effect紀(jì)錄，在彈出菜單中選擇Save as Command，將這兩個步驟保存為一個可執(zhí)行的Command，命名為BMPmodify?！ ∥粓D大小調(diào)整好后可以使用實(shí)時特效進(jìn)行色彩調(diào)節(jié)，打開Effect面板，選擇Adjust Color/Levels，在Levels分布圖中分別拖動三個滑尺，按照下圖所示進(jìn)行色彩調(diào)節(jié)： 導(dǎo)入的位圖一般都有一些細(xì)小的雜點(diǎn)，我們可以使用EffectBlurGaussian
法律信息相關(guān)推薦
鄂ICP備17016276號-1