|
首先講一下什么是動態(tài)元件，在Fireworks中，我們可以創(chuàng)建“圖形”、“按鈕”、和“動畫”三種元件，但往往我們只是直接從文檔庫里面直接把元件拖出來用，我們把這種元件成為靜態(tài)元件。
舉個例子：我繪畫了一顆“OK“按鈕并轉(zhuǎn)換為按鈕類的元件，當(dāng)我要再做一個“Cancel”按鈕時，我就要把剛才那個“OK”按鈕從文檔庫拖進畫布，打散，然后把文本“OK”改為“Cancel”，再轉(zhuǎn)成元件。像這樣子的操作也許我們壓根就沒必要將它們轉(zhuǎn)成元件，因為如果我們要做很多按鈕，那文檔庫就會有很多這樣子的元件。
而動態(tài)元件是什么概念呢？就是我只需要從庫里面把這按鈕拖出來，然后就可以在“元件定義”面板里面改變這個按鈕上的文字、長和寬、以及鼠標(biāo)移入、按下等屬性，但這個元件在庫里面只存在一個，這就是我所說的動態(tài)元件。如果你對此還不太理解，那你可以點擊“Window”菜單下的“Common Library”開啟公用庫，里面就放著一些這種類型的元件。
了解動態(tài)元件用來做什么以后，我們就可以開始制作了。
1.首先我們繪制一顆按鈕的四種狀態(tài)：“正常狀態(tài)”、“鼠標(biāo)移入狀態(tài)”、“鼠標(biāo)按下狀態(tài)” 和 “禁用狀態(tài)”
2.然后我們把這些按鈕背景圖的坐標(biāo)設(shè)為統(tǒng)一，讓它們重疊在一起，再將它們?nèi)窟x中，按F8鍵轉(zhuǎn)為一個圖形類元件，進入這個元件的編輯狀態(tài)，
加入按鈕文本，并給每張狀態(tài)圖進行命名（如下圖）
3.第2步操作要注意幾點：
- 開啟“九宮智能縮放”，將拉伸區(qū)域設(shè)定在文本框外部；
- 文本框的寬度要等于按鈕背景圖寬度減去縮放區(qū)域?qū)挾�，并設(shè)置文本居中顯示；
- 按鈕背景圖最好平面化為位圖，避免在縮放時出現(xiàn)路徑開拆（但不平面化也可以保持圖形縮放時的質(zhì)量不會損失）；
- 將不需要顯示的狀態(tài)圖進行隱藏（去掉圖層前面的眼睛圖標(biāo)）；
出處：藍色理想
責(zé)任編輯：bluehearts
上一頁 下一頁 用firework創(chuàng)建動態(tài)元件(一) [2]
◎進入論壇Photoshop、Fireworks版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 用firework創(chuàng)建動態(tài)元件(一) [1]
第 2 頁 
