fireworks怎么繪制按鈕

　　使用Fireworks都不僅可以輕松地制作出十分動(dòng)感的GIF動(dòng)畫,還可以輕易地完成大圖切割、動(dòng)態(tài)按鈕、動(dòng)態(tài)翻轉(zhuǎn)圖等。那么下面學(xué)習(xí)啦小編跟分享了更多關(guān)于fireworks怎么繪制按鈕，希望你喜歡。

　　fireworks繪制按鈕的方法/步驟：

　　首先我們要在輔助線的幫助下，畫一個(gè)矩形。

　　1，從菜單上將View > Guides的Show Guides和Snap to Guides 選上，這樣就可以顯示輔助線并且確保對(duì)齊到輔助線(Guids)。

　　2，單擊工具條上的矩形工具(Rectangle tool)。

　　3，將矩形工具(Rectangle tool)指針貼近輔助線(Guides)矩形區(qū)域的一個(gè)角，按下鼠標(biāo)并拖動(dòng)到對(duì)角上。

　　漸變填充

　　fireworks繪制按鈕的漸變填充步驟：

　　1，打開(kāi)fill(填充)面板，然后確保矩形仍然處于選中的狀態(tài)，在fill面板上的Fill Category 下拉菜單上選擇Linear(線型漸變)方式。

　　2，然后在Fill name下拉菜單上選擇Black, White。

　　3，點(diǎn)擊編輯按鈕(edit)然后把左邊的顏色樣本象右邊拖一點(diǎn)，使黑白漸變更加暗淡一點(diǎn)。

　　fireworks中添加效果(Effects)：

　　Effects面板可以給圖象和文字加上特別的效果，比如漸變和浮雕。

　　1，如果Effects(效果)面板不可見(jiàn)，從菜單中選擇 Window > Effect。

　　2，在Effects(效果)面板最上面的下拉菜單中選擇“Bevel and Emboss-Inner Bevel”(漸變和浮雕-內(nèi)斜面)。

　　3，并且在斜邊形狀的下拉菜單中選擇Sloped，然后把邊緣寬度設(shè)為4。

　　要?jiǎng)?chuàng)建一個(gè)JavaScript 按鈕 ，必須先將物件轉(zhuǎn)化為Symbols(符號(hào)),fireworks中的(符號(hào))是存儲(chǔ)在文檔的庫(kù)(Library)中可以重復(fù)利用的元素。

　　在fireworks中轉(zhuǎn)化為Symbols(符號(hào))

　　1,選定這個(gè)矩形區(qū)域,從菜單中選擇 Insert > Convert to Symbol.

　　2,在Name(名稱)一欄中填入 MyButton 。

　　3,選擇按鈕(Button)選項(xiàng)，然后單擊“ok”。

　　現(xiàn)在你可以看到，這個(gè)按鈕被一層綠色所覆蓋，并且在左下角有一個(gè)小箭頭，這層綠色表示這是一個(gè)分割區(qū)(Slice)。而這個(gè)箭頭表明這個(gè)矩形區(qū)域是存儲(chǔ)在文檔的庫(kù)(Library)中Symbols的一個(gè)例圖(Instance)。 然后，你將會(huì)使用這個(gè)圓形的(behavior control )動(dòng)作控制器 來(lái)創(chuàng)建一個(gè)翻轉(zhuǎn)圖象。

　　4,選擇菜單 Window > Library可以看到在庫(kù)(Library)中的按鈕，

　　給按鈕加上文字步驟：

　　1，雙擊這個(gè)按鈕打開(kāi)按鈕編輯器

　　2，選擇文字工具(Text tool)，然后在按鈕編輯器中的按鈕上單擊鼠標(biāo)。

　　3,在文字編輯器(Text Editor)中可以選擇字體選擇，字號(hào)對(duì)齊方式等，在這里我們選擇Impact字體, 大小為16-point，居中對(duì)齊。顏色設(shè)頂為橘黃色。

　　4，輸入“Adventure Planner ”，并單擊ok。

　　fireworks中對(duì)齊文字

　　對(duì)齊按鈕上的文字，你需要使用菜單命令。

　　1，用指針(Pointer)選中按鈕，并野醋?shift同時(shí)選中文字。

　　2，點(diǎn)擊菜單中的Modify > Align > Center Vertical(垂直中心對(duì)齊)

　　3，并且點(diǎn)擊Modify > Align > Center Horizontal(水平中心對(duì)齊)這樣將使文字對(duì)齊按鈕中心。

　　fireworks中創(chuàng)建翻轉(zhuǎn)效果

　　1，單擊按鈕編輯器的滑過(guò)(Over)標(biāo)簽然后單擊復(fù)制彈起圖像( Copy Up Graphic)按鈕。在滑過(guò)(Over)標(biāo)簽中的圖像是指在已完成的網(wǎng)頁(yè)中當(dāng)鼠標(biāo)指針滑過(guò)這個(gè)按鈕時(shí)顯示的圖像。

　　2，選中文字，使用fill(填充)面板，將文字變?yōu)榧t色。

　　3，關(guān)閉按鈕編輯器

　　記得要經(jīng)常的保存你的工作哦

　　預(yù)覽一下

　　1，點(diǎn)擊工具面板下面的隱藏切片圖標(biāo)，就可以隱藏掉按鈕上覆蓋的綠色。

　　2，點(diǎn)擊preview標(biāo)簽，

　　3，把鼠標(biāo)移到按鈕上面就可以看到變色的效果了。

　　給按鈕加上鏈接

　　1，點(diǎn)擊Object面板上的 Link Wizard (鏈接向?qū)?

　　2，在Link Wizard (鏈接向?qū)?上的link標(biāo)簽上輸入鏈接地址。