fireworks網(wǎng)頁(yè)設(shè)計(jì)綜合實(shí)例-全文預(yù)覽
【正文】 可，而不需對(duì)按鈕符號(hào)作修改。改變矩形的漸變填充方向，改變按鈕的特效類型為Smooth，如下圖： 切換到Down狀態(tài)，點(diǎn)擊下方的“Copy Over Graphic”將Over狀態(tài)的對(duì)象復(fù)制到Down狀態(tài)窗口。選定上面創(chuàng)建的矩形和文字，按F8將它轉(zhuǎn)換為符號(hào)，符號(hào)類型為Button。ADORNMENT CO..LTD”文字增加Drop Shadow特效。 接下來(lái)我們將在文檔頂端創(chuàng)建按鈕對(duì)象，首先在層面板中新建一個(gè)“導(dǎo)航層”，利用矩形工具創(chuàng)建“公司首頁(yè)”按鈕對(duì)象，大小為140x15，填充為紅色與黑色之間的線性漸變填充，打開Effect面板，設(shè)定Inner Bevel特效，如下圖所示： 我們還可以在背景層繪制一些線段，以打破背景的單調(diào)感覺。Fireworks同時(shí)提供了編輯這兩種格式圖像的方法，默認(rèn)情況下Fireworks是以矢量的方式創(chuàng)建和編輯對(duì)象?！ 〈藭r(shí)我們打開Effect面板就可以看到我們自定義的Mydesign特效已經(jīng)在其中了，我們可以像使用其它特效一樣使用它。打開歷史面板History，選定最后兩步Effect紀(jì)錄，在彈出菜單中選擇Save as Command，將這兩個(gè)步驟保存為一個(gè)可執(zhí)行的Command，命名為BMPmodify。如下圖所示： 我們將一張男性模特的照片導(dǎo)入此層中。再打開ViewGridEdit Grid對(duì)話框，設(shè)定水平方向網(wǎng)格間距為10像素，垂直方向?yàn)?像素，并將網(wǎng)格顏色設(shè)為暗灰色以不影響觀察頁(yè)面，打開網(wǎng)格顯示和網(wǎng)格捕捉。右邊為內(nèi)容區(qū)，以深色帶條紋的圖片作為背景。 設(shè)計(jì)指導(dǎo)思想： 本網(wǎng)站設(shè)計(jì)的指導(dǎo)思想是在網(wǎng)絡(luò)上營(yíng)造一個(gè)優(yōu)雅、高貴、寧?kù)o的氛圍，為了體現(xiàn)這一主題，設(shè)計(jì)者將紋理、景深、光影、基調(diào)與有形的模特照片和靜態(tài)的文字結(jié)合起來(lái)，更多的使用直線、堅(jiān)硬的邊緣、暗的色調(diào)來(lái)組成網(wǎng)站界面。這是一個(gè)服飾公司的企業(yè)網(wǎng)站設(shè)計(jì)，公司主要以男式服飾為主，同時(shí)也兼顧部分女士服飾。Fireworks 網(wǎng)頁(yè)設(shè)計(jì)綜合實(shí)例在本文中我們將幫助您親身體驗(yàn)Fireworks在網(wǎng)頁(yè)創(chuàng)作中的強(qiáng)大功能，我們通過一個(gè)網(wǎng)站頁(yè)面的設(shè)計(jì)過程，為您詳細(xì)介紹Fireworks在網(wǎng)頁(yè)設(shè)計(jì)的不同階段是如何處理各種不同任務(wù)的。 自動(dòng)任務(wù)處理 創(chuàng)造矢量圖形 創(chuàng)建文字 創(chuàng)建按鈕 創(chuàng)建導(dǎo)航條 設(shè)定按鈕屬性 建立切片 創(chuàng)建拖拽翻轉(zhuǎn)效果 創(chuàng)建彈出菜單 1創(chuàng)建變形動(dòng)畫 1優(yōu)化圖像 1輸出HTML文件到Dreamweaver 1在Dreamweaver中進(jìn)行往返表格編輯 一、設(shè)計(jì)前準(zhǔn)備 網(wǎng)站介紹： 在教程介紹之前首先讓我們來(lái)看一下我們將要完成的主要任務(wù)。我們將以此得到網(wǎng)站的導(dǎo)航結(jié)構(gòu)?！ №?yè)面結(jié)構(gòu)： 整個(gè)網(wǎng)站采用統(tǒng)一的結(jié)構(gòu)，分為上下兩個(gè)部分，上面為網(wǎng)站的導(dǎo)航條，下面左邊以不同的男式服飾圖片及文字標(biāo)題表示各頁(yè)主題。首先需要設(shè)定工作區(qū)的面積及背景顏色，打開ModifyCanvas Size針對(duì)常見的800x600分辨率，我們?cè)O(shè)定工作區(qū)的長(zhǎng)為776這可以根據(jù)需要設(shè)定，但最好不要超過778，高為515根據(jù)實(shí)際內(nèi)容確定，再執(zhí)行ModifyCanvas Color設(shè)定背景色為黑色。我們的工作將從層面板開始，新建一個(gè)文件后，默認(rèn)的只有兩個(gè)圖層Web層和Layer1層，雙擊Layer1層，將層名改為“背景層”?！ ∮捎谖覀?cè)诤竺鎸⒍啻问褂眠@個(gè)處理過程對(duì)位圖進(jìn)行加工，因此可以利用Fireworks提供的自動(dòng)處理功能加快我們后面的工作，這種自動(dòng)任務(wù)處理可以有很多種途徑，我們介紹其中最常用的三種： 1 保存為一個(gè)Command。我們也可以將作用在圖片上的所有特效保存為一個(gè)內(nèi)置特效，打開Effect面板，在彈出菜單中執(zhí)行Save Effect As，將它保存為Mydesign特效。選定剛才的位圖圖像，打開樣式面板Style，在彈出菜單中執(zhí)行New Style，我們只需保留對(duì)圖片施加的特效即可，按下圖進(jìn)行設(shè)定： 三、 創(chuàng)造矢量對(duì)象 位圖是用像素來(lái)描述物體的，它適合于表現(xiàn)色彩變化豐富的照片，而矢量圖是使用路徑和填充來(lái)定義對(duì)象的外觀，它非常容易編輯，并且它的質(zhì)量不會(huì)因大小的改變而丟失或減弱。 設(shè)定填充為線性漸變填充，點(diǎn)擊填充面板的Edit按鈕編輯填充，如下圖所示： 在人
法律信息相關(guān)推薦
鄂ICP備17016276號(hào)-1