中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

五、 創(chuàng)建按鈕

利用Fireworks提供的按鈕編輯器，我們可以快速創(chuàng)建具有相似外觀的一組按鈕，并可以設(shè)定按鈕的不同狀態(tài)外觀。
1、 使用矩形工具繪制一個(gè)90x15的矩形按鈕對象，設(shè)定它的填充為線性漸變填充，在矩形上方輸入“企業(yè)概況”。
2、 上一步我們建好了按鈕的基本外觀，我們可以把它轉(zhuǎn)換為一個(gè)按鈕符號重復(fù)利用。選定上面創(chuàng)建的矩形和文字，按F8將它轉(zhuǎn)換為符號，符號類型為Button。

3、 此時(shí)的按鈕符號只具有基本的外形，雙擊剛創(chuàng)建好的這個(gè)符號，打開按鈕編輯窗口。
4、 常見按鈕的Up狀態(tài)，在按鈕編輯器的Up窗口我們可以向編輯普通對象一樣，為按鈕增加一些特效。打開Effect面板，為此按鈕矩形增加Inner Bevel特效，類型為Frame，如圖所示：

5、 切換到Over狀態(tài)，點(diǎn)擊下方的“Copy Up Graphic”將Up狀態(tài)的對象復(fù)制到Over狀態(tài)窗口。改變矩形的漸變填充方向，改變按鈕的特效類型為Smooth，如下圖：

6、 切換到Down狀態(tài)，點(diǎn)擊下方的“Copy Over Graphic”將Over狀態(tài)的對象復(fù)制到Down狀態(tài)窗口。改變矩形的填充類型為實(shí)色填充Solid，改變按鈕的特效類型為Frame1，最后將文字的色彩改變?yōu)榧t色，如下圖：

7、 需要注意的是，在按鈕的Down狀態(tài)下，需要取消對“Show Down State Upon Load”的勾選，同時(shí)要保證“Include Nav Bar Down state”被勾選，這可以使將來輸出時(shí)會(huì)根據(jù)不同的按鈕按下情況輸出相應(yīng)的HTML文件。
8、 關(guān)閉按鈕編輯窗口，按鈕的一個(gè)實(shí)例已經(jīng)放置在了文檔當(dāng)中。

六、 創(chuàng)建導(dǎo)航條

利用上面創(chuàng)建的按鈕我們可以快速創(chuàng)建風(fēng)格一致的網(wǎng)頁導(dǎo)航條，并且可以分別設(shè)定每個(gè)按鈕的外觀和文字，但同時(shí)保持它們的相似性。

1、 我們先對上面創(chuàng)建好的按鈕實(shí)例增加一種特效，打開Effect面板，選擇Adjust Color>Color Fill，設(shè)定此特效的混合模式為Hue色調(diào)，如下圖所示：

這樣當(dāng)我們想改變每個(gè)按鈕實(shí)例的色彩時(shí)，只需修改此特效中的混合色彩即可，而不需對按鈕符號作修改。
2、 創(chuàng)建多個(gè)按鈕實(shí)例。選定上面的按鈕實(shí)例，按住Alt鍵的同時(shí)，拖動(dòng)并復(fù)制這個(gè)按鈕實(shí)例，重復(fù)執(zhí)行此步驟，創(chuàng)建五個(gè)按鈕實(shí)例。
3、 選中這五個(gè)按鈕實(shí)例，打開Modify面板，選擇水平居中對齊，如下圖所示：

4、 現(xiàn)在導(dǎo)航條的效果如下圖：

5、 我們需要對導(dǎo)航條中的每個(gè)按鈕設(shè)定不同的色彩，打開Effect面板，分別改變每個(gè)按鈕所加特效中的混合色彩設(shè)定，將其設(shè)為不同的色值，分別改為#CC9900，#663399，#33FF00，#FF00FF。此時(shí)的導(dǎo)航條效果如下圖所示：

七、 設(shè)定按鈕屬性

上面我們做好的導(dǎo)航條外觀雖然不同，但它們卻有著相同的文字內(nèi)容，我們需要將它們修改為各自的內(nèi)容，并設(shè)定每個(gè)按鈕對應(yīng)的鏈接地址。
1、 打開Object面板，選擇第二個(gè)按鈕實(shí)例，將Object面板上的Button Text改為“企業(yè)人才”。

2、 按下回車鍵后，會(huì)彈出下面的提示框：

我們選擇Current使文字的改變只對當(dāng)前按鈕有效。
3、 將其余的按鈕文字分別修改為“產(chǎn)品展示”、“企業(yè)榮譽(yù)”、“聯(lián)系方式”。切換導(dǎo)文檔的預(yù)覽窗口Preview，可以看一下最終的效果。

4、 打開URL面板，分別選擇每一個(gè)按鈕，在URL面板中設(shè)定它們對應(yīng)的鏈接地址。

出處：藍(lán)色理想
責(zé)任編輯：藍(lán)色

上一頁 創(chuàng)造矢量對象/創(chuàng)建文字 下一頁 建立切片/創(chuàng)建拖拽翻轉(zhuǎn)效果

◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論